/*
 * All Products hero refinement — 03 Aug 2026
 * Scoped only to the default All Products catalogue hero.
 * Category, subcategory and other website heroes are intentionally untouched.
 */

/* Cleaner text hierarchy with a lighter, more modern shadow treatment. */
.products-page .all-products-hero .products-hero-copy{
    max-width:680px;
    padding:44px 24px 46px 42px;
}

.products-page .all-products-hero .products-hero-copy > p{
    margin:0 0 20px;
    color:#f5f3ff;
    font-size:16px;
    font-weight:600;
    line-height:1.35;
    letter-spacing:.035em;
    text-shadow:0 1px 3px rgba(0,0,0,.28);
}

.products-page .all-products-hero .products-hero-copy h1{
    margin:0;
    font-size:clamp(58px,4vw,66px);
    font-weight:800;
    line-height:1;
    letter-spacing:-.035em;
    text-shadow:0 2px 5px rgba(0,0,0,.32);
}

.products-page .all-products-hero .products-hero-copy h1 span{
    color:#7657ff;
    text-shadow:0 2px 5px rgba(0,0,0,.28),0 0 8px rgba(118,87,255,.16);
}

.products-page .all-products-hero .products-hero-description{
    max-width:570px;
    margin-top:22px;
    color:#f1f3f8;
    font-size:18px;
    font-weight:400;
    line-height:1.55;
    text-wrap:balance;
    text-shadow:0 1px 3px rgba(0,0,0,.24);
}

.products-page .all-products-hero .products-hero-actions{
    margin-top:24px;
}

/* Restore one soft left-side overlay for custom banner artwork. */
.products-page .all-products-hero.has-custom-background::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    opacity:1!important;
    pointer-events:none!important;
    background:linear-gradient(
        90deg,
        rgba(7,11,22,.82) 0%,
        rgba(7,11,22,.68) 33%,
        rgba(7,11,22,.38) 57%,
        rgba(7,11,22,.08) 82%,
        rgba(7,11,22,0) 100%
    )!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
}

.products-page .all-products-hero.has-custom-background::after{
    content:none!important;
    display:none!important;
}

.products-page .all-products-hero.has-custom-background .products-hero-inner{
    position:relative;
    z-index:1;
}

.products-page .all-products-hero.has-custom-background .products-hero-copy{
    text-shadow:none!important;
}

/* Keep the CTA identical in light and dark mode because the hero artwork is unchanged. */
.products-page .all-products-hero .products-hero-actions .products-whatsapp-link,
html[data-site-theme="light"] .products-page .all-products-hero .products-hero-actions .products-whatsapp-link,
html[data-site-theme="dark"] .products-page .all-products-hero .products-hero-actions .products-whatsapp-link{
    min-height:46px!important;
    height:46px!important;
    padding:0 20px!important;
    border:1px solid #7657ff!important;
    border-radius:9px!important;
    background:#111827!important;
    color:#ffffff!important;
    gap:9px!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1!important;
    box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
}

.products-page .all-products-hero .products-hero-actions .products-whatsapp-link:hover,
html[data-site-theme="light"] .products-page .all-products-hero .products-hero-actions .products-whatsapp-link:hover,
html[data-site-theme="dark"] .products-page .all-products-hero .products-hero-actions .products-whatsapp-link:hover{
    border-color:#927cff!important;
    background:#182136!important;
    color:#ffffff!important;
    transform:translateY(-1px)!important;
    box-shadow:0 10px 24px rgba(49,32,118,.22)!important;
}

.products-page .all-products-hero .products-hero-actions .products-whatsapp-link .icon,
.products-page .all-products-hero .products-hero-actions .products-whatsapp-link .icon-whatsapp{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    color:#ffffff!important;
}

@media (max-width:980px){
    .products-page .all-products-hero .products-hero-copy{
        padding:38px 22px 40px 28px;
    }
    .products-page .all-products-hero .products-hero-copy > p{
        margin-bottom:16px;
        font-size:14px;
    }
    .products-page .all-products-hero .products-hero-copy h1{
        font-size:clamp(46px,6vw,54px);
    }
    .products-page .all-products-hero .products-hero-description{
        max-width:520px;
        margin-top:18px;
        font-size:16px;
    }
    .products-page .all-products-hero .products-hero-actions{
        margin-top:20px;
    }
}

@media (max-width:700px){
    .products-page .all-products-hero .products-hero-copy{
        padding:30px 22px 210px;
    }
    .products-page .all-products-hero.has-custom-background .products-hero-copy{
        padding:30px 22px 34px;
    }
    .products-page .all-products-hero .products-hero-copy > p{
        margin-bottom:13px;
        font-size:12px;
    }
    .products-page .all-products-hero .products-hero-copy h1{
        font-size:38px;
        letter-spacing:-.025em;
    }
    .products-page .all-products-hero .products-hero-description{
        max-width:100%;
        margin-top:16px;
        font-size:14px;
        line-height:1.5;
        -webkit-line-clamp:unset;
        overflow:visible;
    }
    .products-page .all-products-hero .products-hero-actions{
        margin-top:18px;
    }
    .products-page .all-products-hero.has-custom-background::before{
        background:linear-gradient(
            180deg,
            rgba(7,11,22,.86) 0%,
            rgba(7,11,22,.70) 48%,
            rgba(7,11,22,.34) 76%,
            rgba(7,11,22,.10) 100%
        )!important;
    }
}

@media (max-width:420px){
    .products-page .all-products-hero .products-hero-copy{
        padding:26px 18px 190px;
    }
    .products-page .all-products-hero.has-custom-background .products-hero-copy{
        padding:28px 18px;
    }
    .products-page .all-products-hero .products-hero-copy h1{
        font-size:34px;
    }
    .products-page .all-products-hero .products-hero-description{
        font-size:13px;
    }
    .products-page .all-products-hero .products-hero-actions .products-whatsapp-link,
    html[data-site-theme="light"] .products-page .all-products-hero .products-hero-actions .products-whatsapp-link,
    html[data-site-theme="dark"] .products-page .all-products-hero .products-hero-actions .products-whatsapp-link{
        min-height:44px!important;
        height:44px!important;
        padding:0 16px!important;
        font-size:13px!important;
    }
}