/* =========================================================
   ALL BINA — PREMIUM HOME
   ========================================================= */

.ab-home{
    overflow:hidden;
    background:var(--paper);
}


/* =========================================================
   HERO
   ========================================================= */

.ab-home-hero{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:
        linear-gradient(
            135deg,
            #f8f8f5 0%,
            #ffffff 48%,
            #f1f0eb 100%
        );
}


.ab-home-hero__noise{
    position:absolute;
    inset:0;
    z-index:-3;
    opacity:.035;
    pointer-events:none;
    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}


.ab-home-hero__grid{
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.35;
    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(20,20,18,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(20,20,18,.035) 1px,
            transparent 1px
        );

    background-size:80px 80px;

    mask-image:
        linear-gradient(
            to bottom,
            black 0%,
            transparent 85%
        );
}


.ab-home-hero__inner{
    position:relative;
    z-index:2;

    min-height:680px;

    display:grid;
    grid-template-columns:minmax(0, .92fr) minmax(420px, 1.08fr);

    gap:60px;

    align-items:center;

    padding-top:70px;
    padding-bottom:90px;

    direction:ltr;
}


.ab-home-hero__copy{
    direction:rtl;
    text-align:right;
}


.ab-home-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:28px;

    color:var(--smoke);

    font-size:11px;
    font-weight:900;

    letter-spacing:.08em;
}


.ab-home-hero__dot{
    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:var(--signal);

    box-shadow:
        0 0 0 5px rgba(224,92,36,.10);
}


.ab-home-hero__line{
    width:34px;
    height:1px;

    background:var(--line);
}


.ab-home-hero__title{
    max-width:700px;

    margin:0;

    color:var(--ink);

    font-family:var(--font-display);

    font-size:
        clamp(
            62px,
            7.5vw,
            112px
        );

    font-weight:400;

    line-height:.98;

    letter-spacing:-.045em;
}


.ab-home-hero__title span{
    position:relative;

    display:inline-block;

    color:var(--signal);
}


.ab-home-hero__title span::after{
    content:"";

    position:absolute;

    right:0;
    bottom:-13px;

    width:76%;

    height:2px;

    background:var(--signal);

    transform:rotate(-2deg);
}


.ab-home-hero__description{
    max-width:570px;

    margin:34px 0 0;

    color:var(--smoke);

    font-size:16px;

    line-height:2.15;

    font-weight:500;
}


.ab-home-hero__actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:22px;

    margin-top:34px;
}


.ab-home-btn{
    min-height:54px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:12px;

    padding:0 22px;

    border:1px solid transparent;

    font-size:13px;
    font-weight:900;

    transition:
        transform .25s ease,
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.ab-home-btn svg{
    transition:transform .25s ease;
}


.ab-home-btn:hover{
    transform:translateY(-3px);
}


.ab-home-btn:hover svg{
    transform:translateX(-4px);
}


.ab-home-btn--primary{
    background:var(--ink);
    color:#fff;

    box-shadow:
        6px 6px 0 var(--signal);
}


.ab-home-btn--primary:hover{
    background:var(--signal);

    box-shadow:
        6px 6px 0 var(--ink);
}


.ab-home-btn--text{
    padding-left:0;
    padding-right:0;

    color:var(--ink);
}


.ab-home-btn--text span{
    display:inline-flex;

    padding:
        5px
        8px;

    background:var(--signal);
    color:#fff;

    font-size:10px;
}


.ab-home-hero__trust{
    display:flex;

    margin-top:52px;
    padding-top:20px;

    border-top:1px solid var(--line);
}


.ab-home-hero__trust > div{
    min-width:125px;

    padding-left:22px;
    margin-left:22px;

    border-left:1px solid var(--line);
}


.ab-home-hero__trust > div:last-child{
    border-left:0;
}


.ab-home-hero__trust strong{
    display:block;

    direction:ltr;
    text-align:right;

    color:var(--ink);

    font-family:var(--font-latin);

    font-size:22px;
    line-height:1.2;
}


.ab-home-hero__trust span{
    display:block;

    margin-top:5px;

    color:var(--steel);

    font-size:10px;
    font-weight:700;
}


/* =========================================================
   HERO PRODUCT
   ========================================================= */

.ab-home-hero__visual{
    position:relative;

    direction:rtl;

    min-height:580px;

    display:flex;
    align-items:center;
    justify-content:center;
}


.ab-home-hero__visual-label{
    position:absolute;

    top:20px;
    right:0;

    display:flex;
    align-items:center;
    gap:12px;

    color:var(--steel);

    font-family:var(--font-latin);

    font-size:9px;
    letter-spacing:.14em;
}


.ab-home-hero__visual-label strong{
    color:var(--ink);
    font-weight:900;
}


.ab-home-hero-product{
    position:relative;

    width:min(100%, 530px);

    padding:34px 24px 52px;
}


.ab-home-hero-product__back{
    position:absolute;

    z-index:-3;

    top:35px;
    left:0;

    width:78%;
    height:74%;

    background:var(--signal);

    transform:rotate(-7deg);
}


.ab-home-hero-product__frame{
    position:absolute;

    z-index:-2;

    right:4px;
    bottom:34px;

    width:82%;
    height:78%;

    border:1px solid var(--ink);

    transform:rotate(5deg);
}


.ab-home-hero-product__image{
    position:relative;

    overflow:hidden;

    aspect-ratio:4 / 4.6;

    background:#e9e8e3;

    border:1px solid var(--ink);

    box-shadow:
        18px
        18px
        0
        rgba(27,27,23,.08);
}


.ab-home-hero-product__image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1);
}


.ab-home-hero-product:hover
.ab-home-hero-product__image img{
    transform:scale(1.045);
}


.ab-home-hero-product__shine{
    position:absolute;

    top:-30%;
    left:-60%;

    width:25%;
    height:170%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.6),
            transparent
        );

    transform:rotate(20deg);

    animation:
        abHomeShine
        5.5s
        ease-in-out
        infinite;

    pointer-events:none;
}


.ab-home-hero-product__discount{
    position:absolute;

    top:5px;
    left:0;

    width:86px;
    height:86px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:var(--ink);
    color:#fff;

    border:1px solid #fff;

    box-shadow:
        5px
        5px
        0
        var(--signal);

    transform:rotate(-9deg);
}


.ab-home-hero-product__discount span{
    font-size:8px;
    letter-spacing:.15em;
}


.ab-home-hero-product__discount strong{
    margin-top:3px;

    color:var(--signal);

    font-family:var(--font-latin);

    font-size:22px;
    line-height:1;
}


.ab-home-hero-product__details{
    position:absolute;

    right:4px;
    bottom:0;

    width:min(320px, 78%);

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:16px 18px;

    background:rgba(253,253,251,.96);

    border:1px solid var(--ink);

    box-shadow:
        7px
        7px
        0
        var(--ink);
}


.ab-home-hero-product__details > div{
    min-width:0;
}


.ab-home-hero-product__details span{
    display:block;

    margin-bottom:4px;

    color:var(--steel);

    font-size:9px;
    font-weight:700;
}


.ab-home-hero-product__details strong{
    display:block;

    overflow:hidden;

    white-space:nowrap;
    text-overflow:ellipsis;

    color:var(--ink);

    font-size:13px;
    font-weight:900;
}


.ab-home-hero-product__details > a{
    width:42px;
    height:42px;

    flex:0 0 42px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:var(--signal);
    color:#fff;

    transition:
        transform .25s ease,
        background-color .25s ease;
}


.ab-home-hero-product__details > a:hover{
    transform:translateX(-4px);
    background:var(--ink);
}


.ab-home-hero-product__tag{
    position:absolute;

    right:-5px;
    top:42%;

    padding:
        8px
        12px;

    background:var(--butter);

    border:1px solid var(--ink);

    color:var(--ink);

    font-family:var(--font-latin);

    font-size:9px;
    font-weight:900;

    letter-spacing:.12em;

    transform:rotate(7deg);

    box-shadow:
        3px
        3px
        0
        var(--ink);
}


.ab-home-hero__side-note{
    position:absolute;

    left:-10px;
    bottom:80px;

    display:flex;
    flex-direction:column;

    color:var(--steel);

    font-family:var(--font-latin);

    font-size:8px;

    letter-spacing:.18em;

    transform:rotate(-90deg);
    transform-origin:left center;
}


.ab-home-hero__side-note strong{
    color:var(--ink);
}


/* =========================================================
   MARQUEE
   ========================================================= */

.ab-home-marquee{
    overflow:hidden;

    border-top:1px solid var(--ink);
    border-bottom:1px solid var(--ink);

    background:var(--ink);

    color:#fff;
}


.ab-home-marquee__track{
    width:max-content;

    display:flex;
    align-items:center;

    gap:25px;

    padding:13px 0;

    white-space:nowrap;

    font-family:var(--font-latin);

    font-size:11px;
    font-weight:800;

    letter-spacing:.14em;

    animation:
        abHomeMarquee
        28s
        linear
        infinite;
}


.ab-home-marquee__track i{
    color:var(--signal);
    font-style:normal;
}


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

.ab-home-section-label{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:var(--steel);

    font-family:var(--font-latin);

    font-size:9px;
    font-weight:900;

    letter-spacing:.14em;
}


.ab-home-section-label::before{
    content:"";

    width:24px;
    height:1px;

    background:var(--signal);
}


.ab-home-section-label--light{
    color:rgba(255,255,255,.55);
}


.ab-home-section-label--light::before{
    background:var(--signal);
}


.ab-home-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:30px;

    margin-bottom:42px;
}


.ab-home-section-head h2{
    margin:13px 0 0;

    color:var(--ink);

    font-family:var(--font-display);

    font-size:
        clamp(
            38px,
            4vw,
            62px
        );

    font-weight:400;

    line-height:1;
    letter-spacing:-.035em;
}


.ab-home-section-link{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:var(--ink);

    font-size:11px;
    font-weight:900;

    white-space:nowrap;

    transition:
        color .2s ease,
        gap .2s ease;
}


.ab-home-section-link:hover{
    gap:12px;
    color:var(--signal);
}


/* =========================================================
   INTRO
   ========================================================= */

.ab-home-intro{
    padding:
        115px
        0
        90px;

    background:var(--paper);
}


.ab-home-intro__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
}


.ab-home-intro__heading{
    max-width:1000px;

    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);

    gap:80px;

    align-items:end;

    margin-top:42px;
}


.ab-home-intro__heading h2{
    margin:0;

    color:var(--ink);

    font-family:var(--font-display);

    font-size:
        clamp(
            50px,
            6vw,
            88px
        );

    font-weight:400;

    line-height:1;

    letter-spacing:-.05em;
}


.ab-home-intro__heading h2 em{
    color:var(--signal);
    font-style:normal;
}


.ab-home-intro__heading p{
    max-width:430px;

    margin:0;

    color:var(--smoke);

    font-size:14px;

    line-height:2.1;
}


/* =========================================================
   CATEGORIES
   ========================================================= */

.ab-home-categories{
    padding:
        90px
        0
        110px;

    background:#f0efea;
}


.ab-home-category-grid{
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:12px;
}


.ab-home-category{
    position:relative;

    min-height:470px;

    overflow:hidden;

    display:flex;
    align-items:flex-end;

    border:1px solid rgba(27,27,23,.12);

    background:var(--mist);
}


.ab-home-category--2{
    margin-top:45px;
}


.ab-home-category--4{
    margin-top:45px;
}


.ab-home-category img{
    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1);
}


.ab-home-category:hover img{
    transform:scale(1.07);
}


.ab-home-category__overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to top,
            rgba(15,15,13,.85),
            rgba(15,15,13,.02) 68%
        );
}


.ab-home-category__content{
    position:relative;
    z-index:2;

    width:100%;

    padding:26px;

    color:#fff;
}


.ab-home-category__content small{
    display:block;

    margin-bottom:8px;

    color:rgba(255,255,255,.65);

    font-size:9px;
    font-weight:700;
}


.ab-home-category__content strong{
    display:block;

    font-family:var(--font-display);

    font-size:32px;
    font-weight:400;

    line-height:1.1;
}


.ab-home-category__link{
    display:inline-flex;
    align-items:center;
    gap:7px;

    margin-top:18px;

    font-size:10px;
    font-weight:800;

    transition:gap .2s ease;
}


.ab-home-category:hover
.ab-home-category__link{
    gap:11px;
}


/* =========================================================
   PRODUCTS
   ========================================================= */

.ab-home-products{
    padding:
        110px
        0;
}


.ab-home-products--light{
    background:var(--paper);
}


.ab-home-products--mist{
    background:#f3f2ee;
}


.ab-home-products-grid{
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:22px;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.ab-home-product-card{
    min-width:0;
}


.ab-home-product-card__image{
    position:relative;

    display:block;

    overflow:hidden;

    aspect-ratio:
        4 / 4.7;

    background:#eeede8;

    border:1px solid rgba(27,27,23,.10);
}


.ab-home-product-card__image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .7s cubic-bezier(.2,.7,.2,1),
        filter .4s ease;
}


.ab-home-product-card:hover
.ab-home-product-card__image img{
    transform:scale(1.045);
}


.ab-home-product-card__badge{
    position:absolute;

    top:13px;
    right:13px;

    padding:
        7px
        9px;

    background:var(--signal);
    color:#fff;

    font-size:9px;
    font-weight:900;
}


.ab-home-product-card__quick{
    position:absolute;

    left:13px;
    bottom:13px;

    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:
        8px
        10px;

    background:rgba(253,253,251,.94);
    color:var(--ink);

    font-size:9px;
    font-weight:900;

    opacity:0;
    transform:translateY(8px);

    transition:
        opacity .3s ease,
        transform .3s ease;
}


.ab-home-product-card:hover
.ab-home-product-card__quick{
    opacity:1;
    transform:translateY(0);
}


.ab-home-product-card__content{
    padding-top:17px;
}


.ab-home-product-card__meta{
    min-height:16px;

    color:var(--steel);

    font-size:9px;
    font-weight:700;
}


.ab-home-product-card__content h3{
    margin:
        7px
        0
        16px;

    font-size:14px;
    font-weight:900;

    line-height:1.7;
}


.ab-home-product-card__content h3 a{
    color:var(--ink);

    transition:color .2s ease;
}


.ab-home-product-card:hover
.ab-home-product-card__content h3 a{
    color:var(--signal);
}


.ab-home-product-card__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:15px;

    padding-top:12px;

    border-top:1px solid var(--line);
}


.ab-home-product-card__price{
    color:var(--ink);

    font-size:13px;
    font-weight:900;
}


.ab-home-product-card__price del{
    margin-left:6px;

    color:var(--steel);

    font-size:10px;
}


.ab-home-product-card__price ins{
    color:var(--signal);
    text-decoration:none;
}


.ab-home-product-card__arrow{
    width:34px;
    height:34px;

    flex:0 0 34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid var(--line);

    color:var(--ink);

    transition:
        background-color .2s ease,
        color .2s ease,
        transform .2s ease;
}


.ab-home-product-card__arrow:hover{
    background:var(--ink);
    color:#fff;

    transform:translateX(-3px);
}


/* =========================================================
   STATEMENT
   ========================================================= */

.ab-home-statement{
    position:relative;
    overflow:hidden;

    padding:
        135px
        0
        150px;

    background:var(--ink);
    color:#fff;
}


.ab-home-statement__shape{
    position:absolute;

    top:-160px;
    left:-120px;

    width:500px;
    height:500px;

    border:
        1px
        solid
        rgba(255,255,255,.08);

    border-radius:50%;
}


.ab-home-statement__shape::after{
    content:"";

    position:absolute;

    inset:65px;

    border:
        1px
        solid
        rgba(255,255,255,.06);

    border-radius:50%;
}


.ab-home-statement h2{
    position:relative;

    max-width:950px;

    margin:38px 0 0;

    font-family:var(--font-display);

    font-size:
        clamp(
            54px,
            7vw,
            100px
        );

    font-weight:400;

    line-height:1;

    letter-spacing:-.05em;
}


.ab-home-statement h2 span{
    display:block;

    color:var(--signal);
}


.ab-home-statement p{
    position:relative;

    max-width:520px;

    margin:38px 0 0;

    color:rgba(255,255,255,.58);

    font-size:14px;

    line-height:2.1;
}


/* =========================================================
   BENEFITS
   ========================================================= */

.ab-home-benefits{
    padding:
        105px
        0;

    background:var(--paper);
}


.ab-home-benefits-grid{
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );
}


.ab-home-benefit{
    min-height:270px;

    padding:
        10px
        32px
        15px;

    border-left:1px solid var(--line);
}


.ab-home-benefit:last-child{
    border-left:0;
}


.ab-home-benefit__number{
    display:block;

    margin-bottom:45px;

    color:var(--steel);

    font-family:var(--font-latin);

    font-size:9px;
    font-weight:900;

    letter-spacing:.15em;
}


.ab-home-benefit__icon{
    width:54px;
    height:54px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:22px;

    border:1px solid var(--line);

    color:var(--signal);

    transition:
        background-color .25s ease,
        color .25s ease,
        transform .25s ease;
}


.ab-home-benefit:hover
.ab-home-benefit__icon{
    background:var(--ink);
    color:#fff;

    transform:translateY(-4px);
}


.ab-home-benefit h3{
    margin:0 0 10px;

    color:var(--ink);

    font-size:15px;
    font-weight:900;
}


.ab-home-benefit p{
    max-width:220px;

    margin:0;

    color:var(--smoke);

    font-size:11px;

    line-height:1.9;
}


/* =========================================================
   EDITORIAL
   ========================================================= */

.ab-home-editorial{
    padding:
        110px
        0
        130px;

    background:#f3f2ee;
}


.ab-home-editorial-grid{
    display:grid;

    grid-template-columns:
        1.35fr
        .825fr
        .825fr;

    gap:18px;
}


.ab-home-post{
    min-width:0;

    background:var(--paper);

    border:1px solid var(--line);
}


.ab-home-post__image{
    position:relative;

    display:block;

    overflow:hidden;

    aspect-ratio:1.45 / 1;

    background:var(--mist);
}


.ab-home-post--1
.ab-home-post__image{
    aspect-ratio:1.55 / 1;
}


.ab-home-post__image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .7s cubic-bezier(.2,.7,.2,1);
}


.ab-home-post:hover
.ab-home-post__image img{
    transform:scale(1.05);
}


.ab-home-post__content{
    padding:23px;
}


.ab-home-post__content > span{
    color:var(--steel);

    font-family:var(--font-latin);

    font-size:8px;
    font-weight:800;

    letter-spacing:.08em;
}


.ab-home-post__content h3{
    margin:
        12px
        0
        12px;

    font-size:18px;

    line-height:1.65;
}


.ab-home-post__content h3 a{
    color:var(--ink);

    transition:color .2s ease;
}


.ab-home-post:hover
.ab-home-post__content h3 a{
    color:var(--signal);
}


.ab-home-post__content p{
    margin:0 0 20px;

    color:var(--smoke);

    font-size:11px;

    line-height:1.9;
}


.ab-home-post__more{
    display:inline-flex;
    align-items:center;
    gap:7px;

    color:var(--ink);

    font-size:10px;
    font-weight:900;

    transition:
        color .2s ease,
        gap .2s ease;
}


.ab-home-post__more:hover{
    gap:11px;
    color:var(--signal);
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.ab-home-final{
    padding:
        90px
        0;

    background:var(--signal);
}


.ab-home-final__inner{
    position:relative;

    overflow:hidden;

    padding:
        70px
        80px;

    background:var(--ink);

    color:#fff;
}


.ab-home-final__inner::after{
    content:"ALLBINA";

    position:absolute;

    left:-20px;
    bottom:-80px;

    color:transparent;

    -webkit-text-stroke:
        1px
        rgba(255,255,255,.07);

    font-family:var(--font-latin);

    font-size:170px;
    font-weight:900;

    line-height:1;

    pointer-events:none;
}


.ab-home-final__inner > span{
    position:relative;
    z-index:2;

    color:var(--signal);

    font-family:var(--font-latin);

    font-size:10px;
    font-weight:900;

    letter-spacing:.2em;
}


.ab-home-final h2{
    position:relative;
    z-index:2;

    max-width:850px;

    margin:
        24px
        0
        36px;

    font-family:var(--font-display);

    font-size:
        clamp(
            48px,
            6vw,
            84px
        );

    font-weight:400;

    line-height:1;

    letter-spacing:-.045em;
}


.ab-home-final h2 em{
    color:var(--signal);
    font-style:normal;
}


.ab-home-btn--light{
    position:relative;
    z-index:2;

    background:#fff;
    color:var(--ink);
}


.ab-home-btn--light:hover{
    background:var(--signal);
    color:#fff;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes abHomeShine{

    0%{
        left:-65%;
        opacity:0;
    }

    15%{
        opacity:1;
    }

    45%{
        left:130%;
        opacity:0;
    }

    100%{
        left:130%;
        opacity:0;
    }

}


@keyframes abHomeMarquee{

    from{
        transform:translateX(0);
    }

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

}


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

@media (max-width:1100px){

    .ab-home-hero__inner{
        grid-template-columns:
            minmax(0, .9fr)
            minmax(360px, 1.1fr);

        gap:35px;
    }


    .ab-home-hero__title{
        font-size:clamp(55px, 7vw, 86px);
    }


    .ab-home-category-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .ab-home-category{
        min-height:390px;
    }


    .ab-home-category--2,
    .ab-home-category--4{
        margin-top:0;
    }


    .ab-home-products-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        row-gap:45px;
    }


    .ab-home-benefits-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .ab-home-benefit{
        border-bottom:1px solid var(--line);
    }


    .ab-home-benefit:nth-child(2){
        border-left:0;
    }


    .ab-home-benefit:nth-child(n+3){
        padding-top:35px;
    }


    .ab-home-editorial-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .ab-home-post--1{
        grid-column:1 / -1;
    }

}


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

@media (max-width:760px){

    .ab-home-hero__inner{
        min-height:auto;

        display:flex;
        flex-direction:column;

        gap:35px;

        padding-top:55px;
        padding-bottom:55px;
    }


    .ab-home-hero__copy{
        width:100%;
    }


    .ab-home-hero__visual{
        width:100%;
        min-height:470px;
    }


    .ab-home-hero__visual-label{
        top:0;
        right:4px;
    }


    .ab-home-hero__title{
        font-size:
            clamp(
                54px,
                16vw,
                76px
            );
    }


    .ab-home-hero__description{
        font-size:14px;
    }


    .ab-home-hero__actions{
        align-items:stretch;
        flex-direction:column;
        gap:14px;
    }


    .ab-home-btn{
        width:100%;
    }


    .ab-home-hero__trust{
        margin-top:38px;
    }


    .ab-home-hero__trust > div{
        min-width:0;

        flex:1;

        padding-left:10px;
        margin-left:10px;
    }


    .ab-home-hero__trust strong{
        font-size:16px;
    }


    .ab-home-hero__trust span{
        font-size:8px;
    }


    .ab-home-hero-product{
        width:100%;

        padding:
            25px
            10px
            45px;
    }


    .ab-home-hero-product__back{
        width:76%;
        height:70%;
    }


    .ab-home-hero-product__details{
        right:0;

        width:
            calc(
                100% - 10px
            );
    }


    .ab-home-hero-product__tag{
        right:-2px;
    }


    .ab-home-hero-product__discount{
        width:70px;
        height:70px;
    }


    .ab-home-hero-product__discount strong{
        font-size:18px;
    }


    .ab-home-hero__side-note{
        display:none;
    }


    .ab-home-intro{
        padding:
            75px
            0
            65px;
    }


    .ab-home-intro__heading{
        grid-template-columns:1fr;

        gap:25px;

        margin-top:32px;
    }


    .ab-home-intro__heading h2{
        font-size:
            clamp(
                46px,
                13vw,
                68px
            );
    }


    .ab-home-categories,
    .ab-home-products,
    .ab-home-benefits,
    .ab-home-editorial{
        padding:
            75px
            0;
    }


    .ab-home-section-head{
        align-items:flex-start;
        flex-direction:column;

        margin-bottom:30px;
    }


    .ab-home-section-head h2{
        font-size:44px;
    }


    .ab-home-category-grid{
        grid-template-columns:1fr 1fr;

        gap:8px;
    }


    .ab-home-category{
        min-height:300px;
    }


    .ab-home-category__content{
        padding:17px;
    }


    .ab-home-category__content strong{
        font-size:24px;
    }


    .ab-home-category__link{
        margin-top:12px;
    }


    .ab-home-products-grid{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:
            35px
            12px;
    }


    .ab-home-product-card__content h3{
        font-size:12px;
    }


    .ab-home-product-card__price{
        font-size:11px;
    }


    .ab-home-product-card__quick{
        display:none;
    }


    .ab-home-statement{
        padding:
            90px
            0
            100px;
    }


    .ab-home-statement h2{
        font-size:
            clamp(
                48px,
                14vw,
                70px
            );
    }


    .ab-home-benefits-grid{
        grid-template-columns:1fr;
    }


    .ab-home-benefit{
        min-height:auto;

        padding:
            35px
            0;

        border-left:0;
    }


    .ab-home-benefit:first-child{
        padding-top:0;
    }


    .ab-home-benefit__number{
        margin-bottom:25px;
    }


    .ab-home-editorial-grid{
        grid-template-columns:1fr;
    }


    .ab-home-post--1{
        grid-column:auto;
    }


    .ab-home-post--1
    .ab-home-post__image{
        aspect-ratio:1.3 / 1;
    }


    .ab-home-final{
        padding:55px 0;
    }


    .ab-home-final__inner{
        padding:
            50px
            25px;
    }


    .ab-home-final h2{
        font-size:
            clamp(
                45px,
                13vw,
                68px
            );
    }


    .ab-home-final__inner::after{
        font-size:100px;
        bottom:-35px;
    }

}


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

@media (max-width:440px){

    .ab-home-hero__inner{
        padding-left:14px;
        padding-right:14px;
    }


    .ab-home-hero__title{
        font-size:50px;
    }


    .ab-home-hero__trust strong{
        font-size:14px;
    }


    .ab-home-hero__trust span{
        font-size:7px;
    }


    .ab-home-category-grid{
        grid-template-columns:1fr;
    }


    .ab-home-category{
        min-height:360px;
    }


    .ab-home-products-grid{
        gap:
            32px
            9px;
    }


    .ab-home-product-card__content{
        padding-top:12px;
    }


    .ab-home-product-card__content h3{
        margin-bottom:10px;
    }


    .ab-home-product-card__bottom{
        padding-top:9px;
    }


    .ab-home-product-card__arrow{
        width:30px;
        height:30px;
        flex-basis:30px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion:reduce){

    .ab-home-hero-product__shine,
    .ab-home-marquee__track{
        animation:none !important;
    }


    .ab-home-btn,
    .ab-home-btn svg,
    .ab-home-category img,
    .ab-home-product-card__image img,
    .ab-home-post__image img,
    .ab-home-product-card__quick{
        transition:none !important;
    }

}