.home-builder-front{
    --hbf-red:#a40000;
    --hbf-dark:#111827;
    --hbf-text:#111827;
    --hbf-muted:#64748b;
    --hbf-line:#e5e7eb;
    --hbf-soft:#f8fafc;
    --hbf-white:#ffffff;
    --hbf-gap:18px;

    --hbf-card-radius:0px;
    --hbf-image-radius:0px;
    --hbf-badge-radius:0px;
    --hbf-list-radius:0px;
    --hbf-slider-radius:0px;
    --hbf-section-title-radius:0px;

    --hbf-row-height:auto;
    --hbf-card-height:auto;
    --hbf-image-height:auto;

    --hbf-title-size:20px;
    --hbf-summary-size:13px;
    --hbf-category-size:11px;
    --hbf-meta-size:11px;
    --hbf-author-size:14px;

    --hbf-carousel-web-count:3;
    --hbf-carousel-tablet-count:2;
    --hbf-carousel-mobile-width:82%;

    width:100%;
}

/* ================================
   SECTION
================================ */

.hbf-section{
    margin-bottom:36px;
}

.hbf-section-grid{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:var(--hbf-gap);
    align-items:stretch;
}

.hbf-col-1{grid-column:span 1;}
.hbf-col-2{grid-column:span 2;}
.hbf-col-3{grid-column:span 3;}
.hbf-col-4{grid-column:span 4;}
.hbf-col-5{grid-column:span 5;}
.hbf-col-6{grid-column:span 6;}
.hbf-col-7{grid-column:span 7;}
.hbf-col-8{grid-column:span 8;}
.hbf-col-9{grid-column:span 9;}
.hbf-col-10{grid-column:span 10;}
.hbf-col-11{grid-column:span 11;}
.hbf-col-12{grid-column:span 12;}

.hbf-row{
    min-width:0;
    min-height:var(--hbf-row-height);
}

.hbf-row > *{
    min-width:0;
}

/* ================================
   ITEMS WRAPPERS
================================ */

.hbf-items-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--hbf-gap);
    height:100%;
}

.hbf-items-horizontal{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:var(--hbf-gap);
    height:100%;
}

.hbf-items-vertical{
    display:grid;
    grid-template-columns:1fr;
    gap:var(--hbf-gap);
    height:100%;
}

.hbf-items-list{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    height:100%;
}

.hbf-col-12 .hbf-items-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.hbf-col-10 .hbf-items-grid,
.hbf-col-9 .hbf-items-grid,
.hbf-col-8 .hbf-items-grid,
.hbf-col-7 .hbf-items-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.hbf-col-6 .hbf-items-grid,
.hbf-col-5 .hbf-items-grid,
.hbf-col-4 .hbf-items-grid,
.hbf-col-3 .hbf-items-grid,
.hbf-col-2 .hbf-items-grid,
.hbf-col-1 .hbf-items-grid{
    grid-template-columns:1fr;
}

/* ================================
   SECTION HEADER
================================ */

.hbf-section-head{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:58px;
    margin-bottom:18px;
}

.hbf-section-head-line{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background:#d1d5db;
    transform:translateY(-50%);
    z-index:0;
}

.hbf-section-title-wrap{
    position:relative;
    z-index:2;
    background:#fff;
}

.hbf-section-head h2{
    margin:0;
    color:#111827;
    font-size:30px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.035em;
}

.hbf-section-header-1 .hbf-section-head-line,
.hbf-section_header_1 .hbf-section-head-line{
    display:none;
}

.hbf-section-header-1 h2,
.hbf-section_header_1 h2{
    border-left:7px solid var(--hbf-red);
    padding-left:14px;
    text-transform:uppercase;
}

.hbf-section-header-2 h2,
.hbf-section_header_2 h2{
    padding-bottom:8px;
    border-bottom:4px solid var(--hbf-red);
}

.hbf-section-header-3,
.hbf-section_header_3{
    justify-content:center;
}

.hbf-section-header-3 h2,
.hbf-section_header_3 h2{
    font-family:Georgia,serif;
    font-size:36px;
    border-top:1px solid #111827;
    border-bottom:1px solid #111827;
    padding:9px 24px;
}

.hbf-section-header-4 h2,
.hbf-section_header_4 h2{
    background:#111827;
    color:#fff;
    padding:10px 18px;
    border-radius:var(--hbf-section-title-radius);
}

.hbf-section-header-5 .hbf-section-head-line,
.hbf-section_header_5 .hbf-section-head-line{
    display:none;
}

.hbf-section-header-5 h2,
.hbf-section_header_5 h2{
    font-size:25px;
}

.hbf-section-header-6 h2,
.hbf-section_header_6 h2{
    background:#000;
    color:#fff;
    padding:10px 16px;
    border-radius:var(--hbf-section-title-radius);
}

.hbf-section-header-7 h2,
.hbf-section_header_7 h2{
    border-top:4px solid var(--hbf-red);
    border-bottom:4px solid var(--hbf-red);
    padding:8px 0;
}

.hbf-section-header-8,
.hbf-section_header_8{
    justify-content:center;
}

.hbf-section-header-8 .hbf-section-title-wrap,
.hbf-section_header_8 .hbf-section-title-wrap{
    background:var(--hbf-red);
    padding:13px 64px;
    transform:skewX(-8deg);
    border-radius:var(--hbf-section-title-radius);
}

.hbf-section-header-8 h2,
.hbf-section_header_8 h2{
    color:#fff;
    transform:skewX(8deg);
    font-size:24px;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.hbf-section-header-9 h2,
.hbf-section_header_9 h2{
    font-size:42px;
    font-weight:1000;
}

.hbf-section-header-10 h2,
.hbf-section_header_10 h2{
    background:#fef2f2;
    color:#991b1b;
    border:1px solid #fecaca;
    border-radius:var(--hbf-section-title-radius);
    padding:10px 18px;
}

/* ================================
   BASE CARD
================================ */

.hbf-card{
    position:relative;
    background:#fff;
    border:1px solid var(--hbf-line);
    border-radius:var(--hbf-card-radius);
    overflow:hidden;
    height:var(--hbf-card-height);
    min-height:0;
    min-width:0;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.hbf-card:hover{
    transform:translateY(-2px);
}

.hbf-card-image{
    display:block;
    position:relative;
    aspect-ratio:4/3;
    height:var(--hbf-image-height);
    overflow:hidden;
    background:#f3f4f6;
    text-decoration:none;
    border-radius:var(--hbf-image-radius);
}

.hbf-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.hbf-card:hover .hbf-card-image img{
    transform:scale(1.04);
}

.hbf-card-number{
    position:absolute;
    left:12px;
    top:12px;
    width:34px;
    height:34px;
    border-radius:var(--hbf-badge-radius);
    background:var(--hbf-red);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:950;
    z-index:5;
}

.hbf-card-body{
    padding:16px;
}

.hbf-card-kicker{
    margin-bottom:8px;
}

.hbf-card-kicker span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border-radius:var(--hbf-badge-radius);
    color:var(--hbf-red);
    background:#fee2e2;
    font-size:var(--hbf-category-size);
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.hbf-card-author{
    margin-bottom:7px;
    color:var(--hbf-text);
    font-size:var(--hbf-author-size);
    font-weight:950;
    line-height:1.2;
}

.hbf-card-title{
    margin:0;
    color:var(--hbf-text);
    font-size:var(--hbf-title-size);
    line-height:1.15;
    font-weight:950;
    letter-spacing:-.035em;
}

.hbf-card-title a{
    color:inherit;
    text-decoration:none;
}

.hbf-card-title a:hover{
    color:var(--hbf-red);
}

.hbf-card-summary{
    margin:10px 0 0;
    color:var(--hbf-muted);
    font-size:var(--hbf-summary-size);
    line-height:1.5;
    font-weight:600;
}

.hbf-card-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
    color:var(--hbf-muted);
    font-size:var(--hbf-meta-size);
    font-weight:700;
}

.hbf-card.is-large .hbf-card-title{
    font-size:var(--hbf-title-size);
}

/* ================================
   CARD STYLE: POSTER DARK
================================ */

.hbf-card-poster-dark,
.hbf-card-poster_dark{
    background:#111827;
    border:0;
    border-radius:var(--hbf-card-radius);
    min-height:270px;
    color:#fff;
}

.hbf-card-poster-dark .hbf-card-image,
.hbf-card-poster_dark .hbf-card-image{
    position:absolute;
    inset:0;
    height:100%;
    min-height:100%;
    aspect-ratio:auto;
    border-radius:0;
}

.hbf-card-poster-dark .hbf-card-image:after,
.hbf-card-poster_dark .hbf-card-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.32),rgba(0,0,0,.90));
    z-index:1;
}

.hbf-card-poster-dark .hbf-card-body,
.hbf-card-poster_dark .hbf-card-body{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    background:transparent;
    padding:24px;
}

.hbf-card-poster-dark .hbf-card-title,
.hbf-card-poster_dark .hbf-card-title,
.hbf-card-poster-dark .hbf-card-title a,
.hbf-card-poster_dark .hbf-card-title a,
.hbf-card-poster-dark .hbf-card-summary,
.hbf-card-poster_dark .hbf-card-summary,
.hbf-card-poster-dark .hbf-card-meta,
.hbf-card-poster_dark .hbf-card-meta,
.hbf-card-poster-dark .hbf-card-author,
.hbf-card-poster_dark .hbf-card-author{
    color:#fff;
}

.hbf-card-poster-dark .hbf-card-kicker span,
.hbf-card-poster_dark .hbf-card-kicker span{
    background:var(--hbf-red);
    color:#fff;
}

/* ================================
   CARD STYLE: POSTER LIGHT
================================ */

.hbf-card-poster-light,
.hbf-card-poster_light{
    background:#fff;
    border:1px solid var(--hbf-line);
    border-radius:var(--hbf-card-radius);
    box-shadow:0 10px 28px rgba(15,23,42,.07);
}

.hbf-card-poster-light .hbf-card-image,
.hbf-card-poster_light .hbf-card-image{
    height:var(--hbf-image-height);
    aspect-ratio:4/3;
}

.hbf-card-poster-light .hbf-card-body,
.hbf-card-poster_light .hbf-card-body{
    padding:18px;
}

/* ================================
   CARD STYLE: CLASSIC
================================ */

.hbf-card-classic{
    display:grid;
    grid-template-columns:160px minmax(0,1fr);
    gap:14px;
    align-items:stretch;
    background:#fff;
    border:1px solid var(--hbf-line);
    border-radius:var(--hbf-card-radius);
    padding:12px;
    box-shadow:0 8px 22px rgba(15,23,42,.06);
}

.hbf-card-classic .hbf-card-image{
    height:var(--hbf-image-height);
    min-height:130px;
    aspect-ratio:auto;
    border-radius:var(--hbf-image-radius);
}

.hbf-card-classic .hbf-card-body{
    padding:4px 0;
}

/* ================================
   CARD STYLE: MINIMAL
================================ */

.hbf-card-minimal{
    background:transparent;
    border:0;
    border-bottom:1px solid var(--hbf-line);
    border-radius:0;
    padding:14px 0;
    height:auto;
}

.hbf-card-minimal .hbf-card-image{
    display:none;
}

.hbf-card-minimal .hbf-card-body{
    padding:0;
}

.hbf-card-minimal .hbf-card-kicker span{
    background:transparent;
    padding:0;
    border-radius:0;
}

/* ================================
   CARD STYLE: OVERLAY
================================ */

.hbf-card-overlay{
    background:#111827;
    border:0;
    border-radius:var(--hbf-card-radius);
    min-height:270px;
    color:#fff;
}

.hbf-card-overlay .hbf-card-image{
    position:absolute;
    inset:0;
    height:100%;
    min-height:100%;
    aspect-ratio:auto;
    border-radius:0;
}

.hbf-card-overlay .hbf-card-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.82));
    z-index:1;
}

.hbf-card-overlay .hbf-card-body{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    padding:24px;
}

.hbf-card-overlay .hbf-card-title,
.hbf-card-overlay .hbf-card-title a,
.hbf-card-overlay .hbf-card-summary,
.hbf-card-overlay .hbf-card-meta,
.hbf-card-overlay .hbf-card-author{
    color:#fff;
}

.hbf-card-overlay .hbf-card-kicker span{
    background:rgba(255,255,255,.15);
    color:#fff;
    border:1px solid rgba(255,255,255,.25);
}

/* ================================
   EK CARD STYLE UYUMLULUKLARI
================================ */

.hbf-card-red-breaking,
.hbf-card-red_breaking{
    background:#a40000;
    border:0;
    border-radius:var(--hbf-card-radius);
    min-height:270px;
    color:#fff;
}

.hbf-card-red-breaking .hbf-card-image,
.hbf-card-red_breaking .hbf-card-image{
    position:absolute;
    inset:0;
    height:100%;
    aspect-ratio:auto;
    border-radius:0;
}

.hbf-card-red-breaking .hbf-card-image:after,
.hbf-card-red_breaking .hbf-card-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(164,0,0,.08),rgba(164,0,0,.88));
    z-index:1;
}

.hbf-card-red-breaking .hbf-card-body,
.hbf-card-red_breaking .hbf-card-body{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    padding:24px;
}

.hbf-card-red-breaking .hbf-card-title,
.hbf-card-red_breaking .hbf-card-title,
.hbf-card-red-breaking .hbf-card-title a,
.hbf-card-red_breaking .hbf-card-title a,
.hbf-card-red-breaking .hbf-card-summary,
.hbf-card-red_breaking .hbf-card-summary,
.hbf-card-red-breaking .hbf-card-meta,
.hbf-card-red_breaking .hbf-card-meta,
.hbf-card-red-breaking .hbf-card-author,
.hbf-card-red_breaking .hbf-card-author{
    color:#fff;
}

.hbf-card-photo-only,
.hbf-card-photo_only{
    background:#111827;
    border:0;
    border-radius:var(--hbf-card-radius);
    min-height:270px;
}

.hbf-card-photo-only .hbf-card-image,
.hbf-card-photo_only .hbf-card-image{
    position:absolute;
    inset:0;
    height:100%;
    aspect-ratio:auto;
    border-radius:0;
}

.hbf-card-photo-only .hbf-card-image:after,
.hbf-card-photo_only .hbf-card-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.72));
    z-index:1;
}

.hbf-card-photo-only .hbf-card-body,
.hbf-card-photo_only .hbf-card-body{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    padding:24px;
}

.hbf-card-photo-only .hbf-card-title,
.hbf-card-photo_only .hbf-card-title,
.hbf-card-photo-only .hbf-card-title a,
.hbf-card-photo_only .hbf-card-title a,
.hbf-card-photo-only .hbf-card-summary,
.hbf-card-photo_only .hbf-card-summary,
.hbf-card-photo-only .hbf-card-meta,
.hbf-card-photo_only .hbf-card-meta,
.hbf-card-photo-only .hbf-card-author,
.hbf-card-photo_only .hbf-card-author{
    color:#fff;
}

.hbf-card-newspaper-white,
.hbf-card-newspaper_white{
    border:1px solid #111827;
    background:#fff;
    border-radius:var(--hbf-card-radius);
}

.hbf-card-newspaper-white .hbf-card-title,
.hbf-card-newspaper_white .hbf-card-title{
    font-family:Georgia,serif;
}

.hbf-card-editorial-red .hbf-card-title,
.hbf-card-editorial_red .hbf-card-title{
    border-left:5px solid var(--hbf-red);
    padding-left:10px;
}

.hbf-card-soft-card,
.hbf-card-soft_card{
    background:linear-gradient(135deg,#fff7ed,#ffffff,#eff6ff);
    border-radius:var(--hbf-card-radius);
}

.hbf-card-author-card,
.hbf-card-author_card{
    text-align:center;
    border-radius:var(--hbf-card-radius);
}

.hbf-card-author-card .hbf-card-image,
.hbf-card-author_card .hbf-card-image{
    width:var(--hbf-image-height);
    max-width:140px;
    height:var(--hbf-image-height);
    max-height:140px;
    border-radius:var(--hbf-image-radius);
    margin:20px auto 0;
    aspect-ratio:1/1;
}

.hbf-card-author-card .hbf-card-number,
.hbf-card-author_card .hbf-card-number{
    display:none;
}

.hbf-card-horizontal-card,
.hbf-card-horizontal_card{
    display:grid;
    grid-template-columns:42% minmax(0,1fr);
}

.hbf-card-horizontal-card .hbf-card-image,
.hbf-card-horizontal_card .hbf-card-image{
    height:100%;
    aspect-ratio:auto;
}

.hbf-card-compact-card,
.hbf-card-compact_card{
    display:grid;
    grid-template-columns:110px minmax(0,1fr);
}

.hbf-card-compact-card .hbf-card-image,
.hbf-card-compact_card .hbf-card-image{
    height:100%;
    aspect-ratio:4/3;
}

.hbf-card-compact-card .hbf-card-body,
.hbf-card-compact_card .hbf-card-body{
    padding:12px;
}

/* ================================
   VERTICAL CARDS
================================ */

.hbf-row-type-vertical-cards .hbf-items-vertical,
.hbf-row-type-vertical_cards .hbf-items-vertical{
    display:grid;
    grid-template-columns:1fr;
    gap:var(--hbf-gap);
}

.hbf-row-type-vertical-cards .hbf-card,
.hbf-row-type-vertical_cards .hbf-card{
    width:100%;
}

.hbf-row-type-vertical-cards .hbf-card-poster-light,
.hbf-row-type-vertical_cards .hbf-card-poster-light,
.hbf-row-type-vertical-cards .hbf-card-poster_light,
.hbf-row-type-vertical_cards .hbf-card-poster_light,
.hbf-row-type-vertical-cards .hbf-card-classic,
.hbf-row-type-vertical_cards .hbf-card-classic,
.hbf-row-type-vertical-cards .hbf-card-newspaper-white,
.hbf-row-type-vertical_cards .hbf-card-newspaper-white,
.hbf-row-type-vertical-cards .hbf-card-newspaper_white,
.hbf-row-type-vertical_cards .hbf-card-newspaper_white,
.hbf-row-type-vertical-cards .hbf-card-soft-card,
.hbf-row-type-vertical_cards .hbf-card-soft-card,
.hbf-row-type-vertical-cards .hbf-card-soft_card,
.hbf-row-type-vertical_cards .hbf-card-soft_card{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    align-items:stretch;
}

.hbf-row-type-vertical-cards .hbf-card-poster-light .hbf-card-image,
.hbf-row-type-vertical_cards .hbf-card-poster-light .hbf-card-image,
.hbf-row-type-vertical-cards .hbf-card-poster_light .hbf-card-image,
.hbf-row-type-vertical_cards .hbf-card-poster_light .hbf-card-image,
.hbf-row-type-vertical-cards .hbf-card-classic .hbf-card-image,
.hbf-row-type-vertical_cards .hbf-card-classic .hbf-card-image,
.hbf-row-type-vertical-cards .hbf-card-newspaper-white .hbf-card-image,
.hbf-row-type-vertical_cards .hbf-card-newspaper-white .hbf-card-image,
.hbf-row-type-vertical-cards .hbf-card-newspaper_white .hbf-card-image,
.hbf-row-type-vertical_cards .hbf-card-newspaper_white .hbf-card-image,
.hbf-row-type-vertical-cards .hbf-card-soft-card .hbf-card-image,
.hbf-row-type-vertical_cards .hbf-card-soft-card .hbf-card-image,
.hbf-row-type-vertical-cards .hbf-card-soft_card .hbf-card-image,
.hbf-row-type-vertical_cards .hbf-card-soft_card .hbf-card-image{
    height:100%;
    min-height:190px;
    aspect-ratio:auto;
}

.hbf-row-type-vertical-cards .hbf-card-poster-dark,
.hbf-row-type-vertical_cards .hbf-card-poster-dark,
.hbf-row-type-vertical-cards .hbf-card-poster_dark,
.hbf-row-type-vertical_cards .hbf-card-poster_dark,
.hbf-row-type-vertical-cards .hbf-card-overlay,
.hbf-row-type-vertical_cards .hbf-card-overlay,
.hbf-row-type-vertical-cards .hbf-card-red-breaking,
.hbf-row-type-vertical_cards .hbf-card-red-breaking,
.hbf-row-type-vertical-cards .hbf-card-red_breaking,
.hbf-row-type-vertical_cards .hbf-card-red_breaking,
.hbf-row-type-vertical-cards .hbf-card-photo-only,
.hbf-row-type-vertical_cards .hbf-card-photo-only,
.hbf-row-type-vertical-cards .hbf-card-photo_only,
.hbf-row-type-vertical_cards .hbf-card-photo_only{
    min-height:230px;
}

/* ================================
   HORIZONTAL CARDS
================================ */

.hbf-row-type-horizontal-cards .hbf-items-horizontal,
.hbf-row-type-horizontal_cards .hbf-items-horizontal{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:var(--hbf-gap);
}

.hbf-row-type-horizontal-cards .hbf-card,
.hbf-row-type-horizontal_cards .hbf-card{
    height:var(--hbf-card-height);
}

/* ================================
   LIST CARD
================================ */

.hbf-list-card{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:12px;
    position:relative;
    background:#fff;
    border:1px solid var(--hbf-line);
    padding:10px;
    min-width:0;
    min-height:var(--hbf-card-height);
    border-radius:var(--hbf-list-radius);
}

.hbf-list-number{
    position:absolute;
    left:8px;
    top:8px;
    width:26px;
    height:26px;
    background:var(--hbf-red);
    color:#fff;
    border-radius:var(--hbf-badge-radius);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:3;
    font-size:11px;
    font-weight:950;
}

.hbf-list-image{
    display:block;
    aspect-ratio:4/3;
    height:var(--hbf-image-height);
    overflow:hidden;
    background:#f3f4f6;
    border-radius:var(--hbf-image-radius);
}

.hbf-list-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.hbf-list-body small{
    color:var(--hbf-red);
    font-size:var(--hbf-category-size);
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.hbf-list-author{
    display:block;
    margin-top:4px;
    color:var(--hbf-text);
    font-size:var(--hbf-author-size);
    font-weight:950;
    line-height:1.2;
}

.hbf-list-body h3{
    margin:5px 0 0;
    font-size:var(--hbf-title-size);
    line-height:1.25;
    font-weight:950;
}

.hbf-list-body h3 a{
    color:#111827;
    text-decoration:none;
}

.hbf-list-body h3 a:hover{
    color:var(--hbf-red);
}

.hbf-list-body p{
    margin:6px 0 0;
    color:#64748b;
    font-size:var(--hbf-summary-size);
    line-height:1.4;
}

.hbf-list-body span{
    display:block;
    margin-top:7px;
    color:#64748b;
    font-size:var(--hbf-meta-size);
    font-weight:700;
}

/* ================================
   ROW TYPES
================================ */

.hbf-row-type-hero-slider,
.hbf-row-type-hero_slider,
.hbf-row-type-slider{
    height:var(--hbf-row-height);
    min-height:360px;
}

.hbf-row-type-hero-slider .hbf-slider,
.hbf-row-type-hero_slider .hbf-slider,
.hbf-row-type-slider .hbf-slider,
.hbf-row-type-hero-slider .hbf-slider-track,
.hbf-row-type-hero_slider .hbf-slider-track,
.hbf-row-type-slider .hbf-slider-track,
.hbf-row-type-hero-slider .hbf-slide,
.hbf-row-type-hero_slider .hbf-slide,
.hbf-row-type-slider .hbf-slide,
.hbf-row-type-hero-slider .hbf-card,
.hbf-row-type-hero_slider .hbf-card,
.hbf-row-type-slider .hbf-card{
    height:100%;
}

.hbf-row-type-hero-slider .hbf-card-image,
.hbf-row-type-hero_slider .hbf-card-image,
.hbf-row-type-slider .hbf-card-image{
    height:100%;
    aspect-ratio:auto;
}

.hbf-row-type-vertical-cards,
.hbf-row-type-vertical_cards,
.hbf-row-type-compact-list,
.hbf-row-type-compact_list,
.hbf-row-type-author-posts,
.hbf-row-type-author_posts{
    height:var(--hbf-row-height);
}

/* ================================
   SLIDER
================================ */

.hbf-slider{
    position:relative;
    overflow:hidden;
    background:#111827;
    border-radius:var(--hbf-slider-radius);
}

.hbf-slider-track{
    display:flex;
    height:100%;
    transition:transform .35s ease;
}

.hbf-slide{
    min-width:100%;
    height:100%;
}

.hbf-slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border:0;
    border-radius:var(--hbf-badge-radius);
    background:rgba(255,255,255,.88);
    color:#111827;
    cursor:pointer;
    font-size:32px;
    line-height:1;
    z-index:8;
}

.hbf-slider-btn.prev{
    left:14px;
}

.hbf-slider-btn.next{
    right:14px;
}

.hbf-slider-dots{
    position:absolute;
    left:0;
    right:0;
    bottom:14px;
    z-index:8;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

.hbf-slider-dots button{
    width:9px;
    height:9px;
    border:0;
    border-radius:var(--hbf-badge-radius);
    background:rgba(255,255,255,.5);
    cursor:pointer;
}

.hbf-slider-dots button.active{
    width:22px;
    background:#fff;
}

/* ================================
   CAROUSEL
================================ */

.hbf-carousel{
    position:relative;
}

.hbf-carousel-track{
    display:flex;
    gap:var(--hbf-gap);
    overflow:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
}

.hbf-carousel-track::-webkit-scrollbar{
    display:none;
}

.hbf-carousel-item{
    flex:0 0 calc(
        (100% - ((var(--hbf-carousel-web-count) - 1) * var(--hbf-gap)))
        / var(--hbf-carousel-web-count)
    );
    min-width:0;
}

.hbf-carousel-item .hbf-card{
    height:var(--hbf-card-height);
}

.hbf-slider-carousel-2{--hbf-carousel-web-count:2;}
.hbf-slider-carousel-3{--hbf-carousel-web-count:3;}
.hbf-slider-carousel-4{--hbf-carousel-web-count:4;}
.hbf-slider-carousel-5{--hbf-carousel-web-count:5;}
.hbf-slider-carousel-6{--hbf-carousel-web-count:6;}

.hbf-carousel-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:38px;
    height:38px;
    border:0;
    border-radius:var(--hbf-badge-radius);
    background:#111827;
    color:#fff;
    cursor:pointer;
    z-index:5;
    font-size:26px;
}

.hbf-carousel-btn.prev{
    left:-12px;
}

.hbf-carousel-btn.next{
    right:-12px;
}

/* ================================
   TICKER
================================ */

.hbf-ticker{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    background:#111827;
    color:#fff;
    overflow:hidden;
    min-height:48px;
    border-radius:var(--hbf-card-radius);
}

.hbf-ticker-label{
    display:flex;
    align-items:center;
    padding:0 18px;
    background:var(--hbf-red);
    font-size:var(--hbf-category-size);
    font-weight:950;
    letter-spacing:.08em;
}

.hbf-ticker-track{
    overflow:hidden;
    display:flex;
    align-items:center;
}

.hbf-ticker-inner{
    display:flex;
    gap:30px;
    white-space:nowrap;
    animation:hbfTicker 26s linear infinite;
}

.hbf-ticker-inner a{
    color:#fff;
    text-decoration:none;
    font-size:var(--hbf-title-size);
    font-weight:850;
}

@keyframes hbfTicker{
    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }
}

/* ================================
   HTML
================================ */

.hbf-html{
    width:100%;
}

/* ================================
   TABLET
================================ */

@media(max-width:992px){
    .hbf-carousel-item{
        flex:0 0 calc(
            (100% - ((var(--hbf-carousel-tablet-count) - 1) * var(--hbf-gap)))
            / var(--hbf-carousel-tablet-count)
        );
    }
}

/* ================================
   MOBILE
================================ */

@media(max-width:768px){
    .hbf-section{
        margin-bottom:28px;
    }

    .hbf-section-grid{
        grid-template-columns:repeat(12,minmax(0,1fr));
        gap:14px;
    }

    .hbf-col-1,
    .hbf-col-2,
    .hbf-col-3,
    .hbf-col-4,
    .hbf-col-5,
    .hbf-col-6,
    .hbf-col-7,
    .hbf-col-8,
    .hbf-col-9,
    .hbf-col-10,
    .hbf-col-11,
    .hbf-col-12{
        grid-column:span 12;
    }

    .hbf-section-head{
        min-height:auto;
        margin-bottom:14px;
    }

    .hbf-section-head-line{
        display:none;
    }

    .hbf-section-title-wrap{
        width:100%;
    }

    .hbf-section-head h2{
        font-size:24px;
    }

    .hbf-section-header-8 .hbf-section-title-wrap,
    .hbf-section_header_8 .hbf-section-title-wrap{
        padding:12px 18px;
        text-align:center;
    }

    .hbf-items-grid,
    .hbf-items-horizontal,
    .hbf-items-vertical{
        grid-template-columns:1fr;
    }

    .hbf-col-12 .hbf-items-grid,
    .hbf-col-10 .hbf-items-grid,
    .hbf-col-9 .hbf-items-grid,
    .hbf-col-8 .hbf-items-grid,
    .hbf-col-7 .hbf-items-grid,
    .hbf-col-6 .hbf-items-grid,
    .hbf-col-5 .hbf-items-grid,
    .hbf-col-4 .hbf-items-grid,
    .hbf-col-3 .hbf-items-grid,
    .hbf-col-2 .hbf-items-grid,
    .hbf-col-1 .hbf-items-grid{
        grid-template-columns:1fr;
    }

    .hbf-row-type-hero-slider,
    .hbf-row-type-hero_slider,
    .hbf-row-type-slider{
        min-height:320px;
    }

    .hbf-card-poster-dark .hbf-card-body,
    .hbf-card-poster_dark .hbf-card-body,
    .hbf-card-red-breaking .hbf-card-body,
    .hbf-card-red_breaking .hbf-card-body,
    .hbf-card-photo-only .hbf-card-body,
    .hbf-card-photo_only .hbf-card-body,
    .hbf-card-overlay .hbf-card-body{
        padding:18px;
    }

    .hbf-carousel-item{
        flex:0 0 var(--hbf-carousel-mobile-width);
    }

    .hbf-carousel-btn{
        display:none;
    }

    .hbf-card-horizontal-card,
    .hbf-card-horizontal_card,
    .hbf-card-compact-card,
    .hbf-card-compact_card,
    .hbf-card-classic,
    .hbf-row-type-vertical-cards .hbf-card-poster-light,
    .hbf-row-type-vertical_cards .hbf-card-poster-light,
    .hbf-row-type-vertical-cards .hbf-card-poster_light,
    .hbf-row-type-vertical_cards .hbf-card-poster_light,
    .hbf-row-type-vertical-cards .hbf-card-classic,
    .hbf-row-type-vertical_cards .hbf-card-classic,
    .hbf-row-type-vertical-cards .hbf-card-newspaper-white,
    .hbf-row-type-vertical_cards .hbf-card-newspaper-white,
    .hbf-row-type-vertical-cards .hbf-card-newspaper_white,
    .hbf-row-type-vertical_cards .hbf-card-newspaper_white,
    .hbf-row-type-vertical-cards .hbf-card-soft-card,
    .hbf-row-type-vertical_cards .hbf-card-soft-card,
    .hbf-row-type-vertical-cards .hbf-card-soft_card,
    .hbf-row-type-vertical_cards .hbf-card-soft_card{
        display:block;
        grid-template-columns:1fr;
    }

    .hbf-card-horizontal-card .hbf-card-image,
    .hbf-card-horizontal_card .hbf-card-image,
    .hbf-card-compact-card .hbf-card-image,
    .hbf-card-compact_card .hbf-card-image,
    .hbf-card-classic .hbf-card-image,
    .hbf-row-type-vertical-cards .hbf-card-poster-light .hbf-card-image,
    .hbf-row-type-vertical_cards .hbf-card-poster-light .hbf-card-image,
    .hbf-row-type-vertical-cards .hbf-card-poster_light .hbf-card-image,
    .hbf-row-type-vertical_cards .hbf-card-poster_light .hbf-card-image,
    .hbf-row-type-vertical-cards .hbf-card-classic .hbf-card-image,
    .hbf-row-type-vertical_cards .hbf-card-classic .hbf-card-image{
        aspect-ratio:4/3;
        height:var(--hbf-image-height);
        min-height:0;
    }

    .hbf-list-card{
        grid-template-columns:96px minmax(0,1fr);
    }

    .hbf-ticker{
        grid-template-columns:1fr;
    }

    .hbf-ticker-label{
        min-height:34px;
        justify-content:center;
    }
}