* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ── Intro Cinematic ────────────────────────────────────────────────────────── */
.intro-cinematic {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
    overflow: hidden;
    background: #000;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: introFade 0.35s ease-in-out 2s forwards;
}

.intro-content {
    text-align: center;
}

.intro-brand {
    font-family: 'Bodoni Moda', serif;
    font-size: 4.2rem;
    font-weight: 700;
    color: #FFFEF7;
    letter-spacing: 0.62em;
    text-transform: uppercase;
    opacity: 0;
    animation: brandReveal 1.5s ease-out 0.3s both;
}

.intro-brand .brand-flame {
    color: var(--gold);
}

.intro-tagline {
    font-family: 'Lato', sans-serif;
    font-size: 0.86rem;
    font-weight: 300;
    color: var(--white);
    letter-spacing: 0.27em;
    margin-top: 1.2rem;
    opacity: 0;
    animation: taglineSlide 1s ease-out 0.75s both;
}

@keyframes brandReveal {
    0% { opacity: 0; letter-spacing: 0.62em; }
    100% { opacity: 1; letter-spacing: 0.34em; }
}

@keyframes taglineSlide {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes introFade {
    to { opacity: 0; visibility: hidden; pointer-events: none; }
}

@media (max-width: 1024px) {
    .intro-brand {
        font-size: 3rem;
        letter-spacing: 0.42em;
        animation: brandRevealTablet 1.5s ease-out 0.3s both;
    }
    .intro-tagline {
        font-size: 0.7rem;
        letter-spacing: 0.22em;
        color: var(--white);
    }
}

@keyframes brandRevealTablet {
    0% { opacity: 0; letter-spacing: 0.42em; }
    100% { opacity: 1; letter-spacing: 0.22em; }
}

@media (max-width: 768px) {
    .intro-content {
        padding: 0 0.75rem;
        width: 100%;
    }
    .intro-brand {
        font-size: clamp(2.25rem, 10vw, 3rem);
        letter-spacing: 0.19em;
        white-space: nowrap;
        transform-origin: center;
        animation: brandRevealMobile 1.5s ease-out 0.3s both;
    }
    .intro-tagline {
        font-size: 0.7rem;
        letter-spacing: 0.03em;
        margin-top: 1.2rem;
        padding: 0;
        line-height: 1.8;
        white-space: nowrap;
    }
}

@keyframes brandRevealMobile {
    0% { opacity: 0; letter-spacing: 0.19em; transform: scale(0.72); }
    100% { opacity: 1; letter-spacing: 0.19em; transform: scale(1); }
}

@media (max-width: 400px) {
    .intro-brand {
        font-size: clamp(2rem, 9vw, 2.35rem);
        letter-spacing: 0.13em;
        animation: brandRevealSmall 1.5s ease-out 0.3s both;
    }
    .intro-tagline {
        font-size: 0.62rem;
        letter-spacing: 0.01em;
    }
}

@keyframes brandRevealSmall {
    0% { opacity: 0; letter-spacing: 0.13em; transform: scale(0.72); }
    100% { opacity: 1; letter-spacing: 0.13em; transform: scale(1); }
}

:root {
    --black: #000000;
    --white: #FFFFFF;
    --gold: #C9A962;
    --gold-light: #E8D4A0;
    --gold-dark: #7B6348;
    --grey-light: #F8F8F8;
    --nav-height: 110px;
}

.brand-flame {
    color: inherit;
}

.brand-highlight .brand-flame,
.logo .brand-flame {
    color: var(--gold);
}

.brand-no-highlight .brand-flame {
    color: inherit;
}

body {
    font-family: 'Lato', sans-serif;
    background: #000;
    color: #fff;
    overflow-x: hidden;
}

a,
button,
input,
textarea,
select,
.menu-toggle {
    -webkit-tap-highlight-color: transparent;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Navigation */
nav {
    position: fixed;
    width: 100%;
    top: var(--promo-height, 0px);
    z-index: 1000;
    padding: 2rem 4rem;
    background: linear-gradient(180deg, rgba(0,0,0,0.97) 0%, rgba(0,0,0,0.45) 100%);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
}

.nav-wrapper {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-family: 'Bodoni Moda', 'Bodoni Fallback', serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--white);
    letter-spacing: 0.3em;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
}

.logo::before,
.logo::after {
    content: none;
}

.nav-menu {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin-left: auto;
}

.nav-menu a {
    font-family: 'Lato', 'Lato Fallback', sans-serif;
    color: var(--white);
    text-decoration: none;
    font-size: 1.08rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    transition: color 0.3s;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-shadow: none;
    white-space: nowrap;
}

.nav-menu > li:not(.nav-wishlist-item):not(.nav-cart-item) > a:not(.cart-link):not(.wishlist-link) {
    font-family: 'Lato', 'Lato Fallback', sans-serif;
    font-weight: 600;
    letter-spacing: 0.03em;
}

.nav-menu a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -8px;
    left: 0;
    background: var(--gold);
    transition: width 0.3s;
    display: none;
}

.nav-menu a:hover {
    color: var(--gold);
}

@media (min-width: 769px) {
    .nav-menu a,
    .nav-menu a:visited,
    .nav-menu a:hover,
    .nav-menu a:focus {
        color: var(--gold);
        -webkit-text-fill-color: var(--gold);
        text-transform: none;
    }

    .nav-menu > li > a {
        display: inline-flex;
        align-items: center;
        transition: transform 0.18s ease, color 0.18s ease;
        will-change: transform;
    }

    .nav-menu > li > a:hover {
        transform: translateY(-1px);
    }
}

@media (max-width: 1366px) and (min-width: 769px) {
    nav {
        padding: 1.35rem 1.8rem;
    }

    .logo {
        font-size: 1.95rem;
        letter-spacing: 0.16em;
    }

    .nav-menu {
        gap: 1rem;
    }

    .nav-menu a {
        font-size: 0.96rem;
        letter-spacing: 0.035em;
    }

    .nav-menu .wishlist-heart-svg,
    .nav-menu .cart-bag-svg {
        width: 21px;
        height: 21px;
    }

    .nav-menu .wishlist-count,
    .nav-menu .cart-count {
        min-width: 18px;
        height: 18px;
        font-size: 0.62rem;
    }

    .nav-menu .nav-wishlist-item {
        margin-left: clamp(0.35rem, 0.6vw, 0.8rem);
    }
}

@media (max-width: 1140px) and (min-width: 769px) {
    nav {
        padding: 1.25rem 1.2rem;
    }

    .logo {
        font-size: 1.72rem;
        letter-spacing: 0.11em;
    }

    .nav-menu {
        gap: 0.68rem;
    }

    .nav-menu a {
        font-size: 0.88rem;
        letter-spacing: 0.03em;
    }

    .nav-menu .wishlist-heart-svg,
    .nav-menu .cart-bag-svg {
        width: 19px;
        height: 19px;
    }

    .nav-menu .wishlist-count,
    .nav-menu .cart-count {
        min-width: 17px;
        height: 17px;
        font-size: 0.6rem;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) and (max-height: 820px) {
    :root {
        --nav-height: 98px;
    }

    nav {
        padding: 1.08rem 1.35rem;
    }

    .logo {
        font-size: 1.72rem;
        letter-spacing: 0.1em;
    }

    .nav-menu {
        gap: 0.62rem;
    }

    .nav-menu a {
        font-size: 0.84rem;
        letter-spacing: 0.028em;
    }

    .nav-menu .wishlist-heart-svg,
    .nav-menu .cart-bag-svg {
        width: 18px;
        height: 18px;
    }

    .nav-menu .wishlist-count,
    .nav-menu .cart-count {
        min-width: 16px;
        height: 16px;
        font-size: 0.56rem;
    }
}

@media (min-width: 1200px) and (max-width: 1290px) and (max-height: 860px) {
    nav {
        padding: 1rem 1.15rem;
    }

    .logo {
        font-size: 1.64rem;
        letter-spacing: 0.08em;
    }

    .nav-menu {
        gap: 0.52rem;
    }

    .nav-menu a {
        font-size: 0.82rem;
        letter-spacing: 0.026em;
    }
}

.cart-link {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    position: relative;
}

.mobile-cart-link {
    display: none;
}

.mobile-wishlist-link {
    display: none;
}

/* Wishlist nav */
.wishlist-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    position: relative;
}

.nav-menu .cart-link,
.nav-menu .wishlist-link {
    transition: transform 0.18s ease, color 0.18s ease;
}

.nav-menu .cart-link .cart-bag-svg,
.nav-menu .wishlist-link .wishlist-heart-svg,
.nav-menu .cart-link .cart-count,
.nav-menu .wishlist-link .wishlist-count {
    transition: transform 0.2s ease;
}

.nav-menu .cart-link:hover,
.nav-menu .wishlist-link:hover {
    transform: translateY(-1px);
}

.nav-menu .cart-link:hover .cart-bag-svg,
.nav-menu .wishlist-link:hover .wishlist-heart-svg {
    transform: scale(1.08);
}

.nav-menu .cart-link:hover .cart-count,
.nav-menu .wishlist-link:hover .wishlist-count {
    transform: scale(1.06);
}

@media (min-width: 1367px) {
    .nav-menu .nav-wishlist-item {
        margin-left: 1.5rem;
    }
}

.wishlist-heart-svg {
    width: 24px;
    height: 24px;
    display: block;
    color: var(--white);
    flex-shrink: 0;
}

.cart-bag-svg {
    width: 24px;
    height: 24px;
    display: block;
    color: var(--white);
    flex-shrink: 0;
}

.wishlist-count {
    position: absolute;
    top: -6px;
    right: -10px;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: var(--gold);
    color: #fff;
    display: inline-grid;
    place-items: center;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    border: none;
    padding: 0 4px;
}

.cart-count {
    position: absolute;
    top: -6px;
    right: -10px;
    min-width: 20px;
    height: 20px;
    border-radius: 999px;
    background: var(--gold);
    color: #fff;
    display: inline-grid;
    place-items: center;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    border: none;
    padding: 0 4px;
}

.menu-toggle {
    display: none;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
}

.menu-toggle span {
    width: 30px;
    height: 2px;
    background: var(--gold);
    transition: all 0.3s;
}

.menu-close-btn {
    display: none;
}

.nav-menu .mobile-menu-footer,
.nav-menu .mobile-collection-subitem,
.mobile-menu-overlay {
    display: none;
}


/* Promo Banner */
.promo-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    box-shadow: 0 2px 10px rgba(0,0,0,0.28);
}

.promo-banner span {
    display: inline-block;
}

.promo-banner .promo-highlight {
    color: var(--gold);
    -webkit-text-fill-color: var(--gold);
    font-weight: 800;
}

/* Cookie banner: a compact charcoal / bronze invitation, coordinated with the newsletter. */
.cookie-banner {
    position: fixed;
    bottom: max(22px, env(safe-area-inset-bottom));
    left: 50%;
    transform: translateX(-50%);
    width: min(820px, calc(100% - 48px));
    max-height: calc(100vh - 44px);
    max-height: calc(100dvh - 44px);
    overflow: auto;
    z-index: 4000;
    display: none;
    grid-template-columns: minmax(0, 1fr) 205px;
    align-items: center;
    gap: 34px;
    padding: 14px 26px;
    color: #f0e5d4;
    background: radial-gradient(ellipse at 10% 0, #292219, transparent 70%), #171411;
    border: 1px solid rgba(201, 169, 98, .3);
    border-radius: 10px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .3), 0 3px 12px rgba(0, 0, 0, .12);
}
.cookie-banner.is-visible {
    display: grid;
    animation: cookieInvitationIn .55s cubic-bezier(.2, .75, .25, 1) both;
}
.cookie-text { min-width: 0; text-shadow: none; }
.cookie-text h2 {
    margin: 0 0 6px;
    color: #f0e5d4;
    font-family: 'Bodoni Moda', Georgia, serif;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: 1.15;
}
#cookieBannerDescription { margin: 0; max-width: 440px; color: #bdb09f; font-size: 12px; line-height: 1.6; }
.cookie-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    padding-left: 26px;
    border-left: 1px solid #493c2c;
}
.cookie-accept {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 44px;
    padding: 10px 15px;
    border: 1px solid #967747;
    border-radius: 3px;
    background: linear-gradient(110deg, #493720, #594329 50%, #493720);
    color: #f6ecda;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.4;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .24);
    transition: transform .2s, box-shadow .2s, background .2s;
}
.cookie-accept svg { flex-shrink: 0; }
.cookie-accept:hover {
    background: linear-gradient(110deg, #594329, #685032 50%, #594329);
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .3);
}
.cookie-accept:active { transform: translateY(0); }
.cookie-policy {
    align-self: center;
    color: #c9ad7e;
    font-size: 10px;
    line-height: 1.6;
    text-decoration: underline;
    text-decoration-color: #806846;
    text-underline-offset: 4px;
}
.cookie-policy:hover { color: #f0e5d4; }
.cookie-accept:focus-visible, .cookie-policy:focus-visible { outline: 2px solid #c9a962; outline-offset: 4px; }
@keyframes cookieInvitationIn {
    from { opacity: 0; transform: translate(-50%, 16px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}
@media (max-width: 600px) {
    .cookie-banner {
        bottom: max(12px, env(safe-area-inset-bottom));
        width: calc(100% - 24px);
        max-height: calc(100vh - 24px);
        max-height: calc(100dvh - 24px);
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        padding: 14px 18px;
        border-radius: 8px;
    }
    .cookie-text h2 { font-size: clamp(22px, 6vw, 24px); }
    #cookieBannerDescription { font-size: 11px; line-height: 1.7; }
    .cookie-actions { flex-direction: row; align-items: center; justify-content: space-between; padding: 0; border: 0; gap: 12px; }
    .cookie-accept { min-width: 130px; padding: 10px 14px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .cookie-banner.is-visible { animation: none; }
    .cookie-accept { transition: none; }
}
/* Hero */
.hero {
    height: 100vh;
    min-height: 100dvh;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.46) 45%, rgba(0, 0, 0, 0.28) 100%),
        url("hero%20naturaflame.webp") center center / cover no-repeat var(--black);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding-left: max(clamp(2rem, 7vw, 7rem), calc((100vw - 1600px) / 2 + 4rem));
    padding-right: 2rem;
}

.hero-bg-pattern {
    display: none;
}

@keyframes patternMove {
    0% { transform: translate(0, 0); }
    100% { transform: translate(60px, 60px); }
}

.hero-content {
    text-align: left;
    z-index: 2;
    position: relative;
    max-width: min(1014px, 88vw);
}

.hero-number {
    font-family: 'Bodoni Moda', serif;
    font-size: 8rem;
    color: transparent;
    -webkit-text-stroke: 1px var(--gold);
    opacity: 0;
    animation: fadeIn 1.5s ease forwards;
    line-height: 0.8;
    margin-bottom: 2rem;
}

.hero-title {
    font-family: 'Bodoni Moda', 'Bodoni Fallback', serif;
    font-size: 6rem;
    font-weight: 700;
    color: var(--white);
    letter-spacing: 0.1em;
    margin-bottom: 1rem;
    opacity: 0;
    animation: heroFadeIn 1s ease 0.5s forwards;
}

.hero-logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.8rem;
    transform: translateY(-2rem);
}

.hero-logo img {
    max-width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 930 / 298;
}

@media (min-width: 992px) {
    .hero-logo {
        margin-top: 12vh; /* push logo lower on desktop */
    }
}

.hero-subtitle {
    font-size: 1rem;
    letter-spacing: 0.5em;
    color: var(--gold);
    text-transform: uppercase;
    opacity: 0;
    animation: heroFadeIn 1s ease 0.8s forwards;
    margin-bottom: 4rem;
    transform: translateY(-2rem);
}

.hero-seo {
    max-width: 720px;
    margin: -2.6rem 0 2.8rem;
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.86);
    letter-spacing: 0.06em;
    text-align: left;
    opacity: 0;
    animation: heroFadeIn 1s ease 0.95s forwards;
}

.hero-cta {
    display: inline-block;
    padding: 1.5rem 4rem;
    border: 2px solid var(--gold);
    background: rgba(201, 169, 98, 0.08);
    color: var(--gold);
    text-decoration: none;
    font-size: 0.8rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    opacity: 0;
    animation: heroFadeIn 1s ease 1.1s forwards;
    transition: transform 0.28s ease, color 0.4s, border-color 0.4s, background 0.4s, box-shadow 0.28s ease;
}

.hero-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(201, 169, 98, 0.14);
    transition: left 0.4s;
    z-index: -1;
}

.hero-cta:hover {
    color: var(--gold);
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.hero-cta:focus,
.hero-cta:focus-visible {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.hero-cta:hover::before {
    left: 0;
}

.hero-cta-group {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.hero-cta-collection {
    white-space: nowrap;
}

.mobile-break {
    display: none;
}

.guide-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 3000;
    padding: 1.5rem;
}

.guide-modal.is-open {
    display: flex;
}

.guide-modal-dialog {
    width: min(980px, 100%);
    max-height: 90vh;
    overflow: auto;
    background: var(--black);
    color: var(--white);
    border: 1px solid var(--gold);
    padding: 2rem 1.6rem 1.4rem;
    position: relative;
}

.guide-modal-dialog h2 {
    font-family: 'Bodoni Moda', serif;
    color: var(--gold);
    margin-bottom: 1rem;
    letter-spacing: 0.06em;
}

.guide-modal-close {
    position: absolute;
    top: 0.65rem;
    right: 0.85rem;
    border: none;
    background: transparent;
    color: var(--gold);
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}

.guide-modal-content {
    font-family: 'Lato', sans-serif;
    color: #ececec;
}

.guide-modal-content h3 {
    font-family: 'Bodoni Moda', serif;
    color: var(--gold);
    font-size: 1.18rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin: 1.15rem 0 0.55rem;
}

.guide-modal-content h3:first-child {
    margin-top: 0;
}

.guide-modal-content p,
.guide-modal-content li {
    font-size: 0.96rem;
    line-height: 1.68;
    color: #ececec;
}

.guide-modal-content p {
    margin: 0 0 0.45rem;
}

.guide-modal-content ul {
    list-style: none;
    margin: 0.2rem 0 0.55rem;
    padding: 0;
}

.guide-modal-content li {
    position: relative;
    padding-left: 1.1rem;
    margin-bottom: 0.35rem;
}

.guide-modal-content li::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--gold);
}

.newsletter-popup {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.72);
    z-index: 3100;
}

.newsletter-popup.is-open {
    display: flex;
}

.newsletter-popup-dialog {
    width: min(620px, 100%);
    min-height: 320px;
    background:
        linear-gradient(90deg, rgba(8, 6, 4, 0.86) 0%, rgba(8, 6, 4, 0.66) 43%, rgba(8, 6, 4, 0.18) 100%),
        url("pop-up newslatter naturaflame.webp") right center / auto 122% no-repeat;
    color: var(--white);
    border: 1px solid rgba(201, 169, 98, 0.75);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42);
    padding: 2rem 1.75rem 1.65rem;
    position: relative;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.newsletter-popup-close {
    position: absolute;
    top: 0.75rem;
    right: 0.85rem;
    border: none;
    background: transparent;
    color: var(--gold);
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}

.newsletter-popup-kicker {
    margin: 0 0 0.85rem;
    color: var(--gold);
    font-size: 0.8rem;
    letter-spacing: 0.34em;
    text-transform: uppercase;
}

.newsletter-popup-dialog h2 {
    margin: 0 0 0.75rem;
    font-family: 'Bodoni Moda', serif;
    font-size: clamp(1.9rem, 3.6vw, 2.45rem);
    font-weight: 600;
    line-height: 1.08;
}

.newsletter-popup-text {
    margin: 0 auto 1.4rem;
    max-width: 30rem;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1rem;
    line-height: 1.7;
}

.newsletter-popup-form {
    gap: 0.7rem;
    margin-top: 1.15rem;
}

.newsletter-popup-fields {
    width: 100%;
}

.newsletter-popup .newsletter-popup-fields input[type="email"] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(201, 169, 98, 0.86);
    color: var(--white);
    -webkit-text-fill-color: var(--white);
    box-shadow: inset 0 0 0 1px rgba(201, 169, 98, 0.12);
    backdrop-filter: blur(5px);
}

.newsletter-popup .newsletter-popup-fields input[type="email"]::placeholder {
    color: #757575 !important;
    -webkit-text-fill-color: #757575 !important;
    opacity: 1 !important;
}

.newsletter-popup .newsletter-popup-fields input[type="email"]:focus {
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(201, 169, 98, 0.98);
    box-shadow: inset 0 0 0 1px rgba(201, 169, 98, 0.18), 0 0 0 3px rgba(201, 169, 98, 0.18);
}

.newsletter-popup-fields .newsletter-btn {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(201, 169, 98, 0.88);
    color: var(--white);
    box-shadow: inset 0 0 0 1px rgba(201, 169, 98, 0.12);
    backdrop-filter: blur(5px);
}

.newsletter-popup-fields .newsletter-btn:hover,
.newsletter-popup-fields .newsletter-btn:focus,
.newsletter-popup-fields .newsletter-btn:focus-visible,
.newsletter-popup-fields .newsletter-btn:active {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(201, 169, 98, 0.98) !important;
    color: var(--white) !important;
}

.newsletter-popup-fields .newsletter-btn::before {
    background: rgba(201, 169, 98, 0.18);
}

.newsletter-popup-status {
    margin-top: 1rem;
}

@keyframes fadeIn {
    to { opacity: 0.1; }
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
    from {
        opacity: 0;
        transform: translateY(30px);
    }
}

@keyframes heroFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.scroll-down {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    writing-mode: vertical-rl;
    color: var(--gold);
    font-size: 0.7rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    opacity: 0;
    animation: fadeIn 1s ease 2s forwards, float 3s ease-in-out 2s infinite;
}

@keyframes float {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-20px); }
}

@keyframes mobileNumberBounce {
    0%,
    100% {
        transform: translateY(0) scale(1);
        text-shadow: 0 0 0 transparent;
    }

    50% {
        transform: translateY(-10px) scale(1.08);
        text-shadow: 0 4px 18px rgba(183, 149, 74, 0.35);
    }
}

/* Feature Cards */
.features {
    background: var(--white);
    padding: 12rem 4rem;
    position: relative;
}

.features::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100px;
    background: linear-gradient(to bottom, transparent, var(--gold), transparent);
}

.colectii-section {
    padding: 2rem 2rem 0.6rem;
    text-align: center;
    position: relative;
    z-index: 1;
}

.colectii-section .section-header {
    margin-bottom: 2.5rem;
    position: relative;
    z-index: 2;
}

.colectii-section .section-number {
    color: var(--gold);
    opacity: 1;
    text-shadow: none;
    filter: none;
}

.colectii-section .section-title {
    font-size: 2.6rem;
}

.colectii-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.8rem;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 0.35rem;
}

.colectie-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.colectie-card {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid rgba(201, 169, 98, 0.28);
    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1),
                box-shadow 0.45s cubic-bezier(0.23, 1, 0.32, 1),
                border-color 0.4s;
    box-shadow: 0 6px 24px rgba(0,0,0,0.12);
}

.colectie-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold);
    box-shadow: 0 18px 44px rgba(0,0,0,0.22), 0 0 22px rgba(201, 169, 98, 0.18);
}

.colectie-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -110%;
    width: 65%;
    height: 100%;
    background: linear-gradient(
        105deg,
        transparent 25%,
        rgba(201, 169, 98, 0.10) 42%,
        rgba(255, 255, 255, 0.18) 50%,
        rgba(201, 169, 98, 0.10) 58%,
        transparent 75%
    );
    z-index: 4;
    pointer-events: none;
}

.colectie-card:hover::before {
    animation: colectieShine 0.75s ease forwards;
}

@keyframes colectieShine {
    0%   { left: -110%; }
    100% { left: 130%; }
}

.colectie-card--parfumate { background: #C9A962; }
.colectie-card--sezon     { background: #3D6E5A; }
.colectie-card--cadou     { background: #701F2B; }
.colectie-card--accesorii { background: #111111; }

.colectie-img-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.colectie-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: none;
}

.colectie-card:hover .colectie-img-wrap img {
    transform: none;
}

.colectie-color-wash {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.colectie-card--parfumate .colectie-color-wash { background: linear-gradient(105deg, #C9A962 22%, rgba(201,169,98,0.35) 50%, transparent 68%); }
.colectie-card--sezon     .colectie-color-wash { background: linear-gradient(105deg, #3D6E5A 22%, rgba(61,110,90,0.35) 50%, transparent 68%); }
.colectie-card--cadou     .colectie-color-wash { background: linear-gradient(105deg, #701F2B 22%, rgba(112,31,43,0.38) 50%, transparent 68%); }
.colectie-card--accesorii .colectie-color-wash { background: linear-gradient(105deg, #111111 22%, rgba(17,17,17,0.35) 50%, transparent 68%); }

.colectie-label {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.60);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.58);
    outline: 1px solid rgba(0,0,0,0.07);
    outline-offset: -6px;
    padding: 1.55rem 1.38rem;
    min-width: 64.4%;
    text-align: center;
    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}

.colectie-card--parfumate .colectie-label { outline-color: #C9A962; }
.colectie-card--sezon     .colectie-label { outline-color: rgba(61, 110, 90, 0.45); }
.colectie-card--cadou     .colectie-label { outline-color: rgba(112, 31, 43, 0.58); }
.colectie-card--accesorii .colectie-label { outline-color: rgba(58, 74, 90, 0.45); }

.colectie-card:hover .colectie-label {
    transform: translateY(-55%);
}

.colectie-label-top {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 0.805rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    margin-bottom: 0.15rem;
}

.colectie-label-script {
    display: block;
    font-family: 'Great Vibes', cursive;
    font-size: 2.65rem;
    line-height: 1.15;
}

.colectie-card--parfumate .colectie-label-top,
.colectie-card--parfumate .colectie-label-script { color: #C9A962; }

.colectie-card--sezon .colectie-label-top,
.colectie-card--sezon .colectie-label-script { color: #3D6E5A; }

.colectie-card--cadou .colectie-label-top,
.colectie-card--cadou .colectie-label-script { color: #701F2B; }

.colectie-card--accesorii .colectie-label-top,
.colectie-card--accesorii .colectie-label-script { color: #111111; }

.colectie-caption {
    font-family: 'Bodoni Moda', serif;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--black);
    text-align: center;
    margin-top: 0.55rem;
    margin-bottom: 0;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    line-height: 1.35;
}

@media (max-width: 1024px) {
    .colectii-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.2rem;
        max-width: 720px;
    }
    .colectii-section {
        padding: 1.5rem 1.5rem 0.2rem;
    }
}

@media (max-width: 540px) {
    .colectii-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
    .colectii-section {
        padding: 1.25rem 1rem 0.1rem;
    }
    .colectii-section .section-title {
        font-size: 2rem;
    }
    .colectie-label {
        padding: 0.63rem 0.92rem;
        min-width: 85%;
    }
    .colectie-label-script {
        font-size: 2rem;
    }
    .colectie-label-top {
        font-size: 0.69rem;
        letter-spacing: 0.2em;
    }
    .colectie-caption {
        font-size: 0.66rem;
        letter-spacing: 0.11em;
        line-height: 1.3;
        max-width: 100%;
    }
}

/* Luxury collection cards; landscape proportions, left-aligned labels and frame behind the ribbon. */
.colectii-section .colectie-card {
    isolation: isolate;
    aspect-ratio: 4 / 3;
    border-radius: 12px;
    background: #211e19;
    border-color: rgba(207, 185, 143, .38);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
    transition: transform .4s cubic-bezier(.22, .68, .3, 1), border-color .4s ease, box-shadow .4s ease;
}
.colectii-section .colectie-card::before { display: none; }
.colectii-section .colectie-card::after {
    content: '';
    position: absolute;
    inset: 8px;
    z-index: 1;
    border: 1px solid rgba(236, 218, 185, .32);
    border-radius: 6px;
    pointer-events: none;
    transition: border-color .4s ease, box-shadow .4s ease;
}
.colectii-section .colectie-card:hover {
    transform: none;
    border-color: #e7c780;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .34), 0 0 18px rgba(218, 181, 102, .24);
}
.colectii-section .colectie-card:hover::after {
    border-color: #f0d79c;
    box-shadow: 0 0 10px rgba(230, 194, 122, .38), inset 0 0 8px rgba(230, 194, 122, .16);
}
.colectii-section .colectie-img-wrap img {
    filter: saturate(.8) brightness(.91);
}
.colectii-section .colectie-color-wash {
    opacity: 1;
    background: linear-gradient(180deg, rgba(18, 16, 13, .06), rgba(18, 16, 13, .08) 45%, rgba(18, 16, 13, .42));
}
.colectii-section .colectie-label {
    box-sizing: border-box;
    left: 0;
    z-index: 2;
    text-align: center;
    display: grid;
    grid-template-columns: max-content;
    justify-content: start;
    min-width: 0;
    width: 74%;
    padding: 1.25rem .75rem 1.25rem 1.15rem;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(30, 27, 23, .94) 0%, rgba(30, 27, 23, .88) 32%, rgba(30, 27, 23, .65) 65%, rgba(30, 27, 23, 0) 100%);
    border: 0;
    outline: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transition: transform .4s cubic-bezier(.22, .68, .3, 1), border-color .4s ease, box-shadow .4s ease;
}
.colectii-section .colectie-card:hover .colectie-label {
    transform: translateY(-50%);
    border-color: transparent;
    box-shadow: none;
}
.colectii-section .colectie-card .colectie-label-top {
    color: #decaab;
    font-size: .65rem;
    font-weight: 400;
    letter-spacing: .25em;
    margin-bottom: .45rem;
}
.colectii-section .colectie-card .colectie-label-script {
    color: #fff5e7;
    font-size: clamp(2rem, 3vw, 2.65rem);
    text-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.colectii-section .colectie-card:focus-visible {
    outline: 2px solid #decaab;
    outline-offset: 5px;
}
@media (min-width: 1025px) {
    .colectii-section .colectii-grid { max-width: 1400px; }
}
@media (max-width: 540px) {
    .colectii-section .colectie-card { border-radius: 10px; }
    .colectii-section .colectie-card::after { inset: 5px; border-radius: 5px; }
    .colectii-section .colectie-label { left: 0; width: 90%; padding: .65rem .4rem .65rem .75rem; }
    .colectii-section .colectie-card .colectie-label-top { font-size: .58rem; letter-spacing: .16em; margin-bottom: .3rem; }
    .colectii-section .colectie-card .colectie-label-script { font-size: clamp(1.55rem, 6.5vw, 2rem); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .colectii-section .colectie-card:hover { transform: translateY(-6px); }
}
@media (prefers-reduced-motion: reduce) {
    .colectii-section .colectie-card,
    .colectii-section .colectie-card::after,
    .colectii-section .colectie-label { transition: none; }
}
/* ── Bestsellers Section ────────────────────────────────────────────────────── */
.bestsellers-section {
    position: relative;
    overflow: hidden;
    background: #000000;
}

.bestsellers-section::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201,169,98,0.25), transparent);
    pointer-events: none;
}

.bestsellers-section-header {
    text-align: center;
    margin-bottom: 2.2rem;
    padding-top: 0.25rem;
    position: relative;
    z-index: 1;
}

.latest-products-section .bestsellers-section-header {
    padding-top: 0.5rem;
}

.bestsellers-eyebrow {
    font-family: 'Bodoni Moda', serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.3em;
    color: var(--gold);
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block;
}

.bestsellers-title {
    font-family: 'Bodoni Moda', serif;
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--white);
    margin: 0;
}

.bestsellers-title-line {
    width: 52px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    margin: 1rem auto 1.2rem;
}

.bestsellers-subtitle {
    font-family: 'Lato', sans-serif;
    font-size: 0.95rem;
    color: rgba(201, 169, 98, 0.65);
    letter-spacing: 0.02em;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.7;
}

/* ── Featured Products (Homepage) ───────────────────────────────────────────── */
.featured-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 210px));
    justify-content: center;
    gap: 1.2rem;
    margin-bottom: 0;
    max-width: 1460px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    padding-bottom: 2.8rem;
}

.featured-products-grid .featured-card {
    border-radius: 0;
    overflow: hidden;
    border: 1px solid rgba(201, 169, 98, 0.28);
    background: #000000;
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.55), 0 1px 8px rgba(0, 0, 0, 0.35);
    transition: transform 0.45s cubic-bezier(.23,1,.32,1), box-shadow 0.45s cubic-bezier(.23,1,.32,1), border-color 0.4s;
    min-height: auto;
}

.featured-products-grid .featured-card:hover {
    transform: translateY(-9px);
    border-color: var(--gold);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.7), 0 0 28px rgba(201, 169, 98, 0.14);
}

.featured-products-grid .featured-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -110%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        105deg,
        transparent 25%,
        rgba(201, 169, 98, 0.09) 42%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(201, 169, 98, 0.09) 58%,
        transparent 75%
    );
    z-index: 3;
    pointer-events: none;
}

.featured-products-grid .featured-card:hover::after {
    animation: featuredShine 0.7s ease forwards;
}

@keyframes featuredShine {
    0%   { left: -110%; }
    100% { left: 130%; }
}

.featured-products-grid .featured-card .collection-product-image {
    height: 189.75px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.featured-products-grid .featured-card .collection-product-image::after {
    content: none;
}

.featured-products-grid .featured-card .collection-product-details {
    padding: 0.8rem 0.85rem 0.9rem;
    gap: 0.35rem;
}

.featured-products-grid .featured-card .product-name {
    font-size: 1rem;
    margin-bottom: 0.18rem;
    color: var(--gold);
    font-family: 'Bodoni Moda', serif;
}

.featured-products-grid .featured-card .product-price-wrap {
    margin: 0;
}

.featured-products-grid .featured-card .product-price-current {
    font-size: 1.05rem;
    color: rgba(255,255,255,0.9);
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.featured-products-grid .featured-card .product-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.67rem;
    color: rgba(255,255,255,0.9);
    line-height: 1.4;
    margin: 0;
}

.featured-products-grid .featured-card .select-options-btn {
    border-radius: 0;
    padding: 0.44rem 0.65rem;
    font-size: 0.6rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: transparent;
    color: var(--gold);
    border: 1px solid rgba(201, 169, 98, 0.5);
    letter-spacing: 0.08em;
    transition: color 0.35s, border-color 0.35s, background 0.35s;
}

.featured-products-grid .featured-card .select-options-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--gold);
    transition: left 0.4s cubic-bezier(.23,1,.32,1);
    z-index: -1;
}

.featured-products-grid .featured-card .select-options-btn:hover {
    color: var(--black);
    border-color: var(--gold);
}

.featured-products-grid .featured-card .select-options-btn:hover::before {
    left: 0;
}

@media (max-width: 1024px) {
    .featured-products-grid {
        grid-template-columns: repeat(auto-fit, minmax(210px, 210px));
        justify-content: flex-start;
        gap: 1.4rem;
    }
}

@media (max-width: 768px) {
    .bestsellers-title {
        font-size: 2.6rem;
    }
    .features.no-marker.features-top4.latest-products-section {
        padding-top: 0rem;
    }
    .bestsellers-section-header {
        padding-top: 0.35rem;
    }
    .latest-products-section .bestsellers-section-header {
        padding-top: 0.16rem;
    }
    .featured-products-grid {
        padding-bottom: 0;
    }
}

@media (max-width: 540px) {
    .featured-products-grid {
        grid-template-columns: repeat(2, minmax(0, 210px));
        justify-content: flex-start;
        gap: 0.9rem;
    }
    .featured-products-grid .featured-card .collection-product-image {
        height: 161px;
    }
    .bestsellers-title,
    .section-title,
    .features.no-marker .section-title,
    .faq-home .section-title,
    .testimonials-home .section-title,
    .newsletter-subtext {
        font-size: 2rem;
    }
    .features.no-marker.features-top4.latest-products-section {
        padding-top: 0rem;
    }
    .bestsellers-section-header {
        padding-top: 0.35rem;
    }
    .latest-products-section .bestsellers-section-header {
        padding-top: 0.16rem;
    }
}

.features.no-marker::before {
    display: none;
}

.features.no-marker {
    padding-top: 0;
    padding-bottom: 0;
}

.features.no-marker.features-top4 {
    padding-bottom: 0;
}

.features.no-marker.features-top4 .section-desc {
    max-width: 1200px;
}

.features.no-marker.features-artisanal {
    padding-top: 1.535rem;
    padding-bottom: 2.5rem;
    box-shadow:
        0 -20px 42px rgba(0, 0, 0, 0.16),
        0 20px 42px rgba(0, 0, 0, 0.16),
        inset 0 24px 28px -20px rgba(0, 0, 0, 0.46),
        inset 0 -24px 28px -20px rgba(0, 0, 0, 0.46);
    position: relative;
    z-index: 1;
}

.features-artisanal .section-desc {
    font-family: 'Bodoni Moda', serif;
    font-size: 1rem;
    color: var(--gold-dark);
    letter-spacing: 0.3em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    line-height: inherit;
}

.features-artisanal .section-title {
    font-size: 2.6rem;
    letter-spacing: 0.05em;
    color: var(--black);
    margin-bottom: 0;
}

.features-artisanal .feature-card {
    background: var(--white);
}

.features-artisanal .card-title {
    color: var(--black);
}

.features-artisanal .card-text,
.features-artisanal .card-list li {
    color: #666;
}

.features.no-marker .section-header {
    margin-bottom: 2rem;
}

.features.no-marker .cards-grid {
    max-width: 1180px;
}

.features.no-marker .feature-card {
    padding: 1.2rem 2.8rem 2.04rem;
}

.features.no-marker .card-number {
    font-size: 4rem;
    top: -0.4rem;
    right: 1.3rem;
}

.features.no-marker .card-icon {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
}

.features.no-marker .card-title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

.features.no-marker .card-text {
    font-size: 0.95rem;
    line-height: 1.65;
    margin-bottom: 1.3rem;
}

.features.no-marker .card-list li {
    font-size: 0.82rem;
    padding: 0.55rem 0;
    padding-left: 30px;
}

.features.no-marker .card-list li::before {
    left: 0;
}

.features.no-marker .feature-card:hover .card-list li::before,
.features.no-marker .feature-card:active .card-list li::before,
.features.no-marker .feature-card:focus-visible .card-list li::before {
    left: 6px;
}

.features.no-marker .card-number {
    color: var(--gold);
    -webkit-text-stroke: 0;
}

.features.no-marker .feature-card:hover .card-number {
    color: var(--gold);
    -webkit-text-stroke: 0;
}

.products.products-home {
    padding-top: 3.84rem;
    padding-bottom: 6rem;
}

.products.products-home .section-header {
    margin-bottom: 4rem;
}

.products.products-home .products-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.products.products-home .product-item {
    aspect-ratio: auto;
    min-height: 500px;
    display: flex;
    flex-direction: column;
}

.products.products-home .product-image {
    height: 241.5px;
}

.faq-home {
    background: var(--black);
    padding: 2rem 0 3.25rem;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.45);
    position: relative;
    z-index: 1;
}

.faq-home .container {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 2rem;
}

.faq-home .section-header {
    margin-bottom: 2rem;
}

.faq-home .section-title {
    color: var(--white);
    font-size: 2.6rem;
    letter-spacing: 0.05em;
    margin-bottom: 0;
}

.faq-home .section-desc {
    font-family: 'Bodoni Moda', serif;
    font-size: 1rem;
    color: var(--gold);
    letter-spacing: 0.3em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    line-height: inherit;
}

.faq-list {
    display: grid;
    gap: 0.75rem;
}

.faq-item {
    border: 1px solid #2a2a2a;
    background: #0f0f0f;
    transition: border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease;
}

.faq-item summary {
    list-style: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    color: var(--white);
    font-family: 'Bodoni Moda', serif;
    font-size: 1.2rem;
    line-height: 1.3;
    letter-spacing: 0.02em;
    padding: 0.58rem 3.2rem 0.58rem 1.2rem;
    display: block;
    position: relative;
    transition: color 0.28s ease, background-color 0.28s ease;
}

.faq-item summary:focus {
    outline: none;
}

.faq-item summary:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: '+';
    color: var(--gold);
    font-size: 1.4rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 1.2rem;
    transform: translateY(-50%);
    transition: transform 0.28s ease, color 0.28s ease;
}

.faq-item[open] summary::after {
    content: '−';
    transform: translateY(-50%) rotate(180deg);
}

.faq-item[open] {
    border-color: rgba(201, 169, 98, 0.55);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(201, 169, 98, 0.16);
    transform: translateY(-2px);
}

.faq-item[open] summary {
    color: var(--gold-light);
    background: linear-gradient(180deg, rgba(201, 169, 98, 0.08) 0%, rgba(201, 169, 98, 0.02) 100%);
}

.faq-answer {
    border-top: 1px solid #242424;
    padding: 0.72rem 1.2rem 0.82rem;
    animation: faqReveal 0.3s ease;
}

.faq-answer p,
.faq-answer li {
    color: #d0d0d0;
    font-size: 0.94rem;
    line-height: 1.65;
}

.faq-answer p + p {
    margin-top: 0.65rem;
}

.faq-answer ul {
    margin-top: 0.55rem;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.35rem;
}

@keyframes faqReveal {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.testimonials-home {
    background:
        radial-gradient(circle at top left, rgba(201, 169, 98, 0.16), transparent 34%),
        linear-gradient(180deg, #fffefb 0%, #f8f4eb 100%);
    padding: 2.25rem 0 1.75rem;
    box-shadow:
        0 -20px 42px rgba(0, 0, 0, 0.16),
        0 20px 42px rgba(0, 0, 0, 0.16),
        inset 0 24px 28px -20px rgba(0, 0, 0, 0.46),
        inset 0 -24px 28px -20px rgba(0, 0, 0, 0.46);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.testimonials-home .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.testimonials-home .section-header {
    margin-bottom: 2rem;
}

.testimonials-home .section-title {
    color: var(--black);
    font-size: 2.6rem;
}

.testimonials-home .section-number {
    font-family: 'Bodoni Moda', serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.3em;
    margin-bottom: 1rem;
}

.testimonials-home .section-desc {
    color: var(--gold-dark);
}

.reviews-panel {
    border: 1px solid rgba(123, 99, 72, 0.18);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 22px 45px rgba(74, 54, 25, 0.08);
    backdrop-filter: blur(10px);
}

.reviews-carousel {
    overflow: hidden;
    position: relative;
    margin-bottom: 1.4rem;
}

.reviews-panel-form {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
    gap: 2.2rem;
    align-items: center;
    padding: 1.6rem 2.1rem;
    background:
        linear-gradient(180deg, rgba(201, 169, 98, 0.14) 0%, rgba(255, 255, 255, 0.94) 30%),
        #fffdf8;
}

.reviews-form-intro {
    max-width: 360px;
    text-align: center;
    justify-self: center;
}

.reviews-form-kicker {
    font-family: 'Bodoni Moda', serif;
    font-size: 1rem;
    font-weight: 400;
    color: var(--gold-dark);
    letter-spacing: 0.3em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.reviews-form-intro h3 {
    font-family: 'Bodoni Moda', serif;
    font-size: 2.25rem;
    margin-bottom: 0.7rem;
    color: #111;
}

.reviews-form-intro p:last-child {
    font-size: 0.94rem;
    line-height: 1.58;
    color: #91867a;
}

.reviews-form-wrap {
    width: min(1380px, 100%);
    max-width: 1380px;
    margin: 0 auto;
}

.review-card {
    width: 292px;
    min-width: 292px;
    border: 1px solid #e7decd;
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, #fffaf1 100%);
    padding: 0.95rem 1rem;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.reviews-track {
    display: flex;
    gap: 1rem;
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 0 8px;
    cursor: grab;
    user-select: none;
}

.reviews-track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}

.reviews-track::-webkit-scrollbar {
    display: none;
}

.reviews-track .review-card[aria-hidden="true"] {
    display: none;
}

.reviews-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.8rem;
    padding: 2px 0 4px;
}

.reviews-dot {
    display: block;
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(123, 99, 72, 0.25);
    transition: background-color 0.2s ease, transform 0.2s ease;
    cursor: pointer;
    padding: 0;
}

/* Keep hidden review indicators out of the mobile dot layout. */
.reviews-dots[hidden],
.reviews-dot[hidden] {
    display: none !important;
}
.reviews-dot.is-active {
    background: var(--gold);
    transform: scale(1.15);
}

.reviews-dot:focus-visible {
    outline: 2px solid rgba(208, 154, 68, 0.45);
    outline-offset: 3px;
}

@media (max-width: 768px) {
    .reviews-dots {
        width: min(100%, 156px);
        margin-inline: auto;
        gap: 0.38rem;
        overflow: hidden;
    }

    .reviews-dot {
        flex-basis: 8px;
        width: 8px;
        height: 8px;
    }
}

.review-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.review-stars {
    color: var(--gold);
    letter-spacing: 0.08em;
    font-size: 0.95rem;
}

.review-date {
    color: #7b6b56;
    font-size: 0.73rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.review-text {
    color: #444;
    line-height: 1.52;
    font-size: 0.88rem;
    margin-bottom: 0.62rem;
}

.review-author {
    color: #111;
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.review-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 0.7rem 2.5rem;
    align-items: start;
}

.review-form-group {
    display: grid;
    gap: 0.35rem;
}

.review-form-group-rating {
    margin-left: 1.2rem;
}

.review-form-group-review,
.review-form-actions {
    grid-column: 1 / -1;
}

.review-form-group label,
.review-label {
    color: #221d18;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.review-form input,
.review-form textarea {
    width: 100%;
    border: 1px solid rgba(209, 189, 159, 0.72);
    background: rgba(255, 255, 255, 0.96);
    padding: 0.78rem 0.95rem;
    font: inherit;
    color: #161616;
    border-radius: 0;
}

.review-form input:focus,
.review-form textarea:focus {
    outline: none;
    border-color: rgba(201, 169, 98, 0.9);
    box-shadow: 0 0 0 3px rgba(201, 169, 98, 0.12);
}

.review-form textarea {
    resize: none;
    min-height: 72px;
}

.review-rating {
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0.1rem;
    padding-top: 0.35rem;
}

.review-rating input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.review-rating label {
    width: auto;
    padding: 0;
    font-size: 1.9rem;
    line-height: 1;
    color: rgba(38, 32, 26, 0.68);
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease;
}

.review-rating label:hover,
.review-rating label:hover ~ label,
.review-rating input:checked ~ label {
    color: var(--gold);
}

.review-rating label:hover {
    transform: translateY(-1px);
}

.review-submit-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.7rem;
    min-height: auto;
    width: fit-content;
    padding: 1.1rem 2.6rem;
    border: 0;
    border-radius: 0;
    background: var(--black);
    color: var(--white);
    font-family: 'Lato', sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    box-shadow: none;
}

.review-submit-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--gold);
    transition: left 0.4s;
}

.review-submit-btn span {
    position: relative;
    z-index: 1;
}

.review-submit-btn.is-loading {
    pointer-events: none;
}

.review-submit-spinner {
    position: relative;
    z-index: 1;
    width: 0.95rem;
    height: 0.95rem;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: var(--white);
    border-radius: 999px;
    animation: reviewSubmitSpin 0.8s linear infinite;
}

.review-submit-btn:hover::before,
.review-submit-btn:active::before {
    left: 0;
}

.review-submit-btn:hover,
.review-submit-btn:active {
    color: var(--black);
    transform: none;
}

.review-submit-btn:disabled {
    cursor: wait;
    opacity: 0.7;
    box-shadow: none;
    transform: none;
}

.review-submit-btn:focus,
.review-submit-btn:focus-visible {
    outline: 1px solid var(--gold);
    outline-offset: 2px;
}

.review-form-status {
    min-height: 1.5rem;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #5d554a;
}

.review-form-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.review-form-actions .review-form-status {
    flex: 1 1 auto;
}

.review-form-status.is-success {
    color: #2d7a4b;
}

.review-form-status.is-error {
    color: #b4483b;
}

.review-card-empty,
.review-card-loading {
    background: rgba(255, 252, 245, 0.92);
}

@keyframes reviewSubmitSpin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 980px) {
    .reviews-form-wrap {
        max-width: none;
    }

    .reviews-panel-form {
        grid-template-columns: 1fr;
        gap: 1.6rem;
        padding: 1.2rem;
    }

    .reviews-form-intro {
        max-width: none;
    }

    .review-form {
        grid-template-columns: 1fr;
    }

    .review-form-group-rating {
        margin-left: 0;
    }

    .review-form-group-review,
    .review-form-actions {
        grid-column: auto;
    }

    .review-form-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 0.65rem;
    }

    .review-submit-btn {
        display: flex;
        width: 100%;
        justify-self: stretch;
    }
}

@media (max-width: 640px) {
    .testimonials-home {
        padding-bottom: 0.08rem;
    }

    .testimonials-home .container {
        padding: 0 1rem;
    }

    .reviews-panel-form {
        padding: 1rem;
    }

    .review-form-actions {
        gap: 0.4rem;
    }

    .review-form-status {
        min-height: 0.9rem;
    }

    .newsletter {
        padding-top: 0.55rem;
    }

    .review-card {
        width: calc(100vw - 2.9rem);
        min-width: calc(100vw - 2.9rem);
        max-width: 320px;
        padding: 0.9rem;
    }

    .review-card-top {
        flex-direction: column;
        align-items: stretch;
    }

    .review-form {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .reviews-form-intro {
        text-align: center;
        justify-self: stretch;
        margin-left: auto;
        margin-right: auto;
    }

    .reviews-form-intro h3 {
        font-size: 1.95rem;
    }

    .review-rating label {
        font-size: 1.55rem;
    }
}

.section-header {
    text-align: center;
    margin-bottom: 8rem;
}

.section-number {
    font-family: 'Bodoni Moda', serif;
    font-size: 1rem;
    color: var(--gold-dark);
    letter-spacing: 0.3em;
    margin-bottom: 1rem;
}

.section-title {
    font-family: 'Bodoni Moda', serif;
    font-size: 4rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-bottom: 2rem;
}

.features.no-marker .section-title {
    font-size: 2.4rem;
}

.section-desc {
    font-size: 1.1rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.8;
}

.cards-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.feature-card {
    border: 1px solid #E0E0E0;
    padding: 5rem 4rem;
    position: relative;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    background: var(--white);
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(201, 169, 98, 0.05), transparent);
    transition: left 0.8s;
}

.feature-card:hover::before,
.feature-card:active::before,
.feature-card:focus-visible::before {
    left: 100%;
}

.feature-card:hover,
.feature-card:active,
.feature-card:focus-visible {
    background: var(--black);
    border-color: var(--gold);
    transform: scale(1.02);
    z-index: 10;
}

.feature-card:hover .card-number,
.feature-card:hover .card-title,
.feature-card:hover .card-text,
.feature-card:hover .card-list li,
.feature-card:active .card-number,
.feature-card:active .card-title,
.feature-card:active .card-text,
.feature-card:active .card-list li,
.feature-card:focus-visible .card-number,
.feature-card:focus-visible .card-title,
.feature-card:focus-visible .card-text,
.feature-card:focus-visible .card-list li {
    color: var(--white);
}

.card-number {
    font-family: 'Bodoni Moda', serif;
    font-size: 5rem;
    color: transparent;
    -webkit-text-stroke: 1px #E0E0E0;
    position: absolute;
    top: 2rem;
    right: 2rem;
    transition: transform 0.6s, color 0.6s, -webkit-text-stroke 0.6s;
}

.feature-card:hover .card-number,
.feature-card:active .card-number,
.feature-card:focus-visible .card-number {
    -webkit-text-stroke: 1px var(--gold);
    transform: scale(1.1) rotate(6deg);
}

.card-icon {
    font-size: 3rem;
    margin-bottom: 2rem;
    display: block;
    transition: all 0.6s;
}

.card-title {
    font-family: 'Bodoni Moda', serif;
    font-size: 2rem;
    margin-bottom: 1.5rem;
    letter-spacing: 0.05em;
    transition: color 0.6s;
}

.card-text {
    font-size: 1rem;
    line-height: 1.8;
    color: #666;
    margin-bottom: 2rem;
    transition: color 0.6s;
}

.card-list {
    list-style: none;
}

.card-list li {
    padding: 0.8rem 0;
    border-bottom: 1px solid #E0E0E0;
    font-size: 0.9rem;
    color: #666;
    transition: all 0.6s;
    position: relative;
    padding-left: 30px;
}

.card-list li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: var(--gold);
    transition: left 0.3s;
}

.feature-card:hover .card-list li,
.feature-card:active .card-list li,
.feature-card:focus-visible .card-list li {
    border-color: rgba(201, 169, 98, 0.3);
}

.feature-card:hover .card-list li::before,
.feature-card:active .card-list li::before,
.feature-card:focus-visible .card-list li::before {
    left: 10px;
}

/* Products */
.products {
    background: var(--black);
    padding: 12rem 4rem;
    position: relative;
}

.products .section-title {
    color: var(--white);
}

.products .section-desc {
    color: #999;
}

.products-catalog {
    padding-top: 8rem;
    padding-bottom: 7.2rem;
}

.products-catalog .section-header {
    margin-bottom: 1.6rem;
}

.products-catalog .section-desc {
    margin-bottom: 0;
    margin-top: 0.8rem;
    color: var(--gold);
    opacity: 0.92;
}

.products-catalog .section-title {
    font-size: 2.4rem;
    color: var(--white);
    letter-spacing: 0.06em;
    margin-bottom: 0.2rem;
    line-height: 1;
}

.products-catalog .products-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.collection-categories {
    max-width: 1050px;
    margin: 0 auto;
    margin-bottom: 1.7rem;
}

.collection-category-grid {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0.7rem;
}

.collection-category-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 0;
    min-height: 58px;
    flex: 1 1 0;
    border: 1px solid var(--gold);
    background: var(--black);
    color: var(--white);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.74rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    padding: 0.78rem 0.55rem;
    transition: all 0.3s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.collection-category-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--gold);
    transition: left 0.4s;
    z-index: -1;
}

.collection-category-btn:hover {
    color: var(--black);
}

.collection-category-btn:hover::before {
    left: 0;
}

.collection-category-btn.is-active {
    background: var(--gold);
    color: var(--black);
}

.collection-category-btn.is-active::before {
    left: 0;
}

.category-products-wrap {
    margin-top: 2.3rem;
}

.category-products {
    display: none;
}

.category-products.active {
    display: block;
}

.category-products-title {
    font-family: 'Bodoni Moda', serif;
    color: var(--gold);
    text-align: center;
    letter-spacing: 0.06em;
    margin-bottom: 0.4rem;
    font-size: 1.8rem;
}

.mobile-category-products-title {
    display: none;
}

.candle-category-page .category-products-title-desktop {
    display: none;
}

.category-products-description {
    max-width: 860px;
    margin: 0 auto 1.9rem;
    text-align: center;
    color: var(--white);
    opacity: 0.92;
    font-size: 1rem;
    line-height: 1.55;
    letter-spacing: 0.01em;
}

.category-custom-announcement {
    width: fit-content;
    max-width: calc(100% - 2rem);
    margin: -1.1rem auto 1.9rem;
    padding: 0.62rem 0.7rem;
    border: 1px solid var(--gold);
    background: rgba(201, 169, 98, 0.08);
    color: var(--white);
    text-align: center;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.5;
}

.category-custom-announcement a {
    color: var(--gold);
    font-weight: inherit;
    text-decoration: none;
}

.category-custom-announcement a:hover {
    text-decoration: none;
}

.category-custom-announcement--left-dark {
    margin-top: 0.45rem;
    margin-bottom: 0.75rem;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    background: #0e0e0e;
}

.category-custom-announcement--bg-black {
    background: var(--black);
}

.category-custom-announcement--sezon-mobile {
    margin-top: 0.55rem;
    margin-bottom: 0.4rem;
}

.products-grid {
    max-width: 1600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.product-item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3/4;
    background: #111;
    border: 1px solid #222;
    transition: all 0.6s;
}

.product-item::before {
    content: '';
    position: absolute;
    inset: -2px;
    background: linear-gradient(45deg, var(--gold), transparent, var(--gold));
    opacity: 0;
    transition: opacity 0.6s;
    z-index: 0;
}

.product-item:hover::before {
    opacity: 1;
}

.product-item:hover {
    transform: translateY(-20px);
}

.product-image {
    width: 100%;
    height: 70%;
    background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    position: relative;
    overflow: hidden;
}

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

.products-catalog .category-products[data-category-content="prestige"] .product-image img,
.products-catalog .category-products[data-category-content="ritual"] .product-image img,
.products-catalog .category-products[data-category-content="signature"] .product-image img,
.products-catalog .category-products[data-category-content="ambiance"] .product-image img,
.products-catalog .category-products[data-category-content="sezon"] .product-image img,
.products-catalog .category-products[data-category-content="seturi-cadou"] .product-image img {
    object-fit: cover;
    object-position: center center;
    padding: 0;
}

.product-item-shop .product-image {
    height: 58%;
}

.products-catalog .product-item {
    aspect-ratio: auto;
    min-height: 500px;
    display: flex;
    flex-direction: column;
}

.products-catalog .product-image {
    height: 241.5px;
}

.product-image::after {
    content: '';
    position: absolute;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(201, 169, 98, 0.1) 0%, transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.6s;
}

.product-item:hover .product-image::after {
    opacity: 1;
}

.product-details {
    padding: 2rem;
    position: relative;
    z-index: 1;
    background: var(--black);
}

.product-details-shop {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

.product-name {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.5rem;
    color: var(--gold);
    margin-bottom: 0.5rem;
}

.product-desc {
    font-size: 0.85rem;
    color: #999;
    margin-bottom: 1rem;
    line-height: 1.6;
}

.collection-product-details .product-desc.is-clamped-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-meta {
    margin-bottom: 0.55rem;
}

.product-note-row {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
    margin-bottom: 0.52rem;
}

.product-note-label {
    font-size: 0.8rem;
    color: #b0b0b0;
}

.input-error {
    border-color: #c0392b !important;
    box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.35) !important;
}

.field-error-msg {
    display: block;
    color: #e74c3c;
    font-size: 0.78rem;
    margin-top: 0.3rem;
    font-style: italic;
}

.product-note-select {
    width: 100%;
    background: #111;
    color: var(--white);
    border: 1px solid #333;
    padding: 0.48rem 2.2rem 0.48rem 0.58rem;
    font-size: 0.82rem;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C9A962' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7rem center;
    cursor: pointer;
}

.product-detail-page select,
.product-detail-page .product-note-select {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
}

.product-detail-page select:focus,
.product-detail-page select:focus-visible,
.product-detail-page select:active,
.product-detail-page select:-moz-focusring,
.product-detail-page .product-note-select:focus,
.product-detail-page .product-note-select:focus-visible,
.product-detail-page .product-note-select:active {
    outline: none;
    box-shadow: none;
    border-color: var(--gold);
}

.detail-color-picker {
    margin: 0.8rem 0 0.4rem;
}

.detail-color-options {
    display: inline-flex;
    gap: 0.6rem;
    align-items: center;
    margin-top: 0.45rem;
    width: fit-content;
    max-width: 100%;
}

.detail-color-option {
    border: 1px solid #585858;
    background: transparent;
    color: var(--white);
    font: inherit;
    font-size: 0.86rem;
    letter-spacing: 0.02em;
    padding: 0.5rem 0.95rem;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.detail-color-option:hover,
.detail-color-option:focus,
.detail-color-option:focus-visible {
    border-color: var(--gold);
    outline: none;
}

.detail-color-option.is-selected {
    border-color: var(--gold);
    background: rgba(201, 169, 98, 0.14);
    color: var(--gold-light);
}

.products-catalog .category-products[data-category-content="seturi-cadou"] .products-grid,
.products-catalog .category-products[data-category-content="sezon"] .products-grid {
    grid-template-columns: repeat(3, minmax(360px, 420px));
    justify-content: center;
    gap: 2.2rem;
}

.products-catalog .category-products[data-category-content="seturi-cadou"] .product-item,
.products-catalog .category-products[data-category-content="sezon"] .product-item {
    min-height: 590px;
}

.products-catalog .category-products[data-category-content="seturi-cadou"] .product-image,
.products-catalog .category-products[data-category-content="sezon"] .product-image {
    height: 276px;
}

.products-catalog .category-products[data-category-content="seturi-cadou"] .product-price-wrap,
.products-catalog .category-products[data-category-content="sezon"] .product-price-wrap {
    margin: 0.3rem 0;
}

.product-price {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.8rem;
    color: var(--white);
}

.product-price-wrap {
    display: flex;
    align-items: baseline;
    gap: 0.7rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.product-price-old {
    color: #7d7d7d;
    text-decoration: line-through;
    font-size: 0.9rem;
}

.product-price-current {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.7rem;
    color: var(--white);
}

.product-badge {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    z-index: 2;
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 0.42rem 0.55rem;
    border: 1px solid;
    animation: productBadgeFloat 2.2s ease-in-out infinite;
    will-change: transform;
}

@keyframes productBadgeFloat {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }

    100% {
        transform: translateY(0);
    }
}

.badge-new {
    background: #1e1e1e;
    border-color: #a0a0a0;
    color: #fff;
}

.badge-best {
    background: #1e1e1e;
    border-color: #a0a0a0;
    color: #fff;
}

.badge-promo {
    background: #1e1e1e;
    border-color: #a0a0a0;
    color: #fff;
}

.badge-unavailable {
    background: #1f1f1f;
    border-color: #cf2f2f;
    color: #ff4a4a;
}

.collection-product-image .product-badge.badge-unavailable ~ img,
.products-catalog .product-image .product-badge.badge-unavailable ~ img {
    filter: blur(3px);
    transition: transform 0.4s ease, filter 0.25s ease;
}

.product-actions {
    margin-top: auto;
    padding-top: 0.8rem;
}

.add-to-cart-btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid var(--gold);
    background: #000;
    color: var(--gold);
    padding: 0.62rem 0.9rem;
    font-size: 0.75rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.add-to-cart-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--gold);
    transition: left 0.4s;
    z-index: -1;
}

.add-to-cart-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.add-to-cart-icon {
    width: 0.82rem;
    height: 0.82rem;
    display: inline-block;
    opacity: 0;
}

.add-to-cart-btn.is-loading .add-to-cart-icon,
.add-to-cart-btn.is-added .add-to-cart-icon {
    opacity: 1;
}

.add-to-cart-btn.is-loading .add-to-cart-icon {
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: cartSpin 0.8s linear infinite;
}

.add-to-cart-btn.is-loading,
.add-to-cart-btn.is-loading:hover,
.add-to-cart-btn.is-loading:focus,
.add-to-cart-btn.is-loading:focus-visible,
.add-to-cart-btn.is-loading:active,
.add-to-cart-btn.is-loading:disabled {
    background: #000;
    color: var(--gold);
    border-color: var(--gold);
    opacity: 1;
    cursor: wait;
}

.add-to-cart-btn.is-added .add-to-cart-icon {
    width: 0.7rem;
    height: 0.45rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    color: #2ecc71;
}

.add-to-cart-btn.is-added,
.add-to-cart-btn.is-added:hover,
.add-to-cart-btn.is-added:focus,
.add-to-cart-btn.is-added:focus-visible,
.add-to-cart-btn.is-added:active {
    background: #000;
    color: var(--gold);
    border-color: var(--gold);
}

@keyframes cartSpin {
    to {
        transform: rotate(360deg);
    }
}

.add-to-cart-btn:hover {
    background: #000;
    color: var(--black);
}

.add-to-cart-btn:hover::before {
    left: 0;
}

.add-to-cart-btn:focus,
.add-to-cart-btn:focus-visible {
    background: #000;
    color: var(--gold);
    border-color: var(--gold);
}

.add-to-cart-btn:hover:focus,
.add-to-cart-btn:hover:focus-visible {
    color: var(--black);
}

.add-to-cart-btn:disabled {
    opacity: 1;
    cursor: default;
    border-color: #cf2f2f;
    color: #ff4a4a;
    background: transparent;
}

.add-to-cart-btn:disabled::before {
    display: none;
}

.product-detail-page.unavailable #detailAddToCart,
.product-detail-page.unavailable #detailAddToCart:hover,
.product-detail-page.unavailable #detailAddToCart:focus,
.product-detail-page.unavailable #detailAddToCart:focus-visible,
.product-detail-page.unavailable #detailAddToCart:active {
    transition: none;
    animation: none;
    transform: none;
    background: transparent;
    color: #ff4a4a;
    border-color: #cf2f2f;
    box-shadow: none;
    pointer-events: none;
    touch-action: none;
    cursor: default;
}

.product-detail-page.unavailable #detailAddToCart::before,
.product-detail-page.unavailable #detailAddToCart:hover::before,
.product-detail-page.unavailable #detailAddToCart:focus::before,
.product-detail-page.unavailable #detailAddToCart:active::before {
    display: none;
}

.product-detail-page.unavailable #detailAddToCart .add-to-cart-icon,
.product-detail-page.unavailable #detailAddToCart.is-loading .add-to-cart-icon,
.product-detail-page.unavailable #detailAddToCart.is-added .add-to-cart-icon {
    opacity: 0;
    animation: none;
}

.add-to-cart-btn.is-pulse {
    animation: addButtonPulse 0.28s ease;
}

@keyframes addButtonPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.03);
    }

    100% {
        transform: scale(1);
    }
}

.detail-cart-row {
    display: flex;
    align-items: stretch;
    gap: 0.9rem;
}

.detail-cart-row .add-to-cart-btn {
    flex: 1;
    width: auto;
}

@media (min-width: 769px) {
    .product-detail-page .detail-cart-row .add-to-cart-btn,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:hover,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:focus,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:focus-visible,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:active {
        background: #000;
        color: var(--gold);
        border-color: var(--gold);
    }

    .product-detail-page .detail-cart-row .add-to-cart-btn:hover,
    .product-detail-page .detail-cart-row .add-to-cart-btn:active {
        background: #000;
        color: var(--black);
        border-color: var(--gold);
    }

    .product-detail-page .detail-cart-row .add-to-cart-btn:focus,
    .product-detail-page .detail-cart-row .add-to-cart-btn:focus-visible {
        background: #000;
        color: var(--gold);
        border-color: var(--gold);
    }

    .product-detail-page .detail-cart-row .add-to-cart-btn:hover:focus,
    .product-detail-page .detail-cart-row .add-to-cart-btn:hover:focus-visible {
        color: var(--black);
    }

    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:hover,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:focus,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:focus-visible,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:active {
        background: #000;
        color: var(--gold);
        border-color: var(--gold);
    }

    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:hover::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:focus::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:focus-visible::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:active::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:hover::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:focus::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:focus-visible::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:active::before {
        display: none;
    }
}

.detail-related {
    margin-top: 1.2rem;
}

.detail-related-title {
    font-family: 'Bodoni Moda', serif;
    color: var(--white);
    letter-spacing: 0.05em;
    font-size: 1.05rem;
    margin: 0 0 0.65rem;
}

.detail-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.detail-related-grid .collection-product-card {
    min-height: auto;
    background: #0f0f0f;
    border: 1px solid rgba(201, 169, 98, 0.28);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.32);
}

.detail-related-grid .collection-product-image {
    height: 138px;
}

.detail-related-grid .collection-product-details {
    gap: 0.28rem;
    padding: 0.65rem 0.7rem 0.65rem;
}

.detail-related-grid .product-name {
    font-size: 0.88rem;
    margin: 0 0 0.08rem;
}

.detail-related-grid .product-price-wrap {
    margin: 0.05rem 0;
}

.detail-related-grid .product-price-current {
    font-size: 0.76rem;
}

.detail-related-grid .collection-card-actions {
    gap: 0.5rem;
}

.detail-related-grid .select-options-btn {
    padding: 0.4rem 0.6rem;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
}

@media (max-width: 640px) {
    .detail-related {
        margin-top: 0.9rem;
    }

    .detail-related-grid {
        grid-auto-flow: row;
        grid-auto-columns: unset;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        overflow-x: visible;
        padding-bottom: 0.2rem;
        gap: 0.35rem;
    }

    .detail-related-grid .collection-product-image {
        height: 92px;
    }

    .detail-related-grid .collection-card-actions {
        gap: 0.3rem;
    }

    .detail-related-grid .select-options-btn {
        padding: 0.32rem 0.45rem;
        font-size: 0.6rem;
    }

    .detail-related-grid .product-name,
    .detail-related-grid .collection-product-details .product-name {
        font-size: 0.8rem;
    }

    .detail-related-grid .product-price-wrap,
    .detail-related-grid .collection-product-details .product-price-wrap {
        margin: 0;
        line-height: 1.1;
    }

    .detail-related-grid .product-price-current,
    .detail-related-grid .collection-product-details .product-price-current {
        font-size: 0.75rem;
    }

    .detail-related-grid .collection-product-details {
        padding: 0.46rem 0.48rem 0.46rem;
        gap: 0.24rem;
    }
}

/* Shopping confirmations: one quiet, actionable notification at a time. */
.cart-toast { position: fixed; z-index: 2200; right: 28px; bottom: 28px; width: min(390px, calc(100% - 56px)); overflow: hidden; isolation: isolate; border: 0; border-radius: 18px; background: rgba(30, 27, 23, 0.94); box-shadow: 0 22px 70px #0008; -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); color: #f9f0e4; opacity: 0; visibility: hidden; transform: translateY(18px) scale(.97); transform-origin: bottom right; transition: opacity .28s, transform .45s cubic-bezier(.2, .8, .2, 1), visibility .28s; pointer-events: none; }
/* Match the mobile menu: separate top and bottom highlights with rounded corners. */
.cart-toast::before, .cart-toast::after { content: ''; position: absolute; z-index: 2; left: 0; right: 0; height: 50%; pointer-events: none; }
.cart-toast::before { top: 0; border-top-left-radius: inherit; border-top-right-radius: inherit; box-shadow: inset 0 1px 0 rgba(216, 187, 133, .65), inset 0 4px 6px -5px rgba(216, 187, 133, .4); }
.cart-toast::after { bottom: 0; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; box-shadow: inset 0 -1px 0 rgba(216, 187, 133, .65), inset 0 -4px 6px -5px rgba(216, 187, 133, .4); }
/* Compensate the gold highlight on compact screens without changing its shape. */
@media (max-width: 768px) {
 .cart-toast::before { box-shadow: inset 0 1px 0 rgba(216, 187, 133, .85), inset 0 4px 6px -5px rgba(216, 187, 133, .55); }
 .cart-toast::after { box-shadow: inset 0 -1px 0 rgba(216, 187, 133, .85), inset 0 -4px 6px -5px rgba(216, 187, 133, .55); }
}
.cart-toast.show { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; }
.nf-notice-body { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 17px; padding: 24px 40px 20px 22px; align-items: center; }
.nf-notice-visual { position: relative; width: 76px; height: 88px; border: 1px solid #e2cba929; border-radius: 9px; background: rgba(255, 255, 255, 0.04); display: grid; place-items: center; }
.nf-notice-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.nf-notice-symbol { width: 27px; height: 27px; color: #dfc18c; fill: none; stroke: currentColor; stroke-width: 1.3; }
.nf-notice-seal { position: absolute; z-index: 1; right: -7px; bottom: -7px; display: grid; place-items: center; width: 26px; height: 26px; border: 3px solid #000; border-radius: 50%; background: #d7bd8b; color: #20190f; }
.nf-notice-seal svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cart-toast[data-kind="wishlist"] .nf-notice-seal { background: #e2b6a9; }
.cart-toast[data-kind="wishlist"] .nf-notice-seal svg { fill: currentColor; stroke-width: .7; }
.nf-notice-eyebrow { margin: 0 0 7px; color: #d8bd8e; font: 400 .56rem/1.5 'Lato', sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.cart-toast[data-kind="wishlist"] .nf-notice-eyebrow { color: #e2b6a9; }
.cart-toast .nf-notice-title { margin: 0 0 7px; color: #fff5e7; font: 400 1.35rem/1.2 'Bodoni Moda', Georgia, serif; letter-spacing: -.015em; overflow-wrap: anywhere; }
.nf-notice-detail { margin: 0; color: #bdb5aa; font: 400 .72rem/1.55 'Lato', sans-serif; }
.nf-notice-close { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #bcb3a6; cursor: pointer; transition: background .2s, color .2s; }
.nf-notice-close svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 1.5; }
.nf-notice-close:hover { color: #fff; background: #ffffff0f; }
.nf-notice-close:focus-visible { outline: 2px solid #dfc18c; outline-offset: 2px; }
.nf-notice-progress { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #ffffff06; }
.nf-notice-progress i { display: block; height: 100%; background: linear-gradient(90deg, #836748, #ebd1a2); transform-origin: left; animation: noticeCountdown var(--notice-duration, 3000ms) linear forwards; }
.cart-toast.is-paused .nf-notice-progress i { animation-play-state: paused; }
.cart-toast.show .nf-notice-seal { animation: noticeSeal .55s cubic-bezier(.2,.9,.3,1.35) both; }
.nf-notice-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes noticeCountdown { to { transform: scaleX(0); } }
@keyframes noticeSeal { from { transform: scale(.4) rotate(-30deg); opacity: 0; } to { transform: scale(1) rotate(0); opacity: 1; } }
@media (max-width: 540px) {
 .cart-toast { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); width: calc(100% - 24px); }
 .nf-notice-body { padding: 20px 38px 17px 18px; grid-template-columns: 64px minmax(0, 1fr); gap: 15px; }
 .nf-notice-visual { width: 64px; height: 76px; }
 .cart-toast .nf-notice-title { font-size: 1.25rem; }
 .nf-notice-close { width: 44px; height: 44px; top: 0; right: 0; }
}
@media (prefers-reduced-motion: reduce) {
 .cart-toast, .nf-notice-close { transition: none; }
 .cart-toast, .cart-toast.show { transform: none; }
 .cart-toast.show .nf-notice-seal, .nf-notice-progress i { animation: none; }
 .nf-notice-progress { display: none; }
}

.collection-links-grid {
    max-width: 900px;
    margin: 0 auto;
}

.collection-products-grid {
    max-width: 1560px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(276px, 1fr));
    gap: 1.4rem;
}

.secondary-collections-grid {
    margin-top: 2.3rem;
}

.generated-collection-grid {
    margin-top: 1.5rem;
}

.main-collection-grid-spaced {
    margin-top: 1.5rem;
}

.season-grid-compact {
    margin-top: 1.5rem;
}

.gift-sets-grid-compact {
    margin-top: 1.5rem;
}

.collection-product-card {
    border: 1px solid #242424;
    background: #0e0e0e;
    display: flex;
    flex-direction: column;
    min-height: 480px;
    position: relative;
    overflow: hidden;
    transition: transform 0.45s cubic-bezier(.23,1,.32,1), box-shadow 0.45s cubic-bezier(.23,1,.32,1), border-color 0.4s;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.32);
}

.collection-product-card:not(.featured-card)::after {
    content: '';
    position: absolute;
    top: 0;
    left: -110%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        105deg,
        transparent 25%,
        rgba(201, 169, 98, 0.09) 42%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(201, 169, 98, 0.09) 58%,
        transparent 75%
    );
    z-index: 2;
    pointer-events: none;
}

.collection-product-card:not(.featured-card):hover {
    transform: translateY(-8px);
    border-color: var(--gold);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55), 0 0 18px rgba(201, 169, 98, 0.14);
}

.collection-product-card:not(.featured-card):hover::after {
    animation: featuredShine 0.7s ease forwards;
}

.collection-product-image {
    position: relative;
    height: 253px;
    background: #111;
    overflow: hidden;
}

.collection-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: none;
    aspect-ratio: auto;
}

.product-image-link {
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.product-image-link:hover .collection-product-image img {
    transform: none;
}

.product-name-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.product-name-link:hover .product-name {
    color: var(--gold);
    transition: color 0.25s ease;
}

.product-name {
    transition: color 0.25s ease;
}

.collection-product-details {
    padding: 1.1rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    flex: 1;
}

.collection-product-details .product-price-wrap {
    margin: 0.3rem 0;
}

.collection-card-actions {
    margin-top: auto;
    display: flex;
    align-items: stretch;
    gap: 0.9rem;
}

.collection-card-actions .select-options-btn {
    flex: 1;
}

.favorite-btn,
.select-options-btn {
    width: 100%;
    border: 1px solid var(--gold);
    background: #000;
    color: var(--gold);
    padding: 0.58rem 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.72rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.select-options-btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.select-options-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--gold);
    transition: left 0.4s;
    z-index: -1;
}

.collection-card-actions .favorite-icon-btn,
.detail-fav-btn {
    width: 37px;
    min-width: 37px;
    flex: 0 0 37px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border: 1px solid var(--gold);
    cursor: pointer;
    color: var(--gold);
    opacity: 1;
    transition: color 0.25s ease, opacity 0.25s ease;
}

.collection-card-actions .favorite-icon-btn .heart-icon,
.detail-fav-btn .heart-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
    pointer-events: none;
}

.collection-card-actions .favorite-icon-btn .heart-svg,
.detail-fav-btn .heart-svg {
    width: 20px;
    height: 18px;
    display: block;
}

.collection-card-actions .favorite-icon-btn:hover,
.detail-fav-btn:hover {
    opacity: 1;
    color: var(--gold);
    background: #000;
    border: 1px solid var(--gold);
}

.collection-card-actions .favorite-icon-btn:hover .heart-icon,
.detail-fav-btn:hover .heart-icon {
    transform: scale(1.2);
}

.collection-card-actions .favorite-icon-btn.is-favorite,
.detail-fav-btn.is-favorite {
    color: #e53935;
    opacity: 1;
    border: 1px solid var(--gold);
    background: #000;
}

.collection-card-actions .favorite-icon-btn.is-favorite:hover,
.detail-fav-btn.is-favorite:hover {
    color: #e53935;
    background: #000;
    border: 1px solid var(--gold);
}

.collection-card-actions .favorite-icon-btn.is-favorite:hover .heart-icon,
.detail-fav-btn.is-favorite:hover .heart-icon {
    transform: scale(1.2);
}

.collection-card-actions .favorite-icon-btn.heart-pop .heart-icon,
.detail-fav-btn.heart-pop .heart-icon {
    animation: heartPop 0.42s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}

@keyframes heartPop {
    0%   { transform: scale(1); }
    20%  { transform: scale(1.6); }
    40%  { transform: scale(0.85); }
    65%  { transform: scale(1.3); }
    100% { transform: scale(1); }
}

.favorite-btn:not(.favorite-icon-btn):hover,
.favorite-btn:not(.favorite-icon-btn).is-favorite,
.select-options-btn:hover {
    background: var(--gold);
    color: var(--black);
}

.select-options-btn:hover {
    background: #000;
    color: var(--black);
}

.select-options-btn:hover::before {
    left: 0;
}

.product-detail-page {
    min-height: 100vh;
    padding: 8.63rem 4rem 2rem;
}

.product-detail-layout {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 2rem;
}

.product-detail-page.accessory-detail-page .product-detail-layout {
    align-items: start;
}

.product-detail-gallery {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.gallery-main {
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid #242424;
    background: #111;
}

.gallery-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.25s ease;
}

.gallery-thumbs {
    display: flex;
    justify-content: center;
    gap: 0.6rem;
}

.gallery-thumb {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border: 2px solid #333;
    cursor: pointer;
    transition: border-color 0.2s ease;
    display: block;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.gallery-thumb:hover {
    border-color: var(--gold);
}

.gallery-thumb.active {
    border-color: var(--gold);
}

.product-detail-info {
    border: 1px solid #242424;
    background: #0e0e0e;
    padding: 1.4rem 1.2rem;
}

.product-collection-label {
    display: block;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 0.7rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold-dark);
    margin-bottom: 0.3rem;
    opacity: 1;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.2s;
}

a.product-collection-label:hover {
    opacity: 1;
    color: #e8c97a;
    text-decoration: none;
}

.mobile-collection-back-btn {
    display: none;
}

.detail-label {
    display: block;
    color: var(--white);
    margin: 0.7rem 0 0.45rem;
    font-size: 0.9rem;
}

.detail-extra-options {
    margin-top: 0.9rem;
}

.olfactory-pyramid-hint {
    margin-top: 0.62rem;
    margin-bottom: 0.35rem;
    font-size: 0.82rem;
    color: #c9c9c9;
    line-height: 1.5;
}

.olfactory-pyramid-hint a {
    color: var(--gold);
    text-decoration: none;
    font-weight: 700;
}

.olfactory-pyramid-hint a:hover {
    color: var(--gold-light);
}

.extra-option-row {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--white);
    font-size: 0.88rem;
    margin: 0.75rem 0;
    cursor: default;
}

.extra-option-input {
    cursor: pointer;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    accent-color: var(--gold);
}

.custom-message-wrap textarea {
    width: 100%;
    min-height: 80px;
    background: #111;
    border: 1px solid #333;
    color: var(--white);
    padding: 0.6rem;
    resize: vertical;
    font-family: 'Lato', sans-serif;
}

.message-counter,
.extras-price-hint {
    color: #b4b4b4;
    font-size: 0.82rem;
    margin-top: 0.9rem;
}

/* Delivery Timeline */
.delivery-timeline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 0.55rem;
    margin-bottom: 0.1rem;
    padding: 0.425rem 0.3rem;
}

.delivery-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    flex: 0 0 auto;
    max-width: 88px;
    text-align: center;
}

.delivery-step-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1a1a1a;
    border: 1px solid var(--gold);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold);
    flex-shrink: 0;
}

.delivery-step-icon svg {
    width: 18px;
    height: 18px;
    display: block;
}

.delivery-step-label {
    font-size: 0.73rem;
    font-weight: 700;
    color: var(--white);
    letter-spacing: 0.02em;
    line-height: 1.3;
}

.delivery-step-date {
    font-size: 0.7rem;
    color: #b4b4b4;
    line-height: 1.3;
}

.delivery-connector {
    flex: 1;
    height: 1px;
    background: var(--gold);
    opacity: 0.35;
    margin-top: 19px;
    align-self: flex-start;
    min-width: 8px;
}

.product-benefits {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 0;
    list-style: none;
    color: var(--white);
    display: grid;
    gap: 0.5rem;
    font-size: 0.88rem;
    line-height: 1.45;
}

.product-ingredients {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    line-height: 1.5;
}

.product-ingredients .ingredients-title {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.product-ingredients .ingredients-list {
    font-size: 0.88rem;
}

.product-ingredients .ingredients-details {
    font-size: 0.82rem;
    opacity: 0.8;
    margin-top: 0.35rem;
}

/* Cart */
.cart-page,
.checkout-page {
    background: var(--white);
    padding: 6.6rem 4rem 2rem;
    min-height: 100vh;
}

.contact-page,
.legal-page,
.cart-page,
.checkout-page,
.thankyou-page {
    color: var(--black);
    -webkit-text-fill-color: var(--black);
}

.cart-page {
    padding-bottom: 2.77rem;
    min-height: auto;
}

.checkout-page {
    padding-bottom: 4rem;
}

.cart-container,
.checkout-container {
    max-width: 1200px;
    margin: 0 auto;
}

.cart-close-mobile {
    display: none;
}

.cart-title,
.checkout-title {
    font-family: 'Bodoni Moda', serif;
    font-size: 3.3rem;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.cart-subtitle,
.checkout-subtitle {
    color: #666;
    margin-bottom: 3rem;
}

.checkout-subtitle {
    color: var(--gold);
}

.checkout-page .checkout-title,
.checkout-page .checkout-subtitle {
    text-align: center;
}

.cart-subtitle {
    color: var(--gold);
}

.cart-layout,
.checkout-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
}

.cart-layout {
    align-items: start;
}

.checkout-layout {
    align-items: start;
    grid-template-columns: 1.65fr 1.35fr;
}

.cart-layout.is-empty {
    grid-template-columns: 1fr;
}

.cart-layout.is-empty .cart-list {
    width: 100%;
    margin: 0 auto;
    border: none;
    background: transparent;
    padding: 0;
}

.cart-page .checkout-summary {
    align-self: start;
}

.checkout-page .checkout-summary,
.checkout-page .checkout-card {
    align-self: start;
}

.cart-list,
.checkout-card,
.checkout-summary {
    background: var(--grey-light);
    border: 1px solid rgba(201, 169, 98, 0.32);
    padding: 1.8rem;
    color: var(--black);
    -webkit-text-fill-color: var(--black);
}
        font-size: 0.92rem;
.cart-item {
    display: grid;
    grid-template-columns: 1.8fr auto auto auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #e3e3e3;
}

.cart-item:last-child {
    border-bottom: none;
}

.cart-item-product {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    min-width: 0;
}

.cart-item-thumb,
.order-line-thumb {
    flex: 0 0 auto;
    width: 68px;
    height: 68px;
    overflow: hidden;
    border: 1px solid rgba(201, 169, 98, 0.38);
    border-radius: 10px;
    background: var(--white);
}

.cart-item-thumb img,
.order-line-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.cart-item-main h3 {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.2rem;
    margin-bottom: 0.3rem;
}

.cart-item-main p {
    color: #666;
    font-size: 0.9rem;
}

.cart-item-meta {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

.cart-item-meta div,
.order-line-meta div,
.thankyou-item-meta div {
    margin-bottom: 0.12rem;
    padding-left: 0.1rem;
}

.cart-item-meta div:last-child,
.order-line-meta div:last-child,
.thankyou-item-meta div:last-child {
    margin-bottom: 0;
}

.cart-item-qty {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

.cart-item-mobile-inline {
    display: none;
}

.qty-btn {
    width: 28px;
    height: 28px;
    border: 1px solid #c8c8c8;
    background: #fff;
    cursor: pointer;
}

.cart-item-price {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.1rem;
}

.remove-item {
    border: none;
    background: none;
    color: #8a8a8a;
    text-decoration: underline;
    cursor: pointer;
}

.cart-summary-row,
.order-line,
.order-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.checkout-page .checkout-summary h3 {
    margin-bottom: 2rem;
}

.order-line-item {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.85rem;
}

.checkout-page .order-line-item {
    flex-direction: row;
}

.order-line-main {
    width: 100%;
    min-width: 0;
}

.checkout-page .order-line-thumb {
    width: 68px;
    height: 68px;
}

.order-line-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.35rem;
}

.order-line-meta {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

.order-line-mobile-total {
    display: none;
    margin-top: 0.35rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--gold);
}

.order-line-name-qty {
    display: inline;
}

.order-total {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid #ddd;
    font-family: 'Bodoni Moda', serif;
    font-size: 1.2rem;
}

.summary-actions {
    margin-top: 1.5rem;
    display: grid;
    gap: 0.8rem;
}

.btn-primary,
.btn-secondary {
    display: inline-block;
    text-align: center;
    padding: 0.8rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 0.75rem;
    cursor: pointer;
}

.btn-primary {
    position: relative;
    overflow: hidden;
    background: var(--black);
    color: var(--white);
    border: none;
    transition: color 0.3s, border-color 0.3s;
    z-index: 0;
}

.btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--gold);
    transition: left 0.4s ease;
    z-index: -1;
    pointer-events: none;
}

.btn-primary:hover::before {
    left: 0;
}

.btn-primary:hover {
    color: var(--black);
    border-color: var(--gold);
}

.btn-primary:focus::before,
.btn-primary:focus-visible::before,
.btn-primary:active::before {
    left: 0;
}

.btn-primary:focus,
.btn-primary:focus-visible,
.btn-primary:active {
    color: var(--black);
    border-color: var(--gold);
}

.btn-primary span {
    position: relative;
    z-index: 1;
}

.btn-primary.is-loading {
    padding-right: 2.4rem;
}

.btn-primary.is-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.9rem;
    width: 0.9rem;
    height: 0.9rem;
    margin-top: -0.45rem;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: button-spin 0.8s linear infinite;
}

.btn-primary:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

@keyframes button-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (hover: none), (pointer: coarse) {
    .btn-primary::before,
    .hero-cta::before,
    .collection-category-btn::before,
    .newsletter-btn::before,
    .about-cta-btn::before,
    .submit-btn::before {
        display: none;
    }

    .hero-cta,
    .collection-category-btn,
    .newsletter-btn,
    .btn-primary,
    .btn-secondary,
    .about-cta-btn,
    .submit-btn {
        transition: none;
    }

    .hero-cta {
        transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

    .hero-cta:focus,
    .hero-cta:focus-visible,
    .hero-cta:active {
        background: rgba(201, 169, 98, 0.12);
        color: var(--gold);
        border-color: var(--gold);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        transform: translateY(-2px);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
    }

    .collection-category-btn:focus,
    .collection-category-btn:focus-visible,
    .collection-category-btn:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }

    .newsletter-btn:focus,
    .newsletter-btn:focus-visible,
    .newsletter-btn:active {
        background: var(--gold);
        color: var(--black);
    }

    .btn-primary:focus,
    .btn-primary:focus-visible,
    .btn-primary:active,
    .btn-secondary:focus,
    .btn-secondary:focus-visible,
    .btn-secondary:active,
    .about-cta-btn:focus,
    .about-cta-btn:focus-visible,
    .about-cta-btn:active,
    .submit-btn:focus,
    .submit-btn:focus-visible,
    .submit-btn:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }
}

.btn-secondary {
    background: transparent;
    color: var(--black);
    border: 1px solid #cfcfcf;
}

.btn-secondary:hover {
    border-color: var(--gold);
    color: var(--gold-dark);
}

.empty-state {
    display: grid;
    place-items: center;
    gap: 0.8rem;
    text-align: center;
    color: var(--black);
    padding: 2.1rem 1.5rem;
    border: 1px solid rgba(201, 169, 98, 0.32);
    background: rgba(201, 169, 98, 0.06);
}

.empty-state h2 {
    margin: 0 auto;
    font-family: 'Bodoni Moda', serif;
    font-size: 1.55rem;
    letter-spacing: 0.02em;
    width: auto;
    max-width: 100%;
    text-align: center;
}

.empty-state p {
    margin: 0 auto 3.36rem;
    max-width: 720px;
    color: #5e5e5e;
    line-height: 1.6;
    width: auto;
    text-align: center;
}

.empty-state-actions {
    margin-top: 0.5rem;
    width: auto;
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 0.75rem;
}

.empty-state-actions .btn-primary,
.empty-state-actions .btn-secondary {
    min-width: 170px;
    text-align: center;
}

.checkout-card form {
    display: grid;
    gap: 1.15rem;
}

.checkout-card label {
    display: grid;
    gap: 0.55rem;
    font-size: 0.88rem;
    color: var(--black);
    -webkit-text-fill-color: var(--black);
}

.checkout-card input,
.checkout-card select,
.checkout-card textarea {
    border: 1px solid #d6d6d6;
    padding: 0.8rem;
    font: inherit;
    font-size: 1rem;
    background: #fff;
    border-radius: 0;
    color: var(--black);
    -webkit-text-fill-color: var(--black);
}

.checkout-card input:not([type="checkbox"]):focus,
.checkout-card select:focus,
.checkout-card textarea:focus,
.checkout-card input:not([type="checkbox"]):focus-visible,
.checkout-card select:focus-visible,
.checkout-card textarea:focus-visible {
    outline: none;
    border-color: var(--gold);
    box-shadow: none;
}

.checkout-card input:not([type="checkbox"]):active,
.checkout-card select:active,
.checkout-card textarea:active {
    outline: none;
    border-color: var(--gold);
    box-shadow: none;
}

.checkout-card input,
.checkout-card select {
    height: 46px;
}

.checkout-payment-select,
.checkout-delivery-select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 2.8rem;
    background-color: #fff;
    background-image: none;
}

.checkout-payment-field,
.checkout-delivery-field {
    position: relative;
}

.checkout-fanbox-mount {
    margin-top: -0.35rem;
    margin-bottom: -0.15rem;
}

.checkout-fanbox-mount[hidden] {
    display: none !important;
}

.checkout-fanbox-mount > .spam-notice,
.checkout-fanbox-error {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.checkout-payment-field::after,
.checkout-delivery-field::after {
    content: "";
    position: absolute;
    right: 1.25rem;
    top: calc(50% + 0.7rem);
    width: 8px;
    height: 8px;
    border-right: 1.8px solid #555;
    border-bottom: 1.8px solid #555;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
}

.checkout-consent input[type="checkbox"] {
    height: auto;
    width: auto;
    flex: 0 0 auto;
    accent-color: var(--gold);
    transform: scale(1.15);
    transform-origin: top left;
}

.checkout-card textarea {
    min-height: 90px;
    resize: vertical;
}

.checkout-card .checkout-observations-field textarea {
    height: 80px;
    min-height: 80px;
    resize: none;
}

.checkout-optional-label {
    color: #777;
    font-size: 0.8rem;
    font-weight: 400;
}

.checkout-card .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.checkout-consent {
    display: flex !important;
    align-items: flex-start;
    gap: 0.6rem;
    margin-top: -0.15rem;
    margin-bottom: -0.15rem;
    font-size: 0.84rem !important;
    line-height: 1.5;
    color: #555;
}

.checkout-consent + .spam-notice {
    margin-top: 0.45rem;
}

.checkout-consent input[type="checkbox"] {
    margin-top: 0.18rem;
}

.checkout-consent a {
    color: var(--gold-dark);
}

.spam-notice {
    background: transparent;
    border: 1px solid var(--gold);
    border-radius: 6px;
    padding: 0.8rem 1rem;
    margin-top: 0.8rem;
    margin-bottom: 1.2rem;
    font-size: 0.82rem;
    line-height: 1.5;
    color: #444;
}

.spam-notice p {
    margin: 0;
}

.spam-notice strong {
    color: var(--gold);
}

.checkout-pickup-note {
    margin-top: -0.35rem;
    margin-bottom: -0.15rem;
}

.order-success {
    display: none;
    border: 1px solid #d7c08a;
    background: #fffaf0;
    padding: 1.4rem;
}

.order-success h3 {
    font-family: 'Bodoni Moda', serif;
    margin-bottom: 0.6rem;
}

.thankyou-page {
    background: linear-gradient(180deg, #fff 0%, #fbf8f2 100%);
    padding: 6.6rem 4rem 2.5rem;
    min-height: 100vh;
}

.thankyou-container {
    max-width: 1100px;
    margin: 0 auto;
}

.thankyou-card {
    background: #fff;
    border: 1px solid #e8dec9;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.06);
    padding: 2.5rem;
    position: relative;
}

.thankyou-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid rgba(201, 169, 98, 0.35);
    pointer-events: none;
    transform: translate(0, 0);
}

.thankyou-badge {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    background: #111;
    color: var(--gold);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.7rem;
    margin-bottom: 1rem;
}

.thankyou-card h1 {
    font-family: 'Bodoni Moda', serif;
    font-size: 3rem;
    margin-bottom: 0.8rem;
}

.thankyou-intro {
    color: #5d5d5d;
    line-height: 1.8;
    margin-bottom: 2rem;
}

.thankyou-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.4rem;
}

.thankyou-panel {
    border: 1px solid #eadfc9;
    background: #fffdf8;
    padding: 1.2rem;
}

.thankyou-panel h2,
.thankyou-products h2 {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.45rem;
    margin-bottom: 0.8rem;
}

.thankyou-panel p {
    margin-bottom: 0.45rem;
    color: #4f4f4f;
}

.thankyou-products {
    border: 1px solid #eadfc9;
    background: #fff;
    padding: 1.2rem;
}

.thankyou-item {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #eee0c6;
}

.thankyou-item-main {
    width: 100%;
    min-width: 0;
}

.thankyou-item-thumb {
    flex: 0 0 auto;
    width: 68px;
    height: 68px;
    overflow: hidden;
    border: 1px solid rgba(201, 169, 98, 0.38);
    border-radius: 10px;
    background: var(--white);
}

.thankyou-item-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.thankyou-item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.35rem;
}

.thankyou-item-meta {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
}

.thankyou-item-mobile-total {
    display: none;
}

.thankyou-item:last-child {
    border-bottom: none;
}

.thankyou-actions {
    margin-top: 1.8rem;
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
}

/* Legal Pages */
.legal-page {
    background: var(--white);
    padding: 12rem 4rem 6rem;
    min-height: 100vh;
}

.legal-container {
    max-width: 900px;
    margin: 0 auto;
}

.legal-container h1 {
    font-family: 'Bodoni Moda', serif;
    font-size: 3.5rem;
    margin-bottom: 3rem;
    letter-spacing: 0.05em;
}

.legal-container h2 {
    font-family: 'Bodoni Moda', serif;
    font-size: 2rem;
    margin-top: 4rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--gold);
}

.legal-container h3 {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.3rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #333;
}

.legal-container p,
.legal-container ul {
    line-height: 1.9;
    color: #555;
    margin-bottom: 1.5rem;
}

.legal-container ul {
    padding-left: 2rem;
}

.legal-container li {
    margin-bottom: 1rem;
}

.legal-container strong {
    color: var(--black);
    font-weight: 700;
}

.legal-container table {
    width: 100%;
    margin: 3rem 0;
    border-collapse: collapse;
}

.legal-container table th {
    background: var(--black);
    color: var(--gold);
    -webkit-text-fill-color: var(--gold);
    padding: 1.5rem;
    text-align: left;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.legal-container table td {
    padding: 1.5rem;
    border: 1px solid #E0E0E0;
    color: var(--black);
    -webkit-text-fill-color: var(--black);
}

.legal-container table tr:nth-child(even) {
    background: var(--grey-light);
}

.about-page .about-main-title {
    word-break: break-word;
}

.about-page .about-tagline {
    text-align: center;
}

.about-page .about-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Newsletter */
.newsletter {
    background: linear-gradient(145deg, #1a1613 0%, #0e0c0a 58%, #060402 100%);
    padding: 1.6rem 4rem 0.614rem;
}

.newsletter-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.newsletter-inner h2 {
    font-family: 'Bodoni Moda', serif;
    font-size: 1rem;
    font-weight: 400;
    color: var(--gold);
    letter-spacing: 0.3em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.newsletter-subtext {
    color: var(--white);
    font-family: 'Bodoni Moda', serif;
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin: 0 0 1.2rem;
}

.newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.newsletter-fields {
    display: flex;
    gap: 1rem;
    width: min(620px, 100%);
    align-items: center;
    justify-content: center;
}

.newsletter-fields input[type="email"] {
    flex: 1;
    padding: 0.95rem 1.2rem;
    border: 1px solid #CFC6BC;
    border-radius: 0;
    font-family: 'Lato', sans-serif;
    font-size: 0.98rem;
    background: var(--white);
}

.newsletter-fields input[type="email"]:focus {
    outline: none;
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(201, 169, 98, 0.2);
}

.newsletter-btn {
    padding: 1.1rem 2.6rem;
    border: 1px solid var(--gold);
    border-radius: 0;
    background: var(--black);
    color: var(--white);
    font-family: 'Lato', sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.newsletter-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--gold);
    transition: left 0.4s;
}

.newsletter-btn span {
    position: relative;
    z-index: 1;
}

.newsletter-btn:hover::before {
    left: 0;
}

.newsletter-btn:hover {
    color: var(--black);
}

.newsletter-btn:focus::before,
.newsletter-btn:focus-visible::before,
.newsletter-btn:active::before {
    left: 0;
}

.newsletter-btn:focus,
.newsletter-btn:focus-visible,
.newsletter-btn:active {
    color: var(--black);
}

.newsletter-btn:focus,
.newsletter-btn:focus-visible {
    outline: none;
}

.newsletter-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.newsletter-status {
    margin-top: 0.8rem;
    font-size: 0.95rem;
    min-height: 1.3rem;
}

.newsletter-status.is-success {
    color: #146C43;
}

.newsletter-status.is-error {
    color: #842029;
}

@media (max-width: 768px) {
    .newsletter-popup {
        padding: 1rem;
    }

    .newsletter-popup-dialog {
        padding: 2.2rem 1.15rem 1.4rem;
    }

    .newsletter-popup-kicker {
        font-size: 0.72rem;
        letter-spacing: 0.26em;
    }

    .newsletter-popup-dialog h2 {
        font-size: 1.7rem;
    }

    .newsletter-popup-text {
        font-size: 0.94rem;
        margin-bottom: 1.1rem;
    }

    .newsletter-popup-fields {
        flex-direction: column;
    }

    .newsletter-popup-fields input[type="email"],
    .newsletter-popup-fields .newsletter-btn {
        width: 100%;
    }

    .newsletter {
        padding: 1.25rem 1.5rem 1.05rem;
    }

    .newsletter-fields {
        flex-direction: column;
    }

    .newsletter-fields input[type="email"],
    .newsletter-btn {
        width: 100%;
    }
}

/* Footer */
footer {
    background: var(--black);
    color: var(--white);
    padding: 0.35rem 4rem 0.35rem;
    border-top: 1px solid #222;
}

.footer-content {
    max-width: 1600px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.6rem;
    margin-bottom: 0.4rem;
    justify-content: center;
    padding: 0 1.5rem;
}

.footer-section {
    padding: 1.2rem 1.4rem;
    border-radius: 8px;
    background: transparent;
    border: none;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.footer-section h3 {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.3rem;
    margin-bottom: 0.85rem;
    color: var(--gold);
    letter-spacing: 0.1em;
}

.footer-content .footer-section:first-child h3 {
    text-transform: uppercase;
    color: var(--white);
}

.footer-content .footer-section:first-child h3 .brand-flame {
    color: var(--gold);
}

.footer-section p {
    color: #999;
    line-height: 1.8;
    font-size: 0.9rem;
}

.footer-section a {
    display: block;
    color: #999;
    text-decoration: none;
    margin-bottom: 0.42rem;
    line-height: 1.3;
    font-size: 0.9rem;
    transition: all 0.3s;
    padding-left: 0;
}

.footer-section a:hover {
    color: var(--gold);
    padding-left: 10px;
}

.footer-section p a {
    display: inline;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-section p a:hover {
    padding-left: 0;
}

.footer-anpc-links {
    margin-top: 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.36rem;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.footer-anpc-links a {
    display: block;
    margin-bottom: 0;
    padding-left: 0;
    line-height: 0;
    flex: 0 0 auto;
}

.footer-anpc-links a:hover {
    padding-left: 0;
    opacity: 0.92;
}

.footer-anpc-links a:first-child {
    order: 2;
}

.footer-anpc-links a:last-child {
    order: 1;
}

.footer-anpc-links img {
    display: block;
    height: 41px;
    width: auto;
    border-radius: 8px;
}

.footer-service-strip {
    margin: 0;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(248, 241, 226, 0.92) 42%, rgba(238, 222, 189, 0.72)),
        #f7f0e3;
    border-top: 1px solid rgba(201, 169, 98, 0.3);
    border-bottom: 1px solid rgba(32, 25, 18, 0.14);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 -1px 0 rgba(201, 169, 98, 0.14);
}

.footer-service-strip::before,
.footer-service-strip::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    pointer-events: none;
}

.footer-service-strip::before {
    top: 0;
    background: linear-gradient(90deg, transparent, rgba(201, 169, 98, 0.58), transparent);
}

.footer-service-strip::after {
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.76), transparent);
}

.footer-service-strip + footer {
    border-top: none;
}

.footer-service-strip-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 1.35rem 4rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.35rem;
}

.footer-service-item {
    display: flex;
    align-items: center;
    gap: 0.78rem;
    min-width: 0;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(201, 169, 98, 0.28);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(250, 244, 232, 0.54)),
        rgba(255, 250, 240, 0.72);
    border-radius: 8px;
    box-shadow:
        0 10px 26px rgba(82, 58, 28, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.footer-service-icon {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-dark);
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 0;
    border: 1px solid rgba(201, 169, 98, 0.42);
    border-radius: 999px;
    background:
        radial-gradient(circle at 42% 34%, rgba(255, 246, 218, 0.98), rgba(232, 212, 160, 0.54) 44%, rgba(201, 169, 98, 0.16)),
        #fbf4e7;
    box-shadow:
        0 8px 20px rgba(201, 169, 98, 0.2),
        0 0 18px rgba(232, 212, 160, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.footer-service-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.footer-service-text {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    min-width: 0;
}

.footer-service-text strong {
    color: #211a13;
    font-size: 0.96rem;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.footer-service-text span {
    color: rgba(45, 35, 26, 0.68);
    font-size: 0.82rem;
    line-height: 1.4;
}

.footer-service-icon svg {
    width: 28px;
    height: 28px;
}

.cart-service-strip {
    background: var(--white);
    border: 0;
    box-shadow: none;
}

.cart-service-strip::before,
.cart-service-strip::after {
    display: none;
}

.cart-service-strip .footer-service-item {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.cart-service-strip .footer-service-icon {
    color: var(--black);
    border: 0;
    background: transparent;
    box-shadow: none;
}

.cart-service-strip .footer-service-text strong,
.cart-service-strip .footer-service-text span {
    color: var(--black);
}

@media (max-width: 768px) {
    .footer-service-strip.cart-service-strip {
        border-top: 1px solid #222;
    }

    .footer-service-strip.wishlist-service-strip {
        border-top: 1px solid #222;
    }
}

.wishlist-service-strip {
    background: var(--black);
    border: 0;
    box-shadow: none;
}

.wishlist-service-strip::before,
.wishlist-service-strip::after {
    display: none;
}

.wishlist-service-strip + footer {
    border-top: 1px solid #222;
}

.wishlist-service-strip .footer-service-item {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.wishlist-service-strip .footer-service-icon {
    color: var(--gold);
    border: 0;
    background: transparent;
    box-shadow: none;
}

.wishlist-service-strip .footer-service-text strong,
.wishlist-service-strip .footer-service-text span {
    color: var(--gold);
}

.footer-bottom {
    padding-top: 0.3rem;
    border-top: 1px solid #222;
}

.footer-bottom-inner {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem;
}

.footer-bottom p {
    color: #b3b3b3;
    font-size: 0.85rem;
    letter-spacing: 0.02em;
}

.footer-bottom-social {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer-bottom-social a {
    width: 22px;
    height: 22px;
    display: inline-block;
    color: var(--white);
    transition: color 0.3s;
}

.footer-bottom-social a:hover {
    color: var(--gold);
}

.footer-bottom-social a::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.footer-bottom-social a.instagram::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2m0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5M17.2 6.1a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2M12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2m0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5M17.2 6.1a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2M12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4z'/%3E%3C/svg%3E");
}

.footer-bottom-social a.facebook::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 8.5V6.75c0-.68.45-.84.77-.84h1.95V3h-2.68C10.57 3 10 5.07 10 6.4v2.1H8v3h2V21h3.5v-9.5h2.37l.35-3z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 8.5V6.75c0-.68.45-.84.77-.84h1.95V3h-2.68C10.57 3 10 5.07 10 6.4v2.1H8v3h2V21h3.5v-9.5h2.37l.35-3z'/%3E%3C/svg%3E");
}

.footer-bottom-social a.tiktok::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 3h2.35c.24 1.95 1.29 3.39 3.15 3.57v2.44a6.33 6.33 0 0 1-3.1-1.03v6.14c0 3.22-2.58 5.88-5.9 5.88A5.89 5.89 0 0 1 5.1 14.1a5.9 5.9 0 0 1 7.2-5.77v2.6a3.36 3.36 0 0 0-1.35-.28A3.46 3.46 0 0 0 7.5 14.1a3.46 3.46 0 0 0 3.45 3.45 3.44 3.44 0 0 0 3.55-3.44V3z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 3h2.35c.24 1.95 1.29 3.39 3.15 3.57v2.44a6.33 6.33 0 0 1-3.1-1.03v6.14c0 3.22-2.58 5.88-5.9 5.88A5.89 5.89 0 0 1 5.1 14.1a5.9 5.9 0 0 1 7.2-5.77v2.6a3.36 3.36 0 0 0-1.35-.28A3.46 3.46 0 0 0 7.5 14.1a3.46 3.46 0 0 0 3.45 3.45 3.44 3.44 0 0 0 3.55-3.44V3z'/%3E%3C/svg%3E");
}

/* Responsive */
@media (max-width: 1200px) {
    .products.products-home {
        padding-bottom: 3rem;
    }

    .testimonials-home {
        padding: 2rem 0 3.4rem;
    }

    .testimonials-home .container {
        padding: 0 1rem;
    }

    .review-card {
        width: 250px;
        min-width: 250px;
        padding: 0.8rem;
    }

    .review-text {
        font-size: 0.82rem;
        line-height: 1.45;
    }

    .review-author {
        font-size: 0.7rem;
    }

    .products.products-home .section-header {
        margin-bottom: 2.1rem;
    }

    .products.products-home .products-grid {
        gap: 1rem;
    }

    .products.products-home .product-item {
        min-height: auto;
    }

    .products.products-home .product-image {
        height: 195.5px;
        font-size: 4rem;
    }

    .products.products-home .product-details {
        padding: 1.2rem 1rem 1rem;
    }

    .products.products-home .product-name {
        font-size: 1.28rem;
        margin-bottom: 0.3rem;
    }

    .products.products-home .product-desc {
        font-size: 0.82rem;
        margin-bottom: 0.7rem;
        line-height: 1.5;
    }

    .products.products-home .product-price-current {
        font-size: 1.35rem;
    }

    .products.products-home .product-price-old {
        font-size: 0.8rem;
    }

    .faq-home {
        padding: 3rem 0 4.55rem;
    }

    .faq-item summary {
        font-size: 1.1rem;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .products-catalog .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .collection-category-grid {
        gap: 0.85rem;
    }

    .collection-category-btn {
        min-width: 0;
        min-height: 56px;
        font-size: 0.7rem;
        padding: 0.72rem 0.45rem;
    }

    .collection-products-grid {
        grid-template-columns: repeat(2, minmax(240px, 1fr));
    }

    .product-detail-layout {
        grid-template-columns: 1fr;
    }

    .cards-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .promo-banner {
        font-size: 0.75rem;
        padding: 0.4rem 0.8rem;
        letter-spacing: 0.06em;
        line-height: 1.35;
    }

    .promo-banner .promo-mobile-break {
        display: block;
        white-space: nowrap;
    }

    .promo-banner .promo-mobile-break .promo-separator {
        display: none;
    }

    .category-custom-announcement {
        max-width: calc(100% - 1rem);
        padding: 0.75rem 0.65rem;
        font-size: 0.9rem;
    }

    .hero {
        min-height: 100vh;
        min-height: 0;
        min-height: 0;
        height: 100vh;
        height: 100svh;
        height: 100svh;
        background-position: center center;
        padding: calc(var(--promo-height, 0px) + var(--nav-height) + 1.2rem) 1.2rem 3.2rem;
        justify-content: flex-start;
    }

    .hero-content {
        margin-top: 1.5rem;
        max-width: 100%;
        text-align: center;
    }

    .hero-logo,
    .hero-cta-group {
        justify-content: flex-start;
    }

    .hero-subtitle {
        text-align: center;
    }

    nav {
        padding: 2.54rem 0.8rem 2.54rem 0.8rem;
        min-height: 108px;
        display: flex;
        align-items: center;
    }

    .logo {
        font-size: clamp(1.28rem, 6.2vw, 1.7rem);
        letter-spacing: 0.1em;
        line-height: 1;
        white-space: nowrap;
        order: 1;
        justify-self: start;
        margin-right: 0;
    }

    .nav-wrapper {
        position: relative;
        gap: 0.45rem;
        justify-content: flex-start;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        width: 100%;
        height: 100%;
        min-width: 0;
    }

    .logo::before,
    .logo::after {
        display: none;
    }

    .logo {
        text-align: left;
        margin-right: auto;
        grid-column: auto;
        order: 1;
        flex: 1 1 auto;
        min-width: 0;
    }

    nav.menu-open .logo {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .faq-home .container {
        padding: 0 1rem;
    }


    .faq-item summary {
        font-size: 1rem;
        line-height: 1.28;
        padding: 0.54rem 2.9rem 0.54rem 1rem;
    }

    .faq-answer {
        padding: 0.68rem 1rem 0.8rem;
    }

    .faq-answer p,
    .faq-answer li {
        font-size: 0.88rem;
    }

    .nav-menu {
        position: absolute;
        top: 55px;
        bottom: auto;
        right: 0;
        left: 0 !important;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow-y: visible;
        overscroll-behavior: auto;
        background: rgba(255, 255, 255, 0.96);
        border-left: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        gap: 0.68rem;
        padding: 14px 24px 18px;
        opacity: 0;
        transform: translate3d(100%, 0, 0);
        transform-origin: right center;
        pointer-events: none;
        transition: transform 0.24s ease, opacity 0.24s ease;
        z-index: 1105;
        isolation: isolate;
    }

    .nav-menu::after {
        content: none;
        display: none;
    }

    .mobile-menu-overlay {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        pointer-events: none !important;
    }

    .mobile-menu-overlay.active {
        display: none !important;
        pointer-events: none !important;
    }

    .menu-close-btn {
        display: block;
        position: absolute;
        top: calc(var(--promo-height, 0px) + env(safe-area-inset-top) + 1.1rem);
        right: 0.9rem;
        border: none;
        background: transparent;
        color: var(--gold);
        font-size: 2.15rem;
        line-height: 1;
        cursor: pointer;
        padding: 0.2rem 0.4rem;
        z-index: 3;
    }

    .nav-menu.active {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        pointer-events: auto;
    }

    nav.menu-open {
        z-index: 1110;
        top: 55px;
    }

    nav.menu-open .nav-menu {
        padding-top: 14px;
    }

    nav.menu-open .menu-close-btn {
        top: calc(env(safe-area-inset-top) + 1.1rem);
    }

    .nav-menu li {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        position: relative;
        z-index: 1;
    }

    .nav-menu > li.menu-close-item {
        width: 0;
        height: 0;
        min-height: 0;
        margin: 0;
        padding: 0;
        position: static;
    }

    .nav-menu > li.menu-close-item + li {
        margin-top: -0.95rem;
    }

    .nav-menu > li:first-of-type {
        margin-top: 0;
    }

    .nav-menu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a {
        justify-content: flex-start;
        text-align: left;
    }

    .nav-menu .nav-wishlist-item,
    .nav-menu .nav-cart-item {
        display: none;
    }

    .nav-menu .nav-wishlist-item > a,
    .nav-menu .nav-cart-item > a {
        max-width: none;
    }
    .nav-menu .nav-wishlist-item > a {
        font-size: 0.92rem;
    }

    .nav-menu li > a {
        width: 100%;
        max-width: none;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        color: var(--white);
        -webkit-tap-highlight-color: transparent;
    }

    .nav-menu li > a:hover,
    .nav-menu li > a:focus,
    .nav-menu li > a:active {
        color: var(--white);
    }

    .nav-menu li > a::after {
        content: none;
    }

    .nav-menu > li.mobile-menu-footer {
        display: none !important;
    }

    .mobile-menu-social {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 4.4rem;
        width: 100%;
        border-top: 1px solid rgba(201, 169, 98, 0.35);
        padding-top: 0.62rem;
    }

    .mobile-footer-wc-row {
        display: flex;
        width: 100%;
        gap: 0.62rem;
    }

    .mobile-footer-wc-row a {
        flex: 1;
        min-height: 31px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.45rem;
        border: 0.6px solid var(--gold);
        background: #000;
        color: var(--white);
        text-decoration: none;
        font-size: 0.82rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: none;
        text-align: center;
        padding: 0.26rem 0.5rem;
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-footer-wc-row .wishlist-count,
    .mobile-footer-wc-row .cart-count {
        color: var(--gold);
        font-size: 0.62rem;
        font-weight: 700;
        width: 16px;
        min-width: 16px;
        height: 16px;
        padding: 0;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        line-height: 1;
        text-align: center;
        font-variant-numeric: tabular-nums;
        transform: translateY(-2px);
        position: static;
    }

    .mobile-menu-social a {
        width: 26px;
        min-width: 26px;
        height: 26px;
        min-height: 26px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        border: none;
        background: transparent;
        color: var(--white);
        text-decoration: none;
        font-size: 0;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: none;
        text-align: center;
        padding: 0;
        transition: color 0.2s ease;
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-menu-social a::before {
        content: '';
        width: 100%;
        height: 100%;
        display: inline-block;
        flex: 0 0 100%;
        background-color: var(--white);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
    }

    .mobile-menu-social a.instagram::before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2m0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5M17.2 6.1a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2M12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2m0 1.8A3.95 3.95 0 0 0 3.8 7.75v8.5a3.95 3.95 0 0 0 3.95 3.95h8.5a3.95 3.95 0 0 0 3.95-3.95v-8.5a3.95 3.95 0 0 0-3.95-3.95h-8.5M17.2 6.1a1.1 1.1 0 1 1 0 2.2 1.1 1.1 0 0 1 0-2.2M12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 1.8a3.2 3.2 0 1 0 0 6.4 3.2 3.2 0 0 0 0-6.4z'/%3E%3C/svg%3E");
    }

    .mobile-menu-social a.facebook::before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 8.5V6.75c0-.68.45-.84.77-.84h1.95V3h-2.68C10.57 3 10 5.07 10 6.4v2.1H8v3h2V21h3.5v-9.5h2.37l.35-3z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 8.5V6.75c0-.68.45-.84.77-.84h1.95V3h-2.68C10.57 3 10 5.07 10 6.4v2.1H8v3h2V21h3.5v-9.5h2.37l.35-3z'/%3E%3C/svg%3E");
    }

    .mobile-menu-social a.tiktok::before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 3h2.35c.24 1.95 1.29 3.39 3.15 3.57v2.44a6.33 6.33 0 0 1-3.1-1.03v6.14c0 3.22-2.58 5.88-5.9 5.88A5.89 5.89 0 0 1 5.1 14.1a5.9 5.9 0 0 1 7.2-5.77v2.6a3.36 3.36 0 0 0-1.35-.28A3.46 3.46 0 0 0 7.5 14.1a3.46 3.46 0 0 0 3.45 3.45 3.44 3.44 0 0 0 3.55-3.44V3z'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 3h2.35c.24 1.95 1.29 3.39 3.15 3.57v2.44a6.33 6.33 0 0 1-3.1-1.03v6.14c0 3.22-2.58 5.88-5.9 5.88A5.89 5.89 0 0 1 5.1 14.1a5.9 5.9 0 0 1 7.2-5.77v2.6a3.36 3.36 0 0 0-1.35-.28A3.46 3.46 0 0 0 7.5 14.1a3.46 3.46 0 0 0 3.45 3.45 3.44 3.44 0 0 0 3.55-3.44V3z'/%3E%3C/svg%3E");
    }

    .mobile-menu-social a.instagram::before {
        background-color: var(--white);
    }

    .mobile-menu-mail {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        color: var(--white);
        text-decoration: none;
        font-size: 0.86rem;
        letter-spacing: 0.02em;
        text-transform: lowercase;
        text-align: center;
        margin-top: 0.1rem;
        margin-bottom: 0.12rem;
    }

    .nav-menu a.mobile-menu-mail {
        text-transform: lowercase;
        letter-spacing: 0.06em;
    }

    .nav-menu > li.mobile-menu-footer .mobile-menu-social a {
        justify-content: flex-start;
        text-align: center;
    }

    .nav-menu > li.mobile-menu-footer > a.mobile-menu-mail {
        justify-content: flex-start;
        text-align: center;
    }

    .mobile-menu-social a:hover {
        color: var(--gold-light);
    }

    .mobile-menu-social a:hover::before {
        background-color: var(--white);
    }

    .mobile-menu-mail:hover {
        color: var(--white);
    }

    .nav-menu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a {
        width: 100%;
        border: none;
        background: transparent;
        padding: 0.18rem 0;
        margin: 0;
        font-size: clamp(1.08rem, 4.8vw, 1.38rem);
        line-height: 1.12;
        letter-spacing: 0.005em;
        text-transform: none;
    }

    @supports (-webkit-touch-callout: none) {
        .nav-menu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a,
        .mobile-menu-social a,
        .mobile-menu-social a::before {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            transform: translateZ(0);
        }

        .mobile-menu-social a {
            border: none;
        }
    }

    .nav-menu a.cart-link {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
    }

    .nav-menu .wishlist-link {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.45rem;
    }

    .nav-menu .wishlist-count,
    .nav-menu .cart-count {
        width: 20px;
        min-width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        line-height: 1;
        letter-spacing: 0;
        text-align: center;
        font-variant-numeric: tabular-nums;
        transform: translateY(1px);
    }

    .nav-menu .wishlist-link .wishlist-heart-svg {
        display: none;
    }

    .nav-menu .wishlist-link .wishlist-link-label {
        display: none;
    }

    .nav-menu .wishlist-link::before {
        content: 'WISHLIST';
        color: var(--white);
        font-size: 0.92rem;
        letter-spacing: 0.17em;
        text-transform: uppercase;
    }

    .menu-toggle {
        display: flex;
        order: 4;
        margin-left: 0.95rem;
        justify-self: auto;
        grid-column: auto;
        flex: 0 0 auto;
    }

    .mobile-cart-link,
    .mobile-wishlist-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
        margin: 0;
        width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;
        background: transparent;
        border: none;
        color: var(--white);
        text-decoration: none;
        z-index: 1001;
        flex: 0 0 auto;
        box-sizing: border-box;
    }

    .mobile-cart-link { order: 3; justify-self: end; }
    .mobile-wishlist-link { order: 2; justify-self: auto; }

    .mobile-wishlist-link .mobile-wishlist-icon,
    .mobile-cart-link .mobile-cart-icon {
        width: 36px;
        height: 36px;
        color: var(--white);
        display: block;
        flex-shrink: 0;
    }

    .mobile-cart-link .mobile-cart-label { display: none; }

    .mobile-wishlist-link .wishlist-count,
    .mobile-cart-link .cart-count {
        position: absolute;
        top: -2px;
        right: -4px;
        left: auto;
        transform: none;
        min-width: 18px;
        height: 18px;
        padding: 0 3px;
        border: none;
        border-radius: 999px;
        background: var(--gold);
        color: #fff;
        font-size: 0.58rem;
        font-weight: 700;
        display: inline-grid;
        place-items: center;
        line-height: 1;
        pointer-events: none;
    }

    .mobile-wishlist-link .wishlist-count {
        top: -2px;
        right: -4px;
    }

    .mobile-cart-link .cart-count {
        top: -2px;
        right: -4px;
    }

    .checkout-consent input[type="checkbox"] {
        transform: scale(1.1);
    }

    .hero-title {
        font-size: 3rem;
    }

    .hero-number {
        font-size: 4rem;
    }

    .hero-cta-group {
        flex-direction: column;
        align-items: center;
    }

    .hero-cta,
    .btn-primary,
    .btn-secondary,
    .about-cta-btn,
    .collection-category-btn,
    .newsletter-btn,
    .submit-btn,
    .select-options-btn,
    .add-to-cart-btn {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none;
    }

    .hero-cta span,
    .about-cta-btn span,
    .select-options-btn span,
    .add-to-cart-btn span {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none;
    }

    .hero-cta {
        width: min(320px, calc(100vw - 2.2rem));
        min-width: 0;
        max-width: none;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        box-sizing: border-box;
        white-space: normal;
        word-break: keep-all;
        overflow-wrap: normal;
        padding-left: 0.9rem;
        padding-right: 0.9rem;
        font-size: clamp(0.68rem, 2.75vw, 0.82rem);
        line-height: 1.2;
    }

    .hero-cta {
        background: rgba(201, 169, 98, 0.08);
        color: var(--gold);
        border-color: var(--gold);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
    }

    .hero-cta::before {
        display: none;
    }

    .hero-cta:hover,
    .hero-cta:focus,
    .hero-cta:focus-visible,
    .hero-cta:active {
        background: rgba(201, 169, 98, 0.12);
        color: var(--gold);
        border-color: var(--gold);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        transform: translateY(-2px);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
    }

    .newsletter-btn {
        background: var(--black);
        color: var(--white);
        transition: none;
    }

    .newsletter-btn::before {
        display: none;
    }

    .newsletter-btn:hover,
    .newsletter-btn:focus,
    .newsletter-btn:focus-visible,
    .newsletter-btn:active {
        background: var(--gold);
        color: var(--black);
    }

    .collection-category-btn {
        transition: none;
    }

    .collection-links-grid {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 0.1rem;
    }

    .collection-links-grid .collection-category-btn {
        min-width: 210px;
        flex: 0 0 auto;
    }

    .collection-products-grid {
        grid-template-columns: 1fr;
    }

    .collection-product-card {
        min-height: auto;
    }

    .product-detail-page {
        padding: calc(var(--promo-height, 0px) + var(--nav-height) + 3.45rem) 1rem 3rem;
    }

    .product-detail-layout {
        gap: 0.5rem;
    }

    .mobile-collection-back-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        position: absolute;
        top: calc(var(--promo-height, 0px) + var(--nav-height) + 0.45rem);
        left: 50%;
        transform: translateX(-50%);
        z-index: 980;
        border: 1px solid var(--gold);
        background: rgba(0, 0, 0, 0.92);
        color: var(--white);
        text-decoration: none;
        font-size: 0.68rem;
        letter-spacing: 0.13em;
        text-transform: uppercase;
        padding: 0.44rem 0.65rem;
        border-radius: 0;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
    }

    .mobile-back-icon {
        width: 14px;
        height: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        color: var(--white);
        flex-shrink: 0;
    }

    .mobile-back-icon svg {
        width: 100%;
        height: 100%;
        display: block;
    }

    .mobile-back-text {
        color: var(--white);
        line-height: 1;
    }

    .product-detail-gallery {
        margin-top: 0.45rem;
        gap: 0.5rem;
    }

    .gallery-thumb {
        width: 60px;
        height: 60px;
    }

    .collection-category-btn::before {
        display: none;
    }

    .collection-category-btn:hover,
    .collection-category-btn:focus,
    .collection-category-btn:focus-visible,
    .collection-category-btn:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }

    .select-options-btn,
    .add-to-cart-btn {
        background: var(--black);
        color: var(--gold);
        transition: background-color 0.28s ease, color 0.28s ease, border-color 0.28s ease, transform 0.28s ease;
    }

    .collection-card-actions .select-options-btn,
    .detail-cart-row .add-to-cart-btn {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        height: 38px;
        min-height: 38px;
        padding-top: 0;
        padding-bottom: 0;
        box-sizing: border-box;
    }

    .select-options-btn::before,
    .add-to-cart-btn::before {
        display: none;
    }

    .add-to-cart-btn.is-loading,
    .add-to-cart-btn.is-loading:hover,
    .add-to-cart-btn.is-loading:focus,
    .add-to-cart-btn.is-loading:focus-visible,
    .add-to-cart-btn.is-loading:active,
    .add-to-cart-btn.is-loading:disabled {
        background: var(--black);
        color: var(--gold);
        border-color: var(--gold);
    }

    .add-to-cart-btn.is-added,
    .add-to-cart-btn.is-added:hover,
    .add-to-cart-btn.is-added:focus,
    .add-to-cart-btn.is-added:focus-visible,
    .add-to-cart-btn.is-added:active {
        background: var(--black);
        color: var(--gold);
        border-color: var(--gold);
    }

    .select-options-btn:hover,
    .select-options-btn:focus,
    .select-options-btn:focus-visible,
    .select-options-btn:active,
    .add-to-cart-btn:hover,
    .add-to-cart-btn:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }

    .product-detail-page .custom-message-wrap textarea {
        font-size: 16px;
        -webkit-appearance: none;
        appearance: none;
        transform: none;
    }

    .product-detail-page .custom-message-wrap textarea:focus,
    .product-detail-page .custom-message-wrap textarea:focus-visible,
    .product-detail-page .custom-message-wrap textarea:active {
        outline: none;
        box-shadow: none;
        transform: none;
    }

    .product-detail-page.unavailable #detailAddToCart,
    .product-detail-page.unavailable #detailAddToCart:hover,
    .product-detail-page.unavailable #detailAddToCart:focus,
    .product-detail-page.unavailable #detailAddToCart:focus-visible,
    .product-detail-page.unavailable #detailAddToCart:active {
        background: transparent;
        color: #ff4a4a;
        border-color: #cf2f2f;
        pointer-events: none;
        touch-action: none;
    }

    .btn-primary {
        background: var(--black);
        color: var(--white);
        transition: none;
    }

    .btn-primary::before {
        display: none !important;
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:focus-visible,
    .btn-primary:active {
        background: var(--gold) !important;
        color: var(--black) !important;
        border-color: var(--gold);
    }

    .btn-secondary {
        transition: none;
    }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:focus-visible,
    .btn-secondary:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }

    .about-cta-btn {
        transition: none;
    }

    .about-cta-btn::before {
        display: none;
    }

    .about-cta-btn:hover,
    .about-cta-btn:focus,
    .about-cta-btn:focus-visible,
    .about-cta-btn:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }

    .submit-btn {
        transition: none;
    }

    .submit-btn::before {
        display: none;
    }

    .submit-btn:hover,
    .submit-btn:focus,
    .submit-btn:focus-visible,
    .submit-btn:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }

    .guide-modal {
        padding: 0.8rem;
        align-items: stretch;
    }

    .guide-modal-dialog {
        width: 100%;
        max-height: calc(100vh - 1.6rem);
        max-height: calc(100dvh - 1.6rem);
        padding: 1.4rem 1rem 1rem;
        margin: 0;
    }

    .guide-modal-content h3 {
        font-size: 1.02rem;
    }

    .guide-modal-content p,
    .guide-modal-content li {
        font-size: 0.9rem;
        line-height: 1.56;
    }

    .section-title,
    .features.no-marker .section-title,
    .faq-home .section-title,
    .testimonials-home .section-title,
    .bestsellers-title,
    .newsletter-subtext {
        font-size: 2.6rem;
    }

    .features.no-marker {
        padding-top: 1.33rem;
    }

    .features.no-marker.features-top4 {
        padding-bottom: 0.45rem;
    }

    .features.no-marker.features-artisanal {
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }

    .features.no-marker .section-header {
        margin-bottom: 1.76rem;
    }

    .features.no-marker .section-title {
        margin-bottom: 0.68rem;
    }

    .features.no-marker .section-desc {
        line-height: 1.6;
    }

    .faq-home {
        padding-top: 2.4rem;
        padding-bottom: 3.2rem;
    }

    .testimonials-home {
        padding-top: 2rem;
    }

    .products-grid {
        grid-template-columns: 1fr;
    }

    .features.no-marker .feature-card {
        padding: 0.66rem 2.9rem 1.5rem 1.2rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        position: relative;
    }

    .features.no-marker .card-title,
    .features.no-marker .card-text,
    .features.no-marker .card-list {
        padding-right: 2.2rem;
    }

    .features.no-marker .card-number {
        position: absolute;
        right: 0.75rem;
        top: 2.2rem;
        text-align: center;
        margin: 0;
        font-size: 3rem;
        line-height: 1;
        color: var(--gold);
        -webkit-text-stroke: 0;
        transform: none;
        animation: mobileNumberBounce 2s ease-in-out infinite;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        min-width: 2.85rem;
        opacity: 0.85;
        font-weight: 400;
    }

    .products-catalog {
        padding-top: 7.5rem;
        padding-bottom: 3.6rem;
    }

    .products.products-catalog.collection-page-shell {
        padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 1.6rem);
    }

    .products.products-home {
        padding-bottom: 3rem;
    }

    .features.no-marker .featured-products-grid {
        margin-bottom: 2.45rem;
    }

    .products-catalog .section-header {
        margin-bottom: 1.6rem;
    }

    .products-catalog .section-title {
        font-size: 2.2rem;
        line-height: 1;
        letter-spacing: 0.04em;
        margin-top: 0;
        margin-bottom: 0.2rem;
        text-align: center;
    }

    .mobile-category-products-title {
        display: block;
        margin: 0.55rem auto 0;
        max-width: 92%;
        font-family: 'Bodoni Moda', serif;
        color: var(--gold);
        text-align: center;
        font-size: 1.05rem;
        line-height: 1.25;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .candle-category-page .section-title {
        display: none;
    }

    .candle-category-page .mobile-category-products-title {
        margin-top: 0;
        color: var(--white);
        font-size: 1.42rem;
        line-height: 1.22;
    }

    .accessory-category-page .section-title {
        color: var(--white);
        font-family: 'Bodoni Moda', serif;
        font-size: 1.42rem;
        line-height: 1.22;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .category-products-title-desktop {
        display: none;
    }

    .products-catalog .products-grid {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .products-catalog .category-products[data-category-content="seturi-cadou"] .products-grid,
    .products-catalog .category-products[data-category-content="sezon"] .products-grid {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .collection-category-grid {
        justify-content: flex-start;
        gap: 0.55rem;
    }

    .collection-category-btn {
        min-width: 0;
        min-height: 54px;
        font-size: 0.72rem;
        letter-spacing: 0.05em;
        flex: 1 1 0;
        padding: 0.66rem 0.36rem;
        margin: 0;
    }

    .about-page .about-cta-btn {
        width: 100%;
        max-width: 420px;
    }

    .about-page .about-cta-btn + .about-cta-btn {
        margin-left: 0 !important;
        margin-top: 0.7rem;
    }

    .category-products-wrap {
        margin-top: 1.8rem;
    }

    .category-products-title {
        font-size: 1.35rem;
        margin-bottom: 1rem;
    }

    .category-products-description {
        font-size: 0.82rem;
        line-height: 1.45;
        margin-bottom: 1.15rem;
        max-width: 94%;
    }

    .products-catalog .product-item {
        min-height: auto;
    }

    .products-catalog .category-products[data-category-content="seturi-cadou"] .product-item,
    .products-catalog .category-products[data-category-content="sezon"] .product-item {
        min-height: 540px;
    }

    .products-catalog .category-products[data-category-content="seturi-cadou"] .product-image,
    .products-catalog .category-products[data-category-content="sezon"] .product-image {
        height: 241.5px;
    }

    .products-catalog .product-image {
        height: 207px;
        font-size: 3.8rem;
    }

    .products-catalog .product-details {
        padding: 1.2rem;
    }

    .products-catalog .product-name {
        font-size: 1.25rem;
    }

    .products-catalog .product-price-current {
        font-size: 1.45rem;
    }

    .products-catalog .add-to-cart-btn {
        font-size: 0.72rem;
        padding: 0.68rem 0.8rem;
    }

    footer {
        padding: 1.2rem 1.2rem 1rem;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 0.7rem;
        margin-bottom: 1rem;
        text-align: center;
    }

    .footer-content .footer-section:nth-child(2),
    .footer-content .footer-section:nth-child(3) {
        padding-left: 0;
    }

    .footer-section {
        padding: 0.15rem 0 0.55rem;
        border-bottom: none;
    }

    .footer-content .footer-section:not(:first-child) {
        padding-top: 0;
    }

    .footer-content .footer-section h3 {
        margin-bottom: 0.4rem;
    }

    .footer-section:last-child {
        padding-bottom: 0;
    }

    .footer-section h3 {
        margin: 0 0 0.55rem;
        font-size: 1.08rem;
    }

    .footer-content .footer-section:first-child h3 {
        font-size: 1.08rem;
    }

    .footer-section p {
        text-align: center;
    }

    .footer-section a {
        margin-bottom: 0.6rem;
        text-align: center;
    }

    .footer-section a:hover {
        padding-left: 0;
    }

    .footer-anpc-links {
        width: 100%;
        margin-top: 0.75rem;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 0.45rem;
    }

    .footer-anpc-links a:first-child {
        order: 2;
    }

    .footer-anpc-links a:last-child {
        order: 1;
    }

    .footer-anpc-links img {
        height: 36px;
    }

    .footer-service-strip-inner {
        padding: 1.05rem 0.95rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.82rem;
        justify-items: stretch;
    }

    .footer-service-item {
        width: 100%;
        min-height: 76px;
        padding: 0.62rem 0.58rem;
        justify-content: flex-start;
        align-items: stretch;
        text-align: left;
        gap: 0.5rem;
        border-radius: 8px;
    }

    .footer-service-icon {
        width: 32px;
        height: 32px;
        font-size: 0.86rem;
    }

    .footer-service-text {
        align-items: stretch;
    }

    .footer-service-text strong {
        font-size: 0.82rem;
        line-height: 1.22;
    }

    .footer-service-text span {
        font-size: 0.72rem;
        line-height: 1.3;
    }

    .footer-bottom-inner {
        flex-direction: column;
        align-items: center;
        gap: 0.42rem;
    }

    .footer-bottom p {
        text-align: center;
        font-size: 0.78rem;
        line-height: 1.5;
        margin-bottom: 0;
    }

    .footer-bottom-social {
        margin-bottom: 0;
        gap: 1.4rem;
        margin-top: -0.04rem;
    }

    .features,
    .products,
    .legal-page,
    .cart-page,
    .checkout-page,
    .thankyou-page {
        padding: 6rem 2rem;
    }

    .features.no-marker {
        padding-bottom: 5.7rem;
    }

    .legal-page,
    .cart-page,
    .checkout-page,
    .thankyou-page {
        padding-top: calc(5.7rem + env(safe-area-inset-top));
        min-height: auto;
        padding-bottom: calc(5.6rem + env(safe-area-inset-bottom));
    }

    .thankyou-page {
        padding-bottom: calc(3.36rem + env(safe-area-inset-bottom));
    }

    .cart-page {
        padding-top: calc(4.59rem + env(safe-area-inset-top));
    }

    .wishlist-page {
        padding-top: calc(5.13rem + env(safe-area-inset-top));
    }

    .legal-page {
        padding-bottom: calc(3.92rem + env(safe-area-inset-bottom));
    }

    .guide-page {
        padding-bottom: calc(3.08rem + env(safe-area-inset-bottom));
    }

    .checkout-page {
        padding-bottom: calc(3.36rem + env(safe-area-inset-bottom));
    }

    .contact-page {
        padding-bottom: calc(5.6rem + env(safe-area-inset-bottom));
    }

    .cart-page {
        padding-bottom: calc(3.36rem + env(safe-area-inset-bottom));
    }

    .cart-layout,
    .checkout-layout,
    .thankyou-grid,
    .checkout-card .form-grid,
    .cart-item {
        grid-template-columns: 1fr;
    }

    .cart-item {
        gap: 0.7rem;
    }

    .cart-page .cart-item {
        justify-items: start;
        text-align: left;
        position: relative;
    }

    .cart-page .cart-item-product {
        justify-self: start;
        text-align: left;
    }

    .cart-page .cart-item-product .cart-item-main,
    .cart-page .cart-item-product .cart-item-meta {
        justify-self: auto;
        text-align: left;
    }

    .cart-page .cart-item-main,
    .cart-page .cart-item-meta,
    .cart-page .cart-item-qty,
    .cart-page .cart-item-price,
    .cart-page .remove-item {
        justify-self: start;
        text-align: left;
    }

    .cart-page .cart-item > .cart-item-qty,
    .cart-page .cart-item > .cart-item-price {
        display: none;
    }

    .cart-page .cart-item-mobile-inline {
        display: inline-flex;
        align-items: center;
        gap: 0.22rem;
        margin-top: 0.25rem;
        font-size: 0.88rem;
        line-height: 1.2;
        white-space: nowrap;
    }

    .cart-page .cart-item-qty-mobile-wrap {
        display: inline-flex;
        align-items: center;
    }

    .cart-page .cart-item-qty-mobile-select {
        min-width: 44px;
        height: 24px;
        padding: 0 0.2rem;
        border: 1px solid #d5d5d5;
        background: #fff;
        color: #1f1f1f;
        font-size: 0.82rem;
        line-height: 1;
        border-radius: 0;
    }

    .cart-page .cart-item-mobile-inline .cart-item-mobile-total {
        font-weight: 700;
        color: var(--gold);
    }

    .cart-page .remove-item {
        position: absolute;
        top: 0.52rem;
        right: 0;
        border: none;
        background: transparent;
        color: #d12828;
        font-size: 0;
        line-height: 1;
        padding: 0.2rem 0.1rem;
        min-width: 20px;
        text-decoration: none;
        box-shadow: none;
    }

    .cart-page .remove-item::before {
        content: '×';
        font-size: 1.4rem;
        font-weight: 700;
        text-decoration: none;
        border-bottom: 0;
    }

    .cart-page .cart-item {
        padding: 0.75rem 0;
        gap: 0.45rem;
        border-bottom: 1px solid rgba(201, 169, 98, 0.22);
    }

    .cart-page .cart-item:last-child {
        border-bottom: none;
    }

    .cart-page .cart-item-main h3 {
        margin-bottom: 0.15rem;
        padding-right: 1.6rem;
        line-height: 1.25;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    .cart-item-thumb,
    .order-line-thumb {
        width: 58px;
        height: 58px;
    }

    .checkout-page .order-line-thumb {
        width: 58px;
        height: 58px;
    }

    .thankyou-item-thumb {
        width: 58px;
        height: 58px;
    }

    .checkout-page .order-line-top > span:last-child {
        display: none;
    }

    .checkout-page .order-line-name-qty {
        display: none;
    }

    .checkout-page .order-line-mobile-total {
        display: block;
    }

    .cart-page .cart-item-meta {
        line-height: 1.38;
    }

    .cart-page .cart-item-meta div {
        margin-bottom: 0.08rem;
    }

    .cart-page .cart-item-meta div:last-child {
        margin-bottom: 0;
    }

    .cart-page .cart-item-qty {
        margin-top: 0.1rem;
    }

    .cart-page .cart-item-price {
        margin-top: 0.05rem;
        margin-bottom: 0.05rem;
    }

    .cart-page .remove-item {
        margin-top: 0;
    }

    .checkout-title {
        text-align: center;
    }

    .checkout-subtitle {
        text-align: center;
    }

    .cart-title,
    .cart-subtitle {
        text-align: center;
    }

    .cart-page .cart-title {
        margin-top: 0.6rem;
    }

    .cart-title,
    .checkout-title,
    .thankyou-card h1,
    .legal-container h1 {
        font-size: 2.15rem;
        line-height: 1.2;
        letter-spacing: 0.04em;
    }

    .thankyou-page .thankyou-actions {
        justify-content: flex-start;
    }

    .thankyou-page .btn-primary {
        background: var(--black);
        color: var(--white);
        border-color: var(--black);
        transition: none;
    }

    .thankyou-page .btn-primary::before {
        display: none;
    }

    .thankyou-page .btn-primary:hover {
        color: var(--white);
    }

    .thankyou-page .btn-primary:focus,
    .thankyou-page .btn-primary:focus-visible,
    .thankyou-page .btn-primary:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }

    .checkout-page .btn-primary {
        background: var(--black);
        color: var(--white);
        border-color: var(--gold);
        transition: none;
    }

    .checkout-page .btn-primary::before {
        display: none;
    }

    .checkout-page .btn-primary:hover {
        color: var(--white);
    }

    .checkout-page .btn-primary:focus,
    .checkout-page .btn-primary:focus-visible,
    .checkout-page .btn-primary:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }

    .cart-page .btn-primary {
        background: var(--black);
        color: var(--white);
        border-color: var(--gold);
        transition: none;
    }

    .cart-page .btn-primary::before {
        display: none;
    }

    .cart-page .btn-primary:hover {
        color: var(--white);
    }

    .cart-page .btn-primary:focus,
    .cart-page .btn-primary:focus-visible,
    .cart-page .btn-primary:active {
        background: var(--gold);
        color: var(--black);
        border-color: var(--gold);
    }

    .legal-container h2 {
        font-size: 1.45rem;
        margin-top: 2rem;
        margin-bottom: 0.9rem;
        padding-bottom: 0.55rem;
    }

    .legal-container h3 {
        font-size: 1.05rem;
        margin-top: 1.35rem;
        margin-bottom: 0.65rem;
    }

    .legal-container p,
    .legal-container li {
        font-size: 0.95rem;
        line-height: 1.72;
        overflow-wrap: anywhere;
    }

    .legal-container ul {
        padding-left: 1.3rem;
    }

    .legal-container table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 1.5rem 0;
    }

    .legal-container table th,
    .legal-container table td {
        padding: 0.78rem 0.8rem;
    }

    .legal-container table th {
        white-space: nowrap;
        font-size: 0.74rem;
    }

    .checkout-card,
    .checkout-summary,
    .cart-list,
    .thankyou-card,
    .thankyou-panel,
    .thankyou-products {
        padding: 1.2rem;
    }

    .thankyou-panel h2,
    .thankyou-products h2 {
        font-size: 1.22rem;
    }

    .thankyou-item {
        gap: 0.5rem;
        align-items: stretch;
    }

    .thankyou-item-name-qty,
    .thankyou-item-line-total {
        display: none;
    }

    .thankyou-item-mobile-total {
        display: block;
        margin-top: 0.3rem;
        font-size: 1rem;
        font-weight: 700;
        color: var(--gold);
        line-height: 1.25;
    }

    .cart-subtitle {
        color: var(--gold);
    }

    .cart-container {
        position: relative;
    }

    .cart-close-mobile {
        display: inline-block;
        position: absolute;
        top: -0.4rem;
        right: 0;
        color: var(--gold);
        text-decoration: none !important;
        border-bottom: none !important;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 1;
        padding: 0.1rem 0.35rem;
        background: transparent;
        box-shadow: none;
    }

    .empty-state {
        padding: 1.5rem 1rem;
    }

    .empty-state h2 {
        font-size: 1.35rem;
    }

    .empty-state-actions {
        grid-template-columns: 1fr;
        width: min(100%, 280px);
    }

    .cart-page .empty-state-actions {
        margin-left: auto;
        margin-right: auto;
    }

    .wishlist-page .empty-state-actions {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 380px) {
    .promo-banner {
        font-size: 0.75rem;
        padding: 0.36rem 0.55rem;
        letter-spacing: 0.01em;
        line-height: 1.28;
    }

    .category-custom-announcement {
        max-width: calc(100% - 0.7rem);
        padding: 0.68rem 0.55rem;
        font-size: 0.84rem;
        line-height: 1.4;
    }
}

@media (max-width: 480px) {
    .logo {
        font-size: clamp(1.34rem, 8.2vw, 1.74rem);
        letter-spacing: 0.1em;
    }

    .mobile-wishlist-link,
    .mobile-cart-link {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        padding: 0;
    }

    .mobile-wishlist-link .mobile-wishlist-icon,
    .mobile-cart-link .mobile-cart-icon {
        width: 30px;
        height: 30px;
    }

    .checkout-consent input[type="checkbox"] {
        transform: scale(1.1);
    }

    .spam-notice {
        font-size: 0.75rem;
        padding: 0.65rem 0.8rem;
        margin-bottom: 0.9rem;
    }

    .cart-title,
    .checkout-title,
    .thankyou-card h1,
    .legal-container h1 {
        font-size: 1.82rem;
    }

    .legal-container h2 {
        font-size: 1.25rem;
    }

    .legal-container table th,
    .legal-container table td {
        padding: 0.62rem 0.64rem;
    }

    .products.products-home .product-image {
        height: 172.5px;
        font-size: 3.4rem;
    }

    .products.products-home .product-name {
        font-size: 1.14rem;
    }

    .review-card {
        width: 234px;
        min-width: 234px;
    }
}

@media (max-width: 430px) {
    nav {
        padding: 1.2rem 1rem;
    }

    .logo {
        font-size: clamp(1.14rem, 6.8vw, 1.42rem);
        letter-spacing: 0.07em;
    }

    .menu-toggle span {
        width: 24px;
    }

    .menu-toggle {
        margin-left: 0.75rem;
    }

    .mobile-wishlist-link,
    .mobile-cart-link {
        padding: 0;
    }

    .features,
    .products,
    .legal-page,
    .cart-page,
    .checkout-page,
    .thankyou-page {
        padding: 5.6rem 1rem 2.8rem;
    }

    .features.no-marker {
        padding-bottom: 2.66rem;
    }

    .legal-page,
    .cart-page,
    .checkout-page,
    .thankyou-page {
        padding-top: calc(5.4rem + env(safe-area-inset-top));
        min-height: auto;
        padding-bottom: calc(4.8rem + env(safe-area-inset-bottom));
    }

    .thankyou-page {
        padding-bottom: calc(2.88rem + env(safe-area-inset-bottom));
    }

    .cart-page {
        padding-top: calc(4.35rem + env(safe-area-inset-top));
    }

    .wishlist-page {
        padding-top: calc(4.86rem + env(safe-area-inset-top));
    }

    .legal-page {
        padding-bottom: calc(3.36rem + env(safe-area-inset-bottom));
    }

    .guide-page {
        padding-bottom: calc(2.66rem + env(safe-area-inset-bottom));
    }

    .cart-page,
    .contact-page {
        padding-bottom: calc(4.8rem + env(safe-area-inset-bottom));
    }

    .checkout-page {
        padding-bottom: calc(2.88rem + env(safe-area-inset-bottom));
    }

    .section-title,
    .features.no-marker .section-title,
    .faq-home .section-title,
    .testimonials-home .section-title,
    .bestsellers-title,
    .newsletter-subtext {
        font-size: 2rem;
        letter-spacing: 0.03em;
    }

    .hero-title {
        font-size: 2.35rem;
        letter-spacing: 0.08em;
    }

    .hero-subtitle {
        font-size: 0.82rem;
        letter-spacing: 0.22em;
        margin-bottom: 2.5rem;
    }

    .collection-category-btn {
        min-width: 0;
        flex: 1 1 0;
    }

    .about-page .about-main-title {
        font-size: 1.75rem;
        letter-spacing: 0.03em;
    }

    .about-page .about-tagline {
        font-size: 1.1rem;
        line-height: 1.4;
    }

    .legal-container h1 {
        font-size: 1.7rem;
    }

    .legal-container h2 {
        font-size: 1.18rem;
        margin-top: 1.8rem;
        margin-bottom: 0.7rem;
    }

    .legal-container h3 {
        font-size: 1rem;
        margin-top: 1.2rem;
        margin-bottom: 0.5rem;
    }

    .legal-container p,
    .legal-container li {
        font-size: 0.9rem;
        line-height: 1.65;
    }

    .legal-container a {
        word-break: break-all;
    }

    .legal-container ul {
        padding-left: 1.1rem;
    }

    .legal-container table {
        font-size: 0.82rem;
    }

    .legal-container table th,
    .legal-container table td {
        padding: 0.55rem 0.5rem;
    }

    .legal-container table th {
        font-size: 0.68rem;
    }

    .cart-item-main h3 {
        font-size: 1.05rem;
    }

    .cart-item-price {
        font-size: 1rem;
    }

    .checkout-card label {
        font-size: 0.82rem;
    }

    .thankyou-panel h2,
    .thankyou-products h2 {
        font-size: 1.08rem;
    }

    .hero {
        padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 0.8rem);
    }
}

@media (max-width: 390px) {

    .hero {
        padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 0.6rem);
    }

    nav {
        padding: 1.86rem 0.6rem 1.86rem 0.6rem;
        min-height: 84px;
        display: flex;
        align-items: center;
    }

    .logo {
        font-size: clamp(1.08rem, 6.5vw, 1.3rem);
        letter-spacing: 0.055em;
    }

    .menu-toggle {
        margin-left: 0.62rem;
    }

    .mobile-wishlist-link,
    .mobile-cart-link {
        padding: 0;
        width: 37px;
        min-width: 37px;
        height: 37px;
        min-height: 37px;
    }

    .mobile-wishlist-link .mobile-wishlist-icon,
    .mobile-cart-link .mobile-cart-icon {
        width: 27px;
        height: 27px;
    }

    .hero-title {
        font-size: 2.1rem;
    }

    .hero-subtitle {
        font-size: 0.76rem;
        letter-spacing: 0.16em;
        margin-bottom: 2.2rem;
    }

    .hero-cta {
        padding: 1rem 1.2rem;
        font-size: 0.68rem;
        letter-spacing: 0.16em;
    }

    .hero-cta br {
        display: block;
    }

    .hero-cta-group .hero-cta:first-child {
        font-size: 0.64rem;
        letter-spacing: 0.12em;
    }

    .section-title,
    .features.no-marker .section-title,
    .faq-home .section-title,
    .testimonials-home .section-title,
    .bestsellers-title,
    .newsletter-subtext {
        font-size: 2rem;
    }

    .section-desc {
        font-size: 0.9rem;
        line-height: 1.55;
    }

    .features-artisanal .section-desc,
    .faq-home .section-desc,
    .section-number,
    .bestsellers-eyebrow,
    .newsletter-inner h2 {
        font-size: 1rem;
    }

    .features.no-marker .feature-card {
        padding: 0.6rem 3.2rem 1.43rem 1rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        position: relative;
    }

    .features.no-marker .card-number {
        font-size: 3rem;
        position: absolute;
        right: 0.85rem;
        top: 2rem;
        text-align: center;
        line-height: 1;
        margin: 0;
        color: var(--gold);
        -webkit-text-stroke: 0;
        transform: none;
        animation: mobileNumberBounce 2s ease-in-out infinite;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        min-width: 3rem;
        opacity: 0.85;
        font-weight: 400;
    }

    .features.no-marker .card-title {
        font-size: 1.2rem;
    }

    .features.no-marker .card-text {
        font-size: 0.86rem;
        line-height: 1.5;
    }

    .products.products-home .products-grid {
        grid-template-columns: 1fr;
        gap: 0.82rem;
    }

    .products.products-home .product-image {
        height: 156.4px;
        font-size: 3.1rem;
    }

    .products.products-home .product-details {
        padding: 0.9rem 0.8rem;
    }

    .products.products-home .product-name {
        font-size: 1rem;
    }

    .products.products-home .product-price-current {
        font-size: 1.1rem;
    }

    .collection-category-btn {
        min-height: 48px;
        font-size: 0.58rem;
        letter-spacing: 0.05em;
        min-width: 0;
        flex: 1 1 0;
        padding: 0.58rem 0.26rem;
    }

    .legal-container p,
    .legal-container li {
        font-size: 0.88rem;
        line-height: 1.6;
    }

    .legal-container ul {
        padding-left: 1rem;
    }

    .legal-container a {
        word-break: break-all;
    }

    .legal-container table {
        font-size: 0.78rem;
    }

    .legal-container table th,
    .legal-container table td {
        padding: 0.5rem 0.45rem;
    }

    .legal-container table th {
        font-size: 0.64rem;
        letter-spacing: 0.04em;
    }

    .footer-bottom p {
        font-size: 0.72rem;
    }

    .products-catalog .products-grid,
    .collection-products-grid {
        gap: 0.78rem;
    }

    .products-catalog .product-item,
    .collection-product-card {
        max-width: 340px;
    }

    .products-catalog .product-image,
    .collection-product-image {
        height: 177.1px;
    }

    .products-catalog .product-details,
    .collection-product-details {
        padding: 0.82rem 0.72rem 0.8rem;
    }

    .products-catalog .product-name,
    .collection-product-details .product-name {
        font-size: 0.96rem;
    }

    .products-catalog .product-desc,
    .collection-product-details .product-desc {
        font-size: 0.74rem;
        line-height: 1.45;
    }

    .products-catalog .product-price-current,
    .collection-product-details .product-price-current {
        font-size: 1.04rem;
    }
}

@media (max-width: 375px) {
    .logo {
        font-size: clamp(1.02rem, 6.2vw, 1.22rem);
        letter-spacing: 0.045em;
    }

    .mobile-wishlist-link,
    .mobile-cart-link {
        padding: 0;
        width: 35px;
        min-width: 35px;
        height: 35px;
        min-height: 35px;
    }

    .mobile-wishlist-link .mobile-wishlist-icon,
    .mobile-cart-link .mobile-cart-icon {
        width: 25px;
        height: 25px;
    }

    .menu-toggle span {
        width: 22px;
    }

    .menu-toggle {
        margin-left: 0.52rem;
    }

    .features,
    .products,
    .legal-page,
    .cart-page,
    .checkout-page,
    .thankyou-page {
        padding: 5.2rem 0.85rem 2.5rem;
    }

    .features.no-marker {
        padding-bottom: 2.38rem;
    }

    .legal-page,
    .cart-page,
    .checkout-page,
    .thankyou-page {
        padding-top: calc(5.16rem + env(safe-area-inset-top));
        min-height: auto;
        padding-bottom: calc(4rem + env(safe-area-inset-bottom));
    }

    .cart-page {
        padding-top: calc(4.15rem + env(safe-area-inset-top));
    }

    .wishlist-page {
        padding-top: calc(4.64rem + env(safe-area-inset-top));
    }

    .legal-page {
        padding-bottom: calc(2.8rem + env(safe-area-inset-bottom));
    }

    .guide-page {
        padding-bottom: calc(2.24rem + env(safe-area-inset-bottom));
    }

    .cart-page,
    .contact-page {
        padding-bottom: calc(4rem + env(safe-area-inset-bottom));
    }

    .checkout-page {
        padding-bottom: calc(2.4rem + env(safe-area-inset-bottom));
    }

    .cart-title,
    .checkout-title,
    .thankyou-card h1,
    .legal-container h1 {
        font-size: 1.62rem;
    }

    .legal-container h2 {
        font-size: 1.15rem;
    }

    .contact-page {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .about-page .about-main-title {
        font-size: 1.6rem;
    }

    .about-page .about-tagline {
        font-size: 1rem;
    }

    .products-catalog .products-grid,
    .collection-products-grid {
        gap: 0.7rem;
    }

    .products-catalog .product-item,
    .collection-product-card {
        max-width: 320px;
    }

    .products-catalog .product-image,
    .collection-product-image {
        height: 170.2px;
    }

    .products-catalog .product-details,
    .collection-product-details {
        padding: 0.76rem 0.66rem 0.74rem;
    }

    .products-catalog .product-name,
    .collection-product-details .product-name {
        font-size: 0.92rem;
    }

    .products-catalog .product-desc,
    .collection-product-details .product-desc {
        font-size: 0.71rem;
    }

    .products-catalog .product-price-current,
    .collection-product-details .product-price-current {
        font-size: 0.98rem;
    }
}

@media (min-width: 390px) and (max-width: 768px) {
    .products.products-home .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.9rem;
    }

    .products.products-home .product-image {
        height: 158.7px;
        font-size: 3.1rem;
    }

    .products.products-home .product-details {
        padding: 1rem 0.85rem 0.9rem;
    }

    .products.products-home .product-name {
        font-size: 1.02rem;
    }

    .products.products-home .product-price-current {
        font-size: 1.15rem;
    }
}

@media (min-width: 390px) and (max-width: 430px) {
    .logo {
        font-size: clamp(1.12rem, 5.9vw, 1.34rem);
        letter-spacing: 0.055em;
    }

    .mobile-wishlist-link,
    .mobile-cart-link {
        padding: 0;
        min-width: unset;
    }

    .products.products-home .products-grid {
        gap: 0.72rem;
    }

    .products.products-home .product-image {
        height: 142.6px;
        font-size: 2.8rem;
    }

    .products.products-home .product-details {
        padding: 0.85rem 0.7rem 0.8rem;
    }

    .products.products-home .product-name {
        font-size: 0.92rem;
    }

    .products.products-home .product-desc {
        font-size: 0.73rem;
        margin-bottom: 0.5rem;
    }

    .products.products-home .product-price-current {
        font-size: 1.02rem;
    }

    .products.products-home .product-price-old {
        font-size: 0.7rem;
    }
}

.features.no-marker .section-title,
.faq-home .section-title,
.testimonials-home .section-title {
    margin-bottom: 0.75rem;
}

@media (min-width: 420px) and (max-width: 768px) {
    .products-catalog .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .checkout-consent input[type="checkbox"],
    .checkbox-group input[type="checkbox"] {
        -webkit-appearance: none;
        appearance: none;
        width: 17px;
        height: 17px;
        min-width: 17px;
        min-height: 17px;
        padding: 0;
        margin-top: 0.18rem;
        border: 2px solid var(--gold-dark);
        border-radius: 4px;
        background: #fff;
        display: grid;
        place-content: center;
        box-sizing: border-box;
        transform: none;
        flex-shrink: 0;
    }

    .checkout-consent input[type="checkbox"]::before,
    .checkbox-group input[type="checkbox"]::before {
        content: "";
        width: 8px;
        height: 4px;
        border-left: 2px solid var(--black);
        border-bottom: 2px solid var(--black);
        transform: rotate(-45deg);
        opacity: 0;
    }

    .checkout-consent input[type="checkbox"]:checked::before,
    .checkbox-group input[type="checkbox"]:checked::before {
        opacity: 1;
    }

    .checkout-consent input[type="checkbox"]:focus-visible,
    .checkbox-group input[type="checkbox"]:focus-visible {
        outline: 2px solid var(--gold);
        outline-offset: 2px;
    }
}

@media (max-width: 768px) {
    .products-catalog .collection-categories {
        max-width: 100%;
    }

    .products-catalog .section-desc {
        font-size: 0.9rem;
        line-height: 1.55;
        padding: 0 0.2rem;
    }

    .collection-products-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .secondary-collections-grid {
        margin-top: 0;
    }

    .collection-product-card,
    .products-catalog .product-item {
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
        min-height: auto;
    }

    .collection-product-image,
    .products-catalog .product-image {
        height: clamp(195.5px, 57.5vw, 241.5px);
    }

    .collection-product-details,
    .products-catalog .product-details {
        padding: 0.95rem 0.85rem 0.9rem;
    }

    .collection-product-details {
        gap: 0.4rem;
    }

    .collection-product-details .product-name,
    .products-catalog .product-name {
        font-size: 1.08rem;
        line-height: 1.25;
        margin-bottom: 0.25rem;
    }

    .collection-product-details .product-desc,
    .products-catalog .product-desc {
        font-size: 0.79rem;
        line-height: 1.5;
        margin-bottom: 0.65rem;
    }

    .collection-product-details .product-desc {
        margin-bottom: 0.25rem;
    }

    .collection-product-details .product-price-wrap {
        margin: 0.3rem 0;
        gap: 0.45rem;
        flex-wrap: wrap;
    }

    .products-catalog .product-price-wrap {
        margin: 0.45rem 0 0.7rem;
        gap: 0.45rem;
        flex-wrap: wrap;
    }

    .collection-product-details .product-price-current,
    .products-catalog .product-price-current {
        font-size: 1.18rem;
    }

    .collection-product-details .product-price-old,
    .products-catalog .product-price-old {
        font-size: 0.74rem;
    }

    .collection-card-actions {
        gap: 0.55rem;
    }

    .collection-card-actions .favorite-icon-btn {
        width: 34px;
        min-width: 34px;
        height: 34px;
        flex: 0 0 34px;
    }

    .collection-card-actions .select-options-btn,
    .detail-cart-row .add-to-cart-btn,
    .products-catalog .add-to-cart-btn {
        height: 34px;
        min-height: 34px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .collection-card-actions .favorite-icon-btn .heart-svg {
        width: 17px;
        height: 15px;
    }

    .collection-card-actions .select-options-btn,
    .products-catalog .add-to-cart-btn {
        font-size: 0.64rem;
        padding: 0.58rem 0.64rem;
        letter-spacing: 0.09em;
    }

    .products-catalog .collection-category-grid {
        display: flex;
        flex-direction: column;
        max-width: 340px;
        margin: 0 auto;
        justify-content: flex-start;
        gap: 0.5rem;
        padding: 0;
    }

    .products-catalog .collection-category-btn:last-child:nth-child(odd) {
        width: 100%;
    }

    .products-catalog .collection-category-btn {
        width: 100%;
        min-width: 0;
        max-width: none;
        min-height: 50px;
        font-size: 0.66rem;
        letter-spacing: 0.03em;
        padding: 0.6rem 0.42rem;
    }
}

@media (max-width: 430px) {
    .collection-product-card,
    .products-catalog .product-item {
        max-width: 360px;
    }

    .collection-product-image,
    .products-catalog .product-image {
        height: 184px;
    }

    .collection-product-details .product-name,
    .products-catalog .product-name {
        font-size: 1rem;
    }

    .collection-card-actions .select-options-btn,
    .products-catalog .add-to-cart-btn {
        font-size: 0.6rem;
        letter-spacing: 0.07em;
    }

    .products-catalog .collection-category-grid {
        max-width: 340px;
    }

    .products-catalog .collection-category-btn {
        font-size: 0.62rem;
        padding: 0.56rem 0.34rem;
    }
}

@media (min-width: 769px) {
    .product-detail-page {
        padding-top: 7.55rem;
    }

    .products.products-catalog.collection-page-shell.compact-end-space-desktop {
        padding-bottom: 3rem;
    }

    .products-catalog .collection-categories {
        max-width: 1120px;
    }

    .products-catalog .collection-category-grid {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0.55rem;
    }

    .products-catalog .collection-category-btn {
        flex: 0 1 185px;
        min-width: 150px;
        max-width: 185px;
        padding: 0.7rem 0.45rem;
    }

    .cart-page .cart-item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto auto;
        align-items: center;
        column-gap: 1rem;
        row-gap: 0;
        text-align: left;
        justify-items: stretch;
        padding: 1rem 0;
        border-bottom: 1px solid #e3e3e3;
    }

    .cart-page .cart-item:last-child {
        border-bottom: none;
    }

    .cart-page .cart-item-main {
        min-width: 0;
    }

    .cart-page .cart-item-product {
        min-width: 0;
        justify-self: start;
    }

    .cart-page .cart-item-main,
    .cart-page .cart-item-meta {
        text-align: left;
        justify-self: start;
    }

    .cart-page .cart-item-qty,
    .cart-page .cart-item-price,
    .cart-page .remove-item {
        justify-self: end;
        text-align: right;
        white-space: nowrap;
    }
}

/* ── Wishlist page ─────────────────────────────── */
.wishlist-page {
    padding: 6.6rem 4rem 3rem;
    background: var(--black);
}

.wishlist-page .empty-state {
    color: var(--white);
    border-color: rgba(255, 255, 255, 0.2);
    background: var(--black);
    padding-top: 2.42rem;
    padding-bottom: 3rem;
}

.cart-page .empty-state {
    padding-top: 2.42rem;
    padding-bottom: 3rem;
}

.cart-page .empty-state h2 {
    margin-bottom: 0.9rem;
}

.cart-page .empty-state p {
    margin-bottom: 4.44rem;
}

.wishlist-page .empty-state h2 {
    color: var(--white);
}

.wishlist-page .empty-state p {
    color: rgba(255, 255, 255, 0.7);
}

.wishlist-page .empty-state-actions .btn-primary,
.wishlist-page .empty-state-actions .btn-secondary {
    color: var(--white);
    border-color: var(--white);
    background: transparent;
}

.wishlist-page .empty-state-actions .btn-primary {
    border: none;
    background: var(--white);
    color: var(--black);
}

.wishlist-page .cart-title {
    color: var(--white);
}

.wishlist-page .cart-subtitle {
    color: var(--gold);
}

@media (min-width: 769px) {
    .cart-page .cart-title,
    .cart-page .cart-subtitle,
    .wishlist-page .cart-title,
    .wishlist-page .cart-subtitle {
        text-align: center;
    }
}

.wishlist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, 280px);
    gap: 1.4rem;
    margin-top: 1.8rem;
    justify-content: center;
}

.wishlist-card {
    border: 1px solid #242424;
    background: #0e0e0e;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}

.wishlist-card-img-wrap {
    display: block;
    height: 253px;
    overflow: hidden;
    background: #111;
}

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

.wishlist-card-img-wrap:hover .wishlist-card-img {
    transform: scale(1.05);
}

.wishlist-card-body {
    padding: 1.1rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

.wishlist-card-collection {
    font-size: 0.7rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold-dark);
    font-weight: 400;
}

.wishlist-card-name {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.1rem;
    color: var(--gold);
    text-decoration: none;
    font-weight: 600;
    display: block;
}

.wishlist-card-wax {
    font-size: 0.82rem;
    color: #b4b4b4;
    margin: 0;
}

.wishlist-card-price-row {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.2rem;
}

.wishlist-card-old-price {
    color: #888;
    text-decoration: line-through;
    font-size: 0.82rem;
}

.wishlist-card-price {
    color: var(--white);
    font-size: 1.05rem;
    font-weight: 700;
}

.wishlist-card-actions {
    margin-top: auto;
    padding-top: 0.8rem;
    display: flex;
    gap: 0.7rem;
    align-items: stretch;
}

.wishlist-btn-primary {
    flex: 1;
    border: 1px solid var(--gold);
    background: transparent;
    color: var(--gold);
    padding: 0.58rem 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.72rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background 0.3s, color 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.wishlist-btn-primary::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: var(--gold);
    transition: left 0.4s;
    z-index: -1;
}

.wishlist-btn-primary:hover {
    color: var(--black);
}

.wishlist-btn-primary:hover::before {
    left: 0;
}

.wishlist-btn-remove {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid #555;
    background: transparent;
    color: #999;
    padding: 0.58rem 0.65rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: border-color 0.25s ease, color 0.25s ease;
    white-space: nowrap;
    font-family: 'Lato', sans-serif;
}

.wishlist-btn-remove:hover {
    border-color: #e53935;
    color: #e53935;
}

@media (max-width: 768px) {
    .cart-page {
        padding-bottom: calc(2.55rem + env(safe-area-inset-bottom));
    }

    .wishlist-page {
        padding: 4.8rem 1.2rem 2.55rem;
    }

    .wishlist-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        justify-content: stretch;
        margin-top: 1.4rem;
    }

    .wishlist-grid .wishlist-card:only-child {
        grid-column: 1 / -1;
        justify-self: center;
        width: min(280px, 100%);
    }

    .wishlist-card-img-wrap {
        height: clamp(135.7px, 39.1vw, 172.5px);
    }

    .wishlist-card-body {
        padding: 0.78rem 0.62rem 0.68rem;
        gap: 0.28rem;
    }

    .wishlist-card-collection {
        font-size: 0.58rem;
        letter-spacing: 0.12em;
    }

    .wishlist-card-name {
        font-size: 0.86rem;
        line-height: 1.22;
    }

    .wishlist-card-wax {
        font-size: 0.68rem;
        line-height: 1.35;
    }

    .wishlist-card-price-row {
        gap: 0.35rem;
        flex-wrap: wrap;
    }

    .wishlist-card-price {
        font-size: 0.9rem;
    }

    .wishlist-card-old-price {
        font-size: 0.68rem;
    }

    .wishlist-card-actions {
        gap: 0.38rem;
        padding-top: 0.55rem;
        flex-direction: column;
    }

    .wishlist-btn-primary,
    .wishlist-btn-remove {
        min-height: 34px;
        padding: 0.42rem 0.34rem;
        font-size: 0.56rem;
        letter-spacing: 0.04em;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .nav-menu li > a,
    .nav-menu li > a:hover,
    .nav-menu li > a:focus,
    .nav-menu li > a:visited {
        color: var(--white) !important;
        -webkit-text-fill-color: var(--white);
        transition: none;
    }

    .nav-menu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:active,
    .nav-menu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:focus-visible {
        background: transparent !important;
        color: var(--white) !important;
        -webkit-text-fill-color: var(--white) !important;
        border-color: transparent !important;
    }

    nav .nav-menu li > a:active,
    nav .nav-menu li > a:focus-visible {
        background: transparent !important;
        color: var(--white) !important;
        -webkit-text-fill-color: var(--white) !important;
        border-color: transparent !important;
    }

    nav .menu-toggle,
    nav .menu-toggle:focus,
    nav .menu-toggle:focus-visible,
    nav .menu-toggle:active {
        background: transparent !important;
        border-color: transparent !important;
        outline: none !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    nav .menu-toggle span {
        box-shadow: none !important;
    }

    .nav-menu li > a::after {
        content: none !important;
        width: 0 !important;
    }
}

@media (max-width: 768px) {
    html.android-device .product-detail-gallery {
        margin-top: 0.65rem !important;
    }

    html.ios-device .product-detail-gallery {
        margin-top: 0.9rem !important;
    }
}

@media (max-width: 768px) {
    .category-custom-announcement--sezon-mobile {
        margin-top: 0.4rem;
        margin-bottom: 0.4rem;
        padding-top: 0.48rem;
        padding-bottom: 0.48rem;
        line-height: 1.4;
    }

    .category-custom-announcement--ambiance-mobile {
        padding-top: 0.46rem;
        padding-bottom: 0.46rem;
        line-height: 1.4;
    }
}

@media (max-width: 768px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    img,
    video,
    iframe,
    canvas,
    svg {
        max-width: 100%;
        height: auto;
    }

    .container,
    .contact-container,
    .legal-container,
    .checkout-container,
    .cart-container {
        max-width: 100%;
        min-width: 0;
    }

    .nav-menu {
        width: 100%;
        max-width: 100%;
    }

.nav-menu li > a {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .nav-menu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a,
    .mobile-footer-wc-row a,
    .mobile-menu-social a,
    .footer-bottom-social a {
        min-height: 40px;
    }

    .mobile-menu-social a,
    .footer-bottom-social a {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
    }

    .mobile-menu-social a::before,
    .footer-bottom-social a::before {
        width: 23px;
        height: 23px;
        flex: 0 0 23px;
    }

    .footer-bottom-social a::before {
        width: 23px;
        height: 23px;
        flex-basis: 23px;
    }

    .form-group input,
    .form-group select,
    .form-group textarea,
    .checkout-card input:not([type="checkbox"]),
    .checkout-card select,
    .checkout-card textarea {
        font-size: 16px;
    }

    .product-item,
    .collection-product-card,
    .wishlist-card,
    .checkout-card,
    .checkout-summary,
    .cart-list {
        min-width: 0;
    }
}

@media (max-width: 340px) {
    .nav-menu {
        width: 100%;
        max-width: 100%;
    }

    .logo {
        font-size: clamp(0.94rem, 6vw, 1.08rem);
        letter-spacing: 0.035em;
    }
}

@media (max-width: 430px) {
    .hero-cta,
    .btn-primary,
    .btn-secondary,
    .about-cta-btn,
    .submit-btn,
    .select-options-btn,
    .add-to-cart-btn,
    .wishlist-btn-primary,
    .wishlist-btn-remove {
        min-height: 44px;
    }
}

@media (hover: none), (pointer: coarse) {
    .features-artisanal .feature-card:hover,
    .features-artisanal .feature-card:focus,
    .features-artisanal .feature-card:focus-visible,
    .features-artisanal .feature-card:active {
        background: var(--white);
    }

    .features-artisanal .feature-card:hover .card-title,
    .features-artisanal .feature-card:focus .card-title,
    .features-artisanal .feature-card:focus-visible .card-title,
    .features-artisanal .feature-card:active .card-title {
        color: var(--black);
    }

    .features-artisanal .feature-card:hover .card-text,
    .features-artisanal .feature-card:hover .card-list li,
    .features-artisanal .feature-card:focus .card-text,
    .features-artisanal .feature-card:focus .card-list li,
    .features-artisanal .feature-card:focus-visible .card-text,
    .features-artisanal .feature-card:focus-visible .card-list li,
    .features-artisanal .feature-card:active .card-text,
    .features-artisanal .feature-card:active .card-list li {
        color: #666;
    }

    .hero-cta:hover,
    .hero-cta:focus,
    .hero-cta:focus-visible {
        background: rgba(201, 169, 98, 0.08);
        color: var(--gold);
        border-color: var(--gold);
        transform: translateY(-2px);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
    }

    .collection-category-btn:hover:not(.is-active),
    .collection-category-btn:focus:not(.is-active),
    .collection-category-btn:focus-visible:not(.is-active) {
        background: var(--black);
        color: var(--white);
        border-color: var(--gold);
    }

    .newsletter-btn:hover,
    .newsletter-btn:focus,
    .newsletter-btn:focus-visible,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:focus-visible,
    .about-cta-btn:hover,
    .about-cta-btn:focus,
    .about-cta-btn:focus-visible,
    .submit-btn:hover,
    .submit-btn:focus,
    .submit-btn:focus-visible {
        background: var(--black) !important;
        color: var(--white) !important;
        border-color: var(--gold) !important;
    }

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:focus-visible {
        background: transparent !important;
        color: var(--black) !important;
        border-color: #cfcfcf !important;
    }

    .select-options-btn:hover,
    .select-options-btn:focus,
    .select-options-btn:focus-visible,
    .add-to-cart-btn:hover,
    .add-to-cart-btn:focus,
    .add-to-cart-btn:focus-visible {
        background: var(--black) !important;
        color: var(--gold) !important;
        border-color: var(--gold) !important;
    }

    .hero-cta:active,
    .collection-category-btn:active:not(.is-active),
    .newsletter-btn:active,
    .btn-primary:active,
    .btn-secondary:active,
    .about-cta-btn:active,
    .submit-btn:active,
    .select-options-btn:active,
    .add-to-cart-btn:active {
        background: var(--gold) !important;
        color: var(--black) !important;
        border-color: var(--gold) !important;
    }

    .hero-cta:active {
        background: rgba(201, 169, 98, 0.12) !important;
        color: var(--gold) !important;
        border-color: var(--gold) !important;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        transform: translateY(-2px);
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.24);
    }

    .add-to-cart-btn.is-loading,
    .add-to-cart-btn.is-loading:hover,
    .add-to-cart-btn.is-loading:focus,
    .add-to-cart-btn.is-loading:focus-visible,
    .add-to-cart-btn.is-loading:active,
    .add-to-cart-btn.is-loading:disabled {
        background: var(--black) !important;
        color: var(--gold) !important;
        border-color: var(--gold) !important;
    }

    .add-to-cart-btn.is-added,
    .add-to-cart-btn.is-added:hover,
    .add-to-cart-btn.is-added:focus,
    .add-to-cart-btn.is-added:focus-visible,
    .add-to-cart-btn.is-added:active {
        background: var(--black) !important;
        color: var(--gold) !important;
        border-color: var(--gold) !important;
    }
}

.footer-gap-3rem {
    padding-bottom: 2rem !important;
}

.about-page.footer-gap-3rem {
    padding-bottom: 1.8rem !important;
}

@media (max-width: 768px) {
    .contact-page.footer-gap-3rem {
        padding-bottom: 1.6rem !important;
    }
}

@media (min-width: 769px) {
    .contact-page {
        padding-bottom: 1.8rem !important;
    }
}

.legal-page.legal-gap-half {
    padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 1.4rem);
}

.legal-page.legal-gap-half:not(.about-page) {
    padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 2.2rem);
}

@media (max-width: 768px) {
    .cart-page {
        padding-top: calc(5.16rem + env(safe-area-inset-top)) !important;
    }

    .wishlist-page {
        padding-top: calc(5.16rem + env(safe-area-inset-top)) !important;
    }

    .contact-page,
    .about-page {
        padding-top: calc(5.3rem + env(safe-area-inset-top)) !important;
    }

    .legal-page.about-page.footer-gap-3rem:not(.legal-gap-half) {
        padding-top: calc(4.8rem + env(safe-area-inset-top)) !important;
    }
}

@media (max-width: 430px) {
    .cart-page {
        padding-top: calc(5.16rem + env(safe-area-inset-top)) !important;
    }

    .wishlist-page {
        padding-top: calc(5.16rem + env(safe-area-inset-top)) !important;
    }

    .contact-page,
    .about-page {
        padding-top: calc(5.3rem + env(safe-area-inset-top)) !important;
    }

    .legal-page.about-page.footer-gap-3rem:not(.legal-gap-half) {
        padding-top: calc(4.8rem + env(safe-area-inset-top)) !important;
    }
}

@media (max-width: 390px) {
    .cart-page {
        padding-top: calc(5.16rem + env(safe-area-inset-top)) !important;
    }

    .wishlist-page {
        padding-top: calc(5.16rem + env(safe-area-inset-top)) !important;
    }

    .contact-page,
    .about-page {
        padding-top: calc(5.3rem + env(safe-area-inset-top)) !important;
    }

    .legal-page.about-page.footer-gap-3rem:not(.legal-gap-half) {
        padding-top: calc(4.8rem + env(safe-area-inset-top)) !important;
    }
}

.legal-page.about-page.footer-gap-3rem.legal-gap-half {
    box-shadow:
        0 -20px 42px rgba(0, 0, 0, 0.16),
        0 20px 42px rgba(0, 0, 0, 0.16),
        inset 0 24px 28px -20px rgba(0, 0, 0, 0.46),
        inset 0 -24px 28px -20px rgba(0, 0, 0, 0.46);
    position: relative;
    z-index: 1;
}

.checkout-page,
.contact-page.footer-gap-3rem,
.legal-page.about-page.footer-gap-3rem:not(.legal-gap-half),
.thankyou-page {
    box-shadow:
        0 -20px 42px rgba(0, 0, 0, 0.16),
        0 20px 42px rgba(0, 0, 0, 0.16),
        inset 0 24px 28px -20px rgba(0, 0, 0, 0.46),
        inset 0 -24px 28px -20px rgba(0, 0, 0, 0.46);
    position: relative;
    z-index: 1;
}

.legal-page.legal-gap-half .legal-container h1 {
    margin-bottom: 0.35rem;
}

.legal-page.legal-gap-half:not(.about-page) .legal-container > h1 {
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: 0.06em;
}

@media (max-width: 1024px) {
    .legal-page.legal-gap-half:not(.about-page) .legal-container > h1 {
        font-size: 2.2rem;
        line-height: 1;
        letter-spacing: 0.04em;
    }
}

.legal-page.legal-gap-half .legal-container h1 + h2 {
    margin-top: 2rem;
}

/* Floating liquid-glass navigation */
nav {
    top: calc(var(--promo-height, 0px) + 10px);
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 4rem;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: none;
}

.nav-wrapper {
    position: relative;
    width: min(1600px, 100%);
    min-height: 74px;
    padding: 0.95rem 1.9rem;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 999px;
    background:
        linear-gradient(225deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.06) 42%, rgba(0, 0, 0, 0.12)),
        linear-gradient(180deg, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.18)),
        rgba(255, 255, 255, 0.03);
    -webkit-backdrop-filter: blur(18px) saturate(190%) contrast(108%);
    backdrop-filter: blur(18px) saturate(190%) contrast(108%);
    box-shadow:
        0 16px 34px rgba(0, 0, 0, 0.15),
        0 4px 12px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.60),
        inset 0 -1px 0 rgba(255, 255, 255, 0.20);
    pointer-events: auto;
}

.nav-wrapper::before {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.34), transparent 26%),
        linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.18) 18%, transparent 34%, rgba(255, 255, 255, 0.055) 58%, transparent 78%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 50%);
    opacity: 0.74;
    pointer-events: none;
    z-index: 0;
}

.nav-wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow:
        inset 2px 2px 2px rgba(255, 255, 255, 0.48),
        inset -2px -2px 2px rgba(255, 255, 255, 0.16),
        inset 0 0 18px rgba(255, 255, 255, 0.075);
    pointer-events: none;
    z-index: 1;
}

.logo,
.nav-menu,
.menu-toggle,
.mobile-wishlist-link,
.mobile-cart-link {
    position: relative;
    z-index: 2;
}

nav .logo,
nav .mobile-wishlist-link,
nav .mobile-cart-link {
    color: var(--gold);
    -webkit-text-fill-color: var(--gold);
    text-shadow:
        0 1px 1px rgba(0, 0, 0, 0.62),
        0 2px 6px rgba(0, 0, 0, 0.38),
        0 0 10px rgba(0, 0, 0, 0.22),
        0 0 12px rgba(201, 169, 98, 0.32);
}

nav .logo {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

nav .brand-flame,
nav .logo .brand-flame {
    color: var(--gold);
    -webkit-text-fill-color: var(--gold);
}

nav .wishlist-heart-svg,
nav .cart-bag-svg,
nav .mobile-wishlist-icon,
nav .mobile-cart-icon {
    color: var(--gold);
    filter:
        drop-shadow(0 1px 1px rgba(0, 0, 0, 0.62))
        drop-shadow(0 2px 6px rgba(0, 0, 0, 0.38))
        drop-shadow(0 0 10px rgba(0, 0, 0, 0.22))
        drop-shadow(0 0 8px rgba(201, 169, 98, 0.36));
}

nav .wishlist-count,
nav .cart-count {
    color: #050505;
    -webkit-text-fill-color: #050505;
    text-shadow: none;
}

nav .menu-toggle span {
    box-shadow:
        0 1px 1px rgba(0, 0, 0, 0.62),
        0 0 8px rgba(201, 169, 98, 0.40);
}

@media (max-width: 1366px) and (min-width: 769px) {
    nav {
        padding: 0 1.8rem;
    }

    .nav-wrapper {
        min-height: 68px;
        padding: 0.85rem 1.35rem;
    }

}

@media (max-width: 1140px) and (min-width: 769px) {
    nav {
        padding: 0 1.2rem;
    }

    .nav-wrapper {
        min-height: 64px;
        padding: 0.8rem 1.1rem;
    }

}

@media (max-width: 1024px) and (min-width: 769px) {
    nav {
        padding: 0 0.85rem;
    }

    .nav-wrapper {
        min-height: 60px;
        padding: 0.72rem 0.95rem;
        gap: 0.5rem;
    }

    nav .logo {
        font-size: 1.32rem;
        letter-spacing: 0.055em;
        line-height: 1;
        flex: 0 0 auto;
    }

    nav .nav-menu {
        gap: 0.42rem;
        min-width: 0;
    }

    nav .nav-menu a {
        font-size: 0.82rem;
        letter-spacing: 0.025em;
    }

    nav .nav-menu .nav-wishlist-item {
        margin-left: 0.24rem;
    }

    nav .wishlist-heart-svg,
    nav .cart-bag-svg {
        width: 17px;
        height: 17px;
    }

    nav .wishlist-count,
    nav .cart-count {
        min-width: 15px;
        height: 15px;
        top: -5px;
        right: -8px;
        font-size: 0.52rem;
    }
}

@media (max-width: 900px) and (min-width: 769px) {
    nav .logo {
        font-size: 1.16rem;
        letter-spacing: 0.035em;
    }

    nav .nav-menu {
        gap: 0.3rem;
    }

    nav .nav-menu a {
        font-size: 0.76rem;
        letter-spacing: 0.018em;
    }
}

@media (max-width: 840px) and (min-width: 769px) {
    nav {
        padding: 0 0.55rem;
    }

    .nav-wrapper {
        min-height: 58px;
        padding: 0.66rem 0.72rem;
        gap: 0.36rem;
    }

    nav .logo {
        font-size: 1rem;
        letter-spacing: 0.018em;
    }

    nav .nav-menu {
        gap: 0.22rem;
    }

    nav .nav-menu a {
        font-size: 0.7rem;
        letter-spacing: 0.01em;
    }

    nav .wishlist-heart-svg,
    nav .cart-bag-svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 768px) {
    nav {
        top: calc(var(--promo-height, 0px) + env(safe-area-inset-top) + 8px);
        padding: 0 0.7rem;
        min-height: 0;
        height: auto;
        max-height: none;
        display: block;
    }

    .nav-wrapper {
        width: 100%;
        min-height: 78px;
        max-height: 78px;
        height: auto;
        padding: 0.72rem 1.14rem;
        gap: 0.28rem;
        border-radius: 999px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 38px 38px 36px;
        column-gap: 0.54rem;
        justify-content: stretch;
        justify-items: center;
        flex-wrap: nowrap;
        overflow: visible;
        align-items: center;
    }

    nav .logo {
        grid-column: 1;
        justify-self: start;
        order: initial;
        flex: initial;
        min-width: 0;
        max-width: 100%;
        font-size: clamp(1.16rem, 4.85vw, 1.34rem);
        letter-spacing: 0;
        line-height: 1;
        margin-right: 0;
        overflow: visible;
        text-overflow: unset;
        white-space: nowrap;
    }

    nav .mobile-wishlist-link,
    nav .mobile-cart-link {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        width: 38px;
        min-width: 38px;
        height: 38px;
        min-height: 38px;
    }

    nav .mobile-wishlist-link {
        grid-column: 2;
    }

    nav .mobile-cart-link {
        grid-column: 3;
    }

    nav .mobile-wishlist-link .mobile-wishlist-icon,
    nav .mobile-cart-link .mobile-cart-icon {
        width: 28px;
        height: 28px;
        color: var(--gold);
        stroke: currentColor;
    }

    nav .menu-toggle {
        grid-column: 4;
        justify-self: end;
        margin-left: 0.72rem;
    }

    nav .menu-toggle span {
        width: 24px;
    }

    nav.menu-open {
        top: calc(var(--promo-height, 0px) + env(safe-area-inset-top) + 8px);
        pointer-events: auto;
    }

    nav.menu-open .nav-wrapper {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        pointer-events: auto;
    }

    nav.menu-open .logo,
    nav.menu-open .mobile-wishlist-link,
    nav.menu-open .mobile-cart-link,
    nav.menu-open .menu-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    nav.menu-open .logo {
        display: block !important;
    }

    nav.menu-open .nav-menu,
    nav .nav-menu.active {
        top: 55px !important;
        bottom: auto !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        transform: translateY(0) scale(1) !important;
        pointer-events: auto;
        z-index: 1200;
    }

    nav .menu-close-btn {
        z-index: 1201;
    }

    nav .nav-menu {
        position: absolute !important;
        top: 55px !important;
        bottom: auto !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        background: rgba(255, 255, 255, 0.96) !important;
        -webkit-backdrop-filter: blur(18px) saturate(145%);
        backdrop-filter: blur(18px) saturate(145%);
        opacity: 0 !important;
        transform: translateY(-8px) scale(.98) !important;
        pointer-events: none !important;
        z-index: 1200 !important;
        overscroll-behavior: auto;
        will-change: transform, opacity;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    nav .nav-menu.active {
        opacity: 1 !important;
        transform: translateY(0) scale(1) !important;
        pointer-events: auto !important;
    }

    nav .nav-menu.is-closing {
        opacity: 1 !important;
        transition: transform 0.24s cubic-bezier(0.32, 0.72, 0, 1), opacity 0s linear 0.24s !important;
    }

    nav .nav-menu.is-closing-immediate {
        transition: none !important;
    }

    nav .nav-menu li > a:focus,
    nav .nav-menu li > a:visited,
    nav .nav-menu li > a:hover {
        background: transparent !important;
        color: var(--white) !important;
        -webkit-text-fill-color: var(--white) !important;
        border-color: transparent !important;
    }

    nav .nav-menu li > a:active {
        background: transparent !important;
        color: var(--white) !important;
        -webkit-text-fill-color: var(--white) !important;
        border-color: transparent !important;
    }

    nav .nav-menu > li > a.mobile-menu-link-pressed,
    nav .nav-menu > li > a.mobile-menu-link-pressed:visited,
    nav .nav-menu > li > a.mobile-menu-link-pressed:hover,
    nav .nav-menu > li > a.mobile-menu-link-pressed:focus,
    nav .nav-menu > li > a.mobile-menu-link-pressed:active {
        color: var(--gold) !important;
        -webkit-text-fill-color: var(--gold) !important;
        text-shadow: 0 0 14px rgba(201, 169, 98, 0.22);
        transition: color 0.16s ease, text-shadow 0.16s ease !important;
    }

    nav .nav-menu.active > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a,
    nav .nav-menu.active > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:visited,
    nav .nav-menu.active > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:focus,
    nav .nav-menu.active > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:hover {
        color: var(--white) !important;
        -webkit-text-fill-color: var(--white) !important;
    }

    nav .nav-menu.active > li > a.mobile-menu-link-pressed,
    nav .nav-menu.active > li > a.mobile-menu-link-pressed:visited,
    nav .nav-menu.active > li > a.mobile-menu-link-pressed:hover,
    nav .nav-menu.active > li > a.mobile-menu-link-pressed:focus,
    nav .nav-menu.active > li > a.mobile-menu-link-pressed:active {
        color: var(--gold) !important;
        -webkit-text-fill-color: var(--gold) !important;
        text-shadow: 0 0 14px rgba(201, 169, 98, 0.22);
    }
}

@media (max-width: 430px) {
    nav {
        padding: 0 0.55rem;
    }

    .nav-wrapper {
        min-height: 74px;
        max-height: 74px;
        padding: 0.67rem 1rem;
        grid-template-columns: minmax(0, 1fr) 35px 35px 34px;
        column-gap: 0.46rem;
    }

    nav .logo {
        font-size: clamp(1.08rem, 4.6vw, 1.24rem);
        letter-spacing: 0;
    }

    nav .mobile-wishlist-link,
    nav .mobile-cart-link {
        width: 35px;
        min-width: 35px;
        height: 35px;
        min-height: 35px;
    }

    nav .mobile-wishlist-link .mobile-wishlist-icon,
    nav .mobile-cart-link .mobile-cart-icon {
        width: 25px;
        height: 25px;
        color: var(--gold);
        stroke: currentColor;
    }

    nav .menu-toggle {
        margin-left: 0.62rem;
    }

    nav .menu-toggle span {
        width: 22px;
    }

}

@media (max-width: 390px) {
    nav {
        padding: 0 0.45rem;
        min-height: 0;
        display: block;
    }

    .nav-wrapper {
        min-height: 69px;
        max-height: 69px;
        padding: 0.6rem 0.86rem;
        grid-template-columns: minmax(0, 1fr) 32px 32px 31px;
        column-gap: 0.38rem;
    }

    nav .logo {
        font-size: clamp(1rem, 4.35vw, 1.14rem);
        letter-spacing: 0;
    }

    nav .mobile-wishlist-link,
    nav .mobile-cart-link {
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
    }

    nav .mobile-wishlist-link .mobile-wishlist-icon,
    nav .mobile-cart-link .mobile-cart-icon {
        width: 23px;
        height: 23px;
        color: var(--gold);
        stroke: currentColor;
    }

    nav .menu-toggle {
        margin-left: 0.5rem;
    }

    nav .menu-toggle span {
        width: 20px;
    }

}

@media (max-width: 340px) {
    nav {
        padding: 0 0.34rem;
    }

    .nav-wrapper {
        min-height: 64px;
        max-height: 64px;
        padding: 0.55rem 0.72rem;
        grid-template-columns: minmax(0, 1fr) 30px 30px 29px;
        column-gap: 0.3rem;
    }

    nav .logo {
        font-size: 0.94rem;
        letter-spacing: 0;
    }

    nav .mobile-wishlist-link,
    nav .mobile-cart-link {
        width: 30px;
        min-width: 30px;
        height: 30px;
        min-height: 30px;
    }

    nav .mobile-wishlist-link .mobile-wishlist-icon,
    nav .mobile-cart-link .mobile-cart-icon {
        width: 21px;
        height: 21px;
        color: var(--gold);
        stroke: currentColor;
    }

    nav .menu-toggle {
        margin-left: 0.4rem;
        gap: 5px;
    }

    nav .menu-toggle span {
        width: 18px;
    }
}
/* Final guard: keep navigation as floating island only, no full-width top strip. */
nav {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

nav::before,
nav::after {
    content: none !important;
    display: none !important;
}

/* Match key page headers to the Accesorii typography scale. */
.blog-page .blog-header h1,
.blog-page .blog-header .section-title,
.blog-header .section-title {
    color: var(--black) !important;
    -webkit-text-fill-color: var(--black) !important;
}

.contact-page .contact-header h1,
.contact-page .contact-header .section-title,
.about-page .about-main-title,
.about-page .section-title,
.legal-page .legal-container h1,
.legal-page .legal-container h2,
.legal-page .legal-container h3 {
    color: var(--black) !important;
    -webkit-text-fill-color: var(--black) !important;
}



.contact-page .contact-info,
.contact-page .contact-form,
.contact-page .contact-info h2,
.contact-page .contact-form h2,
.contact-page .form-group,
.contact-page .form-group label,
.contact-page .form-group input,
.contact-page .form-group textarea,
.contact-page .checkbox-group label,
.legal-page .legal-container,
.legal-page .legal-container p,
.legal-page .legal-container li,
.legal-page .legal-container td,
.cart-page .cart-title,
.cart-page .cart-subtitle,
.cart-page .cart-list,
.cart-page .cart-item,
.cart-page .cart-item-main h3,
.cart-page .cart-item-meta,
.cart-page .cart-item-qty,
.cart-page .cart-item-price,
.cart-page .cart-summary-row,
.cart-page .order-total,
.checkout-page .checkout-title,
.checkout-page .checkout-card,
.checkout-page .checkout-summary,
.checkout-page .checkout-summary h3,
.checkout-page .checkout-card label,
.checkout-page .checkout-card input,
.checkout-page .checkout-card select,
.checkout-page .checkout-card textarea,
.checkout-page .order-line,
.checkout-page .order-line-top,
.checkout-page .order-line-meta,
.checkout-page .cart-summary-row,
.checkout-page .order-total,
.checkout-page .checkout-consent,
.checkout-page .spam-notice,
.thankyou-page .thankyou-card,
.thankyou-page .thankyou-card h1,
.thankyou-page .thankyou-intro,
.thankyou-page .thankyou-panel,
.thankyou-page .thankyou-panel h2,
.thankyou-page .thankyou-panel p,
.thankyou-page .thankyou-products,
.thankyou-page .thankyou-products h2,
.thankyou-page .thankyou-item,
.thankyou-page .thankyou-item-top,
.thankyou-page .thankyou-item-meta {
    color: var(--black) !important;
    -webkit-text-fill-color: var(--black) !important;
}

.legal-page .legal-container th {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}

.cart-page .cart-item-meta,
.checkout-page .order-line-meta,
.thankyou-page .thankyou-item-meta,
.contact-page .spam-notice {
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
}

.contact-page a,
.legal-page a,
.cart-page a,
.checkout-page a,
.contact-page .contact-header .section-desc,
.contact-page .contact-header p,
.checkout-page .checkout-subtitle,
.cart-page .cart-subtitle,
.checkout-page .spam-notice strong,
.thankyou-page .thankyou-badge {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}

.contact-page .btn-primary,
.contact-page .submit-btn,
.cart-page .btn-primary,
.checkout-page .btn-primary,
.thankyou-page .btn-primary {
    color: var(--white) !important;
    -webkit-text-fill-color: var(--white) !important;
}

.legal-page.about-page .legal-container .about-cta-btn {
    background: var(--black) !important;
    border: none !important;
    color: var(--white) !important;
    -webkit-text-fill-color: var(--white) !important;
}

.legal-page.about-page .about-cta-btn,
.legal-page.about-page .about-cta-btn span {
    color: var(--white) !important;
    -webkit-text-fill-color: var(--white) !important;
}

.contact-page .btn-primary:focus,
.contact-page .btn-primary:focus-visible,
.contact-page .btn-primary:hover,
.contact-page .btn-primary:active,
.contact-page .submit-btn:hover,
.contact-page .submit-btn:focus,
.contact-page .submit-btn:focus-visible,
.contact-page .submit-btn:active,
.cart-page .btn-primary:hover,
.cart-page .btn-primary:focus,
.cart-page .btn-primary:focus-visible,
.cart-page .btn-primary:active,
.checkout-page .btn-primary:hover,
.checkout-page .btn-primary:focus,
.checkout-page .btn-primary:focus-visible,
.checkout-page .btn-primary:active,
.thankyou-page .btn-primary:hover,
.thankyou-page .btn-primary:focus,
.thankyou-page .btn-primary:focus-visible,
.thankyou-page .btn-primary:active {
    color: var(--black) !important;
    -webkit-text-fill-color: var(--black) !important;
}

.about-page .about-cta-btn:hover,
.about-page .about-cta-btn:focus,
.about-page .about-cta-btn:focus-visible,
.about-page .about-cta-btn:active {
    background: var(--gold) !important;
    color: var(--black) !important;
    -webkit-text-fill-color: var(--black) !important;
    border-color: var(--gold) !important;
}

.about-page .about-cta-btn:hover span,
.about-page .about-cta-btn:focus span,
.about-page .about-cta-btn:focus-visible span,
.about-page .about-cta-btn:active span {
    color: var(--black) !important;
    -webkit-text-fill-color: var(--black) !important;
}

.blog-page .blog-category-btn:hover,
.blog-page .blog-category-btn:focus,
.blog-page .blog-category-btn:focus-visible,
.blog-page .blog-category-btn:active,
.blog-page .blog-category-btn.active,
.blog-page .blog-card:hover .blog-card-link,
.blog-page .blog-card:focus .blog-card-link,
.blog-page .blog-card:focus-visible .blog-card-link,
.legal-page.about-page .about-cta-btn:hover,
.legal-page.about-page .about-cta-btn:focus,
.legal-page.about-page .about-cta-btn:focus-visible,
.legal-page.about-page .about-cta-btn:active {
    color: var(--black) !important;
    -webkit-text-fill-color: var(--black) !important;
}

.legal-page.about-page .about-cta-btn:hover span,
.legal-page.about-page .about-cta-btn:focus span,
.legal-page.about-page .about-cta-btn:focus-visible span,
.legal-page.about-page .about-cta-btn:active span {
    color: var(--black) !important;
    -webkit-text-fill-color: var(--black) !important;
}

/* Unified gold CTA treatment, matching the homepage hero button. */
.about-cta-btn,
.btn-primary,
.submit-btn,
.newsletter-btn,
.review-submit-btn,
.collection-category-btn,
.select-options-btn,
.add-to-cart-btn,
.wishlist-btn-primary {
    border: 1px solid rgba(244, 211, 158, 0.75) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f0cf99 0%, #c9924f 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.25) !important;
    font-weight: 700;
    line-height: 1.1;
    transition: transform 0.28s ease, color 0.4s, border-color 0.4s, background 0.4s, box-shadow 0.28s ease !important;
}

.about-cta-btn span,
.btn-primary span,
.submit-btn span,
.newsletter-btn span,
.review-submit-btn span,
.collection-category-btn span,
.select-options-btn span,
.add-to-cart-btn span,
.wishlist-btn-primary span {
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
}

.about-cta-btn::before,
.btn-primary::before,
.submit-btn::before,
.newsletter-btn::before,
.review-submit-btn::before,
.collection-category-btn::before,
.select-options-btn::before,
.add-to-cart-btn::before,
.wishlist-btn-primary::before {
    background: rgba(255, 255, 255, 0.18) !important;
}

.about-cta-btn:hover,
.about-cta-btn:focus,
.about-cta-btn:focus-visible,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-visible,
.submit-btn:hover,
.submit-btn:focus,
.submit-btn:focus-visible,
.newsletter-btn:hover,
.newsletter-btn:focus,
.newsletter-btn:focus-visible,
.review-submit-btn:hover,
.review-submit-btn:focus,
.review-submit-btn:focus-visible,
.collection-category-btn:hover,
.collection-category-btn:focus,
.collection-category-btn:focus-visible,
.select-options-btn:hover,
.select-options-btn:focus,
.select-options-btn:focus-visible,
.add-to-cart-btn:hover,
.add-to-cart-btn:focus,
.add-to-cart-btn:focus-visible,
.wishlist-btn-primary:hover,
.wishlist-btn-primary:focus,
.wishlist-btn-primary:focus-visible {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    transform: translateY(-3px);
    box-shadow: 0 22px 38px rgba(0, 0, 0, 0.32) !important;
}

.about-cta-btn:hover span,
.about-cta-btn:focus span,
.about-cta-btn:focus-visible span,
.btn-primary:hover span,
.btn-primary:focus span,
.btn-primary:focus-visible span,
.submit-btn:hover span,
.submit-btn:focus span,
.submit-btn:focus-visible span,
.newsletter-btn:hover span,
.newsletter-btn:focus span,
.newsletter-btn:focus-visible span,
.review-submit-btn:hover span,
.review-submit-btn:focus span,
.review-submit-btn:focus-visible span,
.collection-category-btn:hover span,
.collection-category-btn:focus span,
.collection-category-btn:focus-visible span,
.select-options-btn:hover span,
.select-options-btn:focus span,
.select-options-btn:focus-visible span,
.add-to-cart-btn:hover span,
.add-to-cart-btn:focus span,
.add-to-cart-btn:focus-visible span,
.wishlist-btn-primary:hover span,
.wishlist-btn-primary:focus span,
.wishlist-btn-primary:focus-visible span {
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
}

.collection-category-btn.is-active {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
}

.select-options-btn.disabled,
.select-options-btn.disabled:hover,
.select-options-btn.disabled:focus,
.select-options-btn.disabled:focus-visible,
.select-options-btn[aria-disabled="true"],
.select-options-btn[aria-disabled="true"]:hover,
.select-options-btn[aria-disabled="true"]:focus,
.select-options-btn[aria-disabled="true"]:focus-visible {
    background: transparent !important;
    color: #ff4a4a !important;
    -webkit-text-fill-color: #ff4a4a !important;
    border-color: #cf2f2f !important;
    transform: none !important;
    box-shadow: none !important;
}

.add-to-cart-btn:disabled,
.add-to-cart-btn:disabled:hover,
.add-to-cart-btn:disabled:focus,
.add-to-cart-btn:disabled:focus-visible,
.product-detail-page.unavailable #detailAddToCart,
.product-detail-page.unavailable #detailAddToCart:hover,
.product-detail-page.unavailable #detailAddToCart:focus,
.product-detail-page.unavailable #detailAddToCart:focus-visible,
.product-detail-page.unavailable #detailAddToCart:active {
    transform: none !important;
    box-shadow: none !important;
}

.add-to-cart-btn:disabled,
.add-to-cart-btn:disabled:hover,
.add-to-cart-btn:disabled:focus,
.add-to-cart-btn:disabled:focus-visible,
.product-detail-page.unavailable #detailAddToCart,
.product-detail-page.unavailable #detailAddToCart:hover,
.product-detail-page.unavailable #detailAddToCart:focus,
.product-detail-page.unavailable #detailAddToCart:focus-visible,
.product-detail-page.unavailable #detailAddToCart:active {
    background: transparent !important;
    color: #ff6b6b !important;
    -webkit-text-fill-color: #ff6b6b !important;
    border-color: #ff3f3f !important;
    opacity: 1 !important;
    text-shadow: 0 0 10px rgba(255, 107, 107, 0.28);
}

.add-to-cart-btn.is-loading,
.add-to-cart-btn.is-loading:hover,
.add-to-cart-btn.is-loading:focus,
.add-to-cart-btn.is-loading:focus-visible,
.add-to-cart-btn.is-loading:active,
.add-to-cart-btn.is-loading:disabled,
.add-to-cart-btn.is-added,
.add-to-cart-btn.is-added:hover,
.add-to-cart-btn.is-added:focus,
.add-to-cart-btn.is-added:focus-visible,
.add-to-cart-btn.is-added:active {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    box-shadow: 0 22px 38px rgba(0, 0, 0, 0.32) !important;
}

.add-to-cart-btn.is-loading .add-to-cart-icon {
    border-color: rgba(7, 7, 7, 0.32) !important;
    border-top-color: #070707 !important;
}

.add-to-cart-btn.is-added .add-to-cart-icon {
    color: #070707 !important;
}

.newsletter-popup-fields .newsletter-btn,
.newsletter-popup-fields .newsletter-btn:hover,
.newsletter-popup-fields .newsletter-btn:focus,
.newsletter-popup-fields .newsletter-btn:focus-visible,
.newsletter-popup-fields .newsletter-btn:active {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    box-shadow: 0 22px 38px rgba(0, 0, 0, 0.32) !important;
}

.newsletter-popup-fields .newsletter-btn span,
.newsletter-popup-fields .newsletter-btn:hover span,
.newsletter-popup-fields .newsletter-btn:focus span,
.newsletter-popup-fields .newsletter-btn:focus-visible span,
.newsletter-popup-fields .newsletter-btn:active span {
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
}

@media (min-width: 769px) {
    .contact-header .section-title,
    .blog-header .section-title,
    .about-intro-content .about-main-title,
    .legal-page.legal-gap-half .legal-container > .about-main-title,
    .guide-page.legal-gap-half .legal-container > h1 {
        font-size: 2.4rem !important;
        line-height: 1 !important;
        letter-spacing: 0.06em !important;
    }

    .contact-header .section-desc,
    .blog-header p,
    .legal-page.legal-gap-half .legal-container > .about-intro-title,
    .guide-page.legal-gap-half .legal-container > h1 + h2 {
        font-size: 1.1rem !important;
    }
}

/* Align top spacing with the Accesorii collection page. */
@media (min-width: 769px) {
    .contact-page.footer-gap-3rem,
    .blog-page.footer-gap-3rem,
    .legal-page.about-page.footer-gap-3rem:not(.legal-gap-half),
    .guide-page.legal-gap-half {
        padding-top: 8rem !important;
    }
}

@media (max-width: 768px) {
    .contact-page.footer-gap-3rem,
    .blog-page.footer-gap-3rem,
    .legal-page.about-page.footer-gap-3rem:not(.legal-gap-half),
    .guide-page.legal-gap-half {
        padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 1.6rem) !important;
    }
}

/* Keep article back links aligned across all blog articles. */
.legal-page.legal-gap-half.about-page {
    padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 2.1rem) !important;
}

@media (max-width: 768px) {
    .legal-page.legal-gap-half.about-page {
        padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 1.75rem) !important;
    }
}

/* Match the thank-you page top spacing to the Accesorii collection page. */
@media (min-width: 769px) {
    .thankyou-page {
        padding-top: 8rem !important;
    }
}

@media (max-width: 768px) {
    .thankyou-page {
        padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 1.6rem) !important;
    }
}

/* Equal mobile top spacing for checkout flow pages. */
@media (max-width: 768px) {
    .wishlist-page,
    .checkout-page,
    .cart-page {
        padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 2.2rem) !important;
    }

    .cart-page .cart-title {
        margin-top: 0 !important;
    }
}

/* Keep the homepage hero content responsive across desktop, tablets and phones. */
.hero {
    justify-content: flex-start;
    padding-left: max(clamp(2rem, 7vw, 7rem), calc((100vw - 1600px) / 2 + 4rem));
    padding-right: 2rem;
}

.hero-content {
    max-width: min(1014px, 88vw);
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.hero-logo {
    justify-content: flex-start;
    transform: translateY(-2rem);
}

.hero-logo img {
    max-width: 100%;
}

.hero-seo {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.hero-subtitle {
    transform: translateY(-2rem);
}

.hero-cta-group {
    justify-content: flex-start;
}

@media (min-width: 769px) and (max-width: 1024px) {
    .hero {
        padding-left: clamp(2rem, 5vw, 3.5rem);
        padding-right: clamp(2rem, 5vw, 3.5rem);
        background-position: 56% center;
    }

    .hero-content {
        max-width: min(820px, 88vw);
    }

    .hero-logo {
        margin-top: clamp(2.5rem, 8vh, 5.5rem);
        transform: translateY(-1.4rem);
    }

    .hero-subtitle {
        font-size: clamp(0.82rem, 1.45vw, 1rem);
        letter-spacing: clamp(0.18em, 0.42vw, 0.36em);
        transform: translateY(-1.4rem);
    }
}

@media (max-width: 768px) {
    .hero {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + env(safe-area-inset-top) + clamp(1.1rem, 3.2svh, 2.6rem));
        padding-bottom: calc(env(safe-area-inset-bottom) + clamp(2.4rem, 8svh, 4.6rem));
        min-height: 0 !important;
        height: 100svh !important;
        background-attachment: scroll;
        background-size: cover;
        background-position: 65% 58%;
        align-items: center;
    }

    .hero-content {
        max-width: 100%;
        width: 100%;
        margin-top: clamp(-2.2rem, -4svh, -0.7rem);
        text-align: center;
    }

    .hero-logo,
    .hero-cta-group {
        justify-content: flex-start;
    }

    .hero-logo img {
        width: min(88vw, 540px);
        max-width: 100%;
    }

    .hero-subtitle {
        width: min(92vw, 620px);
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(0.74rem, 2.45vw, 0.92rem);
        line-height: 1.45;
        letter-spacing: clamp(0.12em, 1vw, 0.24em);
    }

    .hero-logo,
    .hero-subtitle {
        transform: translateY(clamp(-5.4rem, -10svh, -3.6rem));
    }

    .hero-cta-group {
        align-items: center;
        gap: clamp(0.65rem, 2svh, 1rem);
        margin-top: clamp(5rem, 14svh, 8.4rem);
    }

    html.ios-device .hero-logo,
    html.ios-device .hero-subtitle {
        transform: translateY(clamp(-5.9rem, -11svh, -4.2rem));
    }

    html.ios-device .hero-content {
        margin-top: clamp(-3.8rem, -7svh, -1.8rem);
    }

    html.ios-device .hero {
        min-height: 0 !important;
        height: 100svh !important;
    }
}

@media (max-width: 768px) and (max-height: 740px) {
    .hero {
        padding-bottom: calc(env(safe-area-inset-bottom) + 2rem);
    }

    .hero-content {
        margin-top: 0;
    }

    .hero-logo img {
        width: min(82vw, 440px);
    }

    .hero-subtitle {
        font-size: 0.72rem;
        line-height: 1.35;
        margin-bottom: 1.6rem;
    }

    .hero-cta-group {
        margin-top: clamp(3.6rem, 10svh, 5.6rem);
    }

    .hero-logo,
    .hero-subtitle {
        transform: translateY(clamp(-4.4rem, -8.4svh, -3rem));
    }

    html.ios-device .hero-logo,
    html.ios-device .hero-subtitle {
        transform: translateY(clamp(-4.9rem, -9svh, -3.5rem));
    }

    html.ios-device .hero-content {
        margin-top: clamp(-3rem, -6svh, -1.5rem);
    }
}

/* Slightly reduce the mobile gap above product photos on all detail pages. */
@media (max-width: 768px) {
    .product-detail-page {
        padding-top: calc(var(--promo-height, 0px) + var(--nav-height) + 0.95rem) !important;
    }

    .mobile-collection-back-btn {
        top: calc(var(--promo-height, 0px) + var(--nav-height) + 1.25rem) !important;
    }

    .product-detail-gallery {
        margin-top: 0 !important;
    }

    html.android-device .product-detail-gallery {
        margin-top: 0.65rem !important;
    }

    html.ios-device .product-detail-gallery {
        margin-top: 0 !important;
    }
}

/* NaturaFlame homepage hero layout. */
.hero {
    min-height: 100vh;
    min-height: 100dvh;
    height: 100vh;
    height: 100dvh;
    align-items: center;
    justify-content: flex-start;
    padding-left: max(clamp(2rem, 6.2vw, 6.4rem), calc((100vw - 1600px) / 2 + 4rem));
    padding-right: 2rem;
    background: url("hero-naturaflame-desktop.webp") right bottom / 94% auto no-repeat var(--black);
}

.hero-content {
    max-width: min(33rem, 44vw);
    margin: 0;
    text-align: left;
    color: #f4dfc2;
}

.hero-title {
    margin: 0 0 1.45rem;
    color: #efd8bc;
    font-family: 'Bodoni Moda', 'Bodoni Fallback', serif;
    font-size: clamp(4.25rem, 5.9vw, 6.65rem);
    font-weight: 600;
    line-height: 0.89;
    letter-spacing: 0;
    opacity: 0;
    animation: heroFadeIn 0.85s ease 0.3s forwards;
}

.hero-title-main,
.hero-title-script {
    display: block;
}

.hero-title-script {
    position: relative;
    width: max-content;
    margin-top: 0.02rem;
    color: #d6a865;
    font-family: 'Great Vibes', cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 1.02em;
    line-height: 0.82;
    letter-spacing: 0.01em;
}

.hero-title-script::after {
    content: '';
    position: absolute;
    left: 22%;
    bottom: -0.13em;
    width: 62%;
    height: 0.08em;
    border-bottom: 3px solid currentColor;
    border-radius: 50%;
    transform: rotate(-4deg);
    opacity: 0.9;
}

.hero-copy {
    max-width: 27rem;
    margin: 0 0 1.55rem;
    color: #dec09a;
    font-size: clamp(1.08rem, 1.42vw, 1.42rem);
    line-height: 1.55;
    opacity: 0;
    animation: heroFadeIn 0.85s ease 0.45s forwards;
}

.hero-kicker {
    display: none;
}

.hero-cta-group {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    margin: 0;
}

.hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 3.7rem;
    padding: 1rem 1.85rem;
    border: 1px solid rgba(244, 211, 158, 0.75);
    border-radius: 8px;
    background: linear-gradient(180deg, #f0cf99 0%, #c9924f 100%);
    color: #070707;
    -webkit-text-fill-color: #070707;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.25);
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    opacity: 0;
    animation: heroFadeIn 0.85s ease 0.6s forwards;
}

.hero-cta::before {
    background: rgba(255, 255, 255, 0.18);
}

.hero-cta:hover,
.hero-cta:focus,
.hero-cta:focus-visible {
    color: #070707;
    -webkit-text-fill-color: #070707;
    border-color: rgba(244, 211, 158, 0.95);
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%);
    transform: translateY(-3px);
    box-shadow: 0 22px 38px rgba(0, 0, 0, 0.32);
}

.hero-benefits {
    position: absolute;
    left: max(clamp(2rem, 6.2vw, 6.4rem), calc((100vw - 1600px) / 2 + 4rem));
    bottom: 5rem;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: clamp(2.1rem, 3.85vw, 4.05rem);
    color: rgba(214, 168, 101, 0.76);
}

.hero-benefit {
    display: flex;
    align-items: center;
    gap: 0.95rem;
    color: inherit;
    font-family: 'Lato', 'Lato Fallback', sans-serif;
    font-size: 0.98rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.hero-benefit-icon {
    width: 3.2rem;
    height: 3.2rem;
    flex: 0 0 3.2rem;
    stroke: currentColor;
}

.hero-benefit-icon--filled {
    fill: currentColor;
    stroke: none;
}

.hero-benefit-image {
    display: block;
    object-fit: contain;
    opacity: 0.76;
}

.hero-benefit-map-image {
    width: 4.55rem;
    flex-basis: 4.55rem;
}

@media (min-width: 1500px) {
    .hero-content {
        max-width: 34rem;
    }
}

@media (min-width: 769px) and (max-width: 1180px) {
    .hero {
        padding-left: clamp(2rem, 4vw, 3.5rem);
        background-position: 58% center;
    }

    .hero-content {
        max-width: min(30rem, 46vw);
    }

    .hero-title {
        font-size: clamp(3.4rem, 5.4vw, 4.9rem);
    }

}

@media (max-width: 768px) {
    .hero {
        min-height: 0 !important;
        height: 100svh !important;
        align-items: center;
        justify-content: flex-start;
        padding:
            calc(var(--promo-height, 0px) + var(--nav-height) + env(safe-area-inset-top) + clamp(1.2rem, 2.6svh, 2.1rem))
            1rem
            calc(env(safe-area-inset-bottom) + 8.4rem);
        background: url("hero-naturaflame-mobil.webp") center calc(100% + 0.8rem) / cover no-repeat var(--black);
    }

    .hero-content {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        transform: translateY(clamp(-6.2rem, -12svh, -4.4rem));
    }

    .hero-kicker {
        display: block;
        max-width: 22rem;
        margin: 0 auto 1.15rem;
        color: #d6a865;
        font-family: 'Lato', 'Lato Fallback', sans-serif;
        font-size: clamp(0.72rem, 3vw, 0.98rem);
        font-weight: 400;
        letter-spacing: 0.18em;
        line-height: 1.55;
        text-transform: uppercase;
    }

    .hero-title {
        margin-bottom: 1.35rem;
        font-size: clamp(3.55rem, 15.4vw, 5.45rem);
        line-height: 0.88;
    }

    .hero-title-script {
        margin-left: auto;
        margin-right: auto;
        font-size: 1.22em;
    }

    .hero-copy {
        max-width: 23rem;
        margin: 0 auto 1.15rem;
        font-size: clamp(1rem, 4.2vw, 1.28rem);
        line-height: 1.48;
        text-align: center;
    }

    .hero-cta-group {
        justify-content: flex-start;
        align-items: center;
        margin-top: 0;
        gap: 0.75rem;
    }

    .hero-cta {
        width: auto;
        min-width: 0;
        min-height: 3.25rem;
        padding: 0.9rem 1.18rem;
        font-size: clamp(0.68rem, 2.65vw, 0.8rem);
        letter-spacing: 0.1em;
    }

    #guidePopupTrigger {
        display: none;
    }

    .hero-benefits {
        left: 0.7rem;
        right: 0.7rem;
        bottom: calc(env(safe-area-inset-bottom) + 1.45rem);
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.35rem;
    }

    .hero-benefit {
        flex-direction: column;
        justify-content: flex-start;
        gap: 0.38rem;
        text-align: center;
        font-size: clamp(0.58rem, 2.55vw, 0.72rem);
        line-height: 1.45;
        letter-spacing: 0.11em;
    }

    .hero-benefit-icon {
        width: 2rem;
        height: 2rem;
        flex-basis: 2rem;
    }

    .hero-benefit-map-image {
        width: 2.9rem;
        flex-basis: 2rem;
    }

    html.ios-device .hero {
        min-height: 0 !important;
        height: 100svh !important;
    }
}

@media (max-width: 390px) {
    .hero {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .hero-title {
        font-size: clamp(3.05rem, 14vw, 4.15rem);
    }

}
.cart-page .btn-primary,
.cart-page .btn-secondary,
.checkout-page .btn-primary,
.checkout-page .btn-secondary,
.thankyou-page .btn-primary,
.thankyou-page .btn-secondary {
    border: 1px solid rgba(244, 211, 158, 0.75) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f0cf99 0%, #c9924f 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.25) !important;
    transition: transform 0.28s ease, color 0.4s, border-color 0.4s, background 0.4s, box-shadow 0.28s ease !important;
}

.cart-page .btn-primary span,
.cart-page .btn-secondary span,
.checkout-page .btn-primary span,
.checkout-page .btn-secondary span,
.thankyou-page .btn-primary span,
.thankyou-page .btn-secondary span {
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
}

.cart-page .btn-primary::before,
.cart-page .btn-secondary::before,
.checkout-page .btn-primary::before,
.checkout-page .btn-secondary::before,
.thankyou-page .btn-primary::before,
.thankyou-page .btn-secondary::before {
    background: rgba(255, 255, 255, 0.18) !important;
}

.cart-page .btn-primary:hover,
.cart-page .btn-primary:focus,
.cart-page .btn-primary:focus-visible,
.cart-page .btn-primary:active,
.cart-page .btn-secondary:hover,
.cart-page .btn-secondary:focus,
.cart-page .btn-secondary:focus-visible,
.cart-page .btn-secondary:active,
.checkout-page .btn-primary:hover,
.checkout-page .btn-primary:focus,
.checkout-page .btn-primary:focus-visible,
.checkout-page .btn-primary:active,
.checkout-page .btn-secondary:hover,
.checkout-page .btn-secondary:focus,
.checkout-page .btn-secondary:focus-visible,
.checkout-page .btn-secondary:active,
.thankyou-page .btn-primary:hover,
.thankyou-page .btn-primary:focus,
.thankyou-page .btn-primary:focus-visible,
.thankyou-page .btn-primary:active,
.thankyou-page .btn-secondary:hover,
.thankyou-page .btn-secondary:focus,
.thankyou-page .btn-secondary:focus-visible,
.thankyou-page .btn-secondary:active {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    transform: translateY(-3px);
    box-shadow: 0 22px 38px rgba(0, 0, 0, 0.32) !important;
}

.wishlist-page .empty-state-actions .btn-secondary[href="/"],
.cart-page .empty-state-actions .btn-secondary[href="/"],
.thankyou-page .thankyou-actions .btn-secondary[href="/"] {
    border: 1px solid rgba(244, 211, 158, 0.75) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f0cf99 0%, #c9924f 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.25) !important;
    transition: transform 0.28s ease, color 0.4s, border-color 0.4s, background 0.4s, box-shadow 0.28s ease !important;
}

.wishlist-page .empty-state-actions .btn-secondary[href="/"]::before,
.cart-page .empty-state-actions .btn-secondary[href="/"]::before,
.thankyou-page .thankyou-actions .btn-secondary[href="/"]::before {
    background: rgba(255, 255, 255, 0.18) !important;
}

.wishlist-page .empty-state-actions .btn-secondary[href="/"]:hover,
.wishlist-page .empty-state-actions .btn-secondary[href="/"]:focus,
.wishlist-page .empty-state-actions .btn-secondary[href="/"]:focus-visible,
.wishlist-page .empty-state-actions .btn-secondary[href="/"]:active,
.cart-page .empty-state-actions .btn-secondary[href="/"]:hover,
.cart-page .empty-state-actions .btn-secondary[href="/"]:focus,
.cart-page .empty-state-actions .btn-secondary[href="/"]:focus-visible,
.cart-page .empty-state-actions .btn-secondary[href="/"]:active,
.thankyou-page .thankyou-actions .btn-secondary[href="/"]:hover,
.thankyou-page .thankyou-actions .btn-secondary[href="/"]:focus,
.thankyou-page .thankyou-actions .btn-secondary[href="/"]:focus-visible,
.thankyou-page .thankyou-actions .btn-secondary[href="/"]:active {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    transform: translateY(-3px);
    box-shadow: 0 22px 38px rgba(0, 0, 0, 0.32) !important;
}

.product-detail-page.unavailable #detailAddToCart,
.product-detail-page.unavailable #detailAddToCart:hover,
.product-detail-page.unavailable #detailAddToCart:focus,
.product-detail-page.unavailable #detailAddToCart:focus-visible,
.product-detail-page.unavailable #detailAddToCart:active,
.product-detail-page.unavailable #detailAddToCart:disabled {
    color: #ff3f3f !important;
    -webkit-text-fill-color: #ff3f3f !important;
    text-shadow: none !important;
}

.product-detail-page.unavailable #detailAddToCart span,
.product-detail-page.unavailable #detailAddToCart:hover span,
.product-detail-page.unavailable #detailAddToCart:focus span,
.product-detail-page.unavailable #detailAddToCart:focus-visible span,
.product-detail-page.unavailable #detailAddToCart:active span,
.product-detail-page.unavailable #detailAddToCart:disabled span {
    color: #ff3f3f !important;
    -webkit-text-fill-color: #ff3f3f !important;
}

.favorite-btn.favorite-icon-btn,
.collection-card-actions .favorite-icon-btn,
.detail-fav-btn,
.collection-card-actions .favorite-icon-btn:hover,
.detail-fav-btn:hover,
.collection-card-actions .favorite-icon-btn.is-favorite,
.detail-fav-btn.is-favorite,
.collection-card-actions .favorite-icon-btn.is-favorite:hover,
.detail-fav-btn.is-favorite:hover {
    border-radius: 8px !important;
}

.cart-page .checkout-summary .btn-primary,
.cart-page .checkout-summary .btn-secondary,
.cart-page .empty-state-actions .btn-primary,
.cart-page .empty-state-actions .btn-secondary,
.wishlist-page .empty-state-actions .btn-primary,
.wishlist-page .empty-state-actions .btn-secondary,
.thankyou-page .thankyou-actions .btn-primary,
.thankyou-page .thankyou-actions .btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
    min-height: 3.7rem !important;
    padding: 1rem 1.85rem !important;
    border: 1px solid rgba(244, 211, 158, 0.75) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f0cf99 0%, #c9924f 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.25) !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
    animation: none !important;
    transition: transform 0.28s ease, color 0.4s, border-color 0.4s, background 0.4s, box-shadow 0.28s ease !important;
}

.cart-page .checkout-summary .btn-primary::before,
.cart-page .checkout-summary .btn-secondary::before,
.cart-page .empty-state-actions .btn-primary::before,
.cart-page .empty-state-actions .btn-secondary::before,
.wishlist-page .empty-state-actions .btn-primary::before,
.wishlist-page .empty-state-actions .btn-secondary::before,
.thankyou-page .thankyou-actions .btn-primary::before,
.thankyou-page .thankyou-actions .btn-secondary::before {
    background: rgba(255, 255, 255, 0.18) !important;
}

.cart-page .checkout-summary .btn-primary:hover,
.cart-page .checkout-summary .btn-primary:focus,
.cart-page .checkout-summary .btn-primary:focus-visible,
.cart-page .checkout-summary .btn-primary:active,
.cart-page .checkout-summary .btn-secondary:hover,
.cart-page .checkout-summary .btn-secondary:focus,
.cart-page .checkout-summary .btn-secondary:focus-visible,
.cart-page .checkout-summary .btn-secondary:active,
.cart-page .empty-state-actions .btn-primary:hover,
.cart-page .empty-state-actions .btn-primary:focus,
.cart-page .empty-state-actions .btn-primary:focus-visible,
.cart-page .empty-state-actions .btn-primary:active,
.cart-page .empty-state-actions .btn-secondary:hover,
.cart-page .empty-state-actions .btn-secondary:focus,
.cart-page .empty-state-actions .btn-secondary:focus-visible,
.cart-page .empty-state-actions .btn-secondary:active,
.wishlist-page .empty-state-actions .btn-primary:hover,
.wishlist-page .empty-state-actions .btn-primary:focus,
.wishlist-page .empty-state-actions .btn-primary:focus-visible,
.wishlist-page .empty-state-actions .btn-primary:active,
.wishlist-page .empty-state-actions .btn-secondary:hover,
.wishlist-page .empty-state-actions .btn-secondary:focus,
.wishlist-page .empty-state-actions .btn-secondary:focus-visible,
.wishlist-page .empty-state-actions .btn-secondary:active,
.thankyou-page .thankyou-actions .btn-primary:hover,
.thankyou-page .thankyou-actions .btn-primary:focus,
.thankyou-page .thankyou-actions .btn-primary:focus-visible,
.thankyou-page .thankyou-actions .btn-primary:active,
.thankyou-page .thankyou-actions .btn-secondary:hover,
.thankyou-page .thankyou-actions .btn-secondary:focus,
.thankyou-page .thankyou-actions .btn-secondary:focus-visible,
.thankyou-page .thankyou-actions .btn-secondary:active {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 22px 38px rgba(0, 0, 0, 0.32) !important;
}

.wishlist-page .empty-state-actions a.btn-secondary[href="/"],
.cart-page .empty-state-actions a.btn-secondary[href="/"],
.thankyou-page .thankyou-actions a.btn-secondary[href="/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
    min-height: 3.7rem !important;
    padding: 1rem 1.85rem !important;
    border: 1px solid rgba(244, 211, 158, 0.75) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f0cf99 0%, #c9924f 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.25) !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 0 !important;
    opacity: 1 !important;
    animation: none !important;
    transition: transform 0.28s ease, color 0.4s, border-color 0.4s, background 0.4s, box-shadow 0.28s ease !important;
}

.wishlist-page .empty-state-actions a.btn-secondary[href="/"]::before,
.cart-page .empty-state-actions a.btn-secondary[href="/"]::before,
.thankyou-page .thankyou-actions a.btn-secondary[href="/"]::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    transition: left 0.4s !important;
    z-index: -1 !important;
    display: block !important;
}

.wishlist-page .empty-state-actions a.btn-secondary[href="/"]:hover,
.wishlist-page .empty-state-actions a.btn-secondary[href="/"]:focus,
.wishlist-page .empty-state-actions a.btn-secondary[href="/"]:focus-visible,
.cart-page .empty-state-actions a.btn-secondary[href="/"]:hover,
.cart-page .empty-state-actions a.btn-secondary[href="/"]:focus,
.cart-page .empty-state-actions a.btn-secondary[href="/"]:focus-visible,
.thankyou-page .thankyou-actions a.btn-secondary[href="/"]:hover,
.thankyou-page .thankyou-actions a.btn-secondary[href="/"]:focus,
.thankyou-page .thankyou-actions a.btn-secondary[href="/"]:focus-visible {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 22px 38px rgba(0, 0, 0, 0.32) !important;
}

.wishlist-page .empty-state-actions a.btn-secondary[href="/"]:hover::before,
.wishlist-page .empty-state-actions a.btn-secondary[href="/"]:focus::before,
.wishlist-page .empty-state-actions a.btn-secondary[href="/"]:focus-visible::before,
.cart-page .empty-state-actions a.btn-secondary[href="/"]:hover::before,
.cart-page .empty-state-actions a.btn-secondary[href="/"]:focus::before,
.cart-page .empty-state-actions a.btn-secondary[href="/"]:focus-visible::before,
.thankyou-page .thankyou-actions a.btn-secondary[href="/"]:hover::before,
.thankyou-page .thankyou-actions a.btn-secondary[href="/"]:focus::before,
.thankyou-page .thankyou-actions a.btn-secondary[href="/"]:focus-visible::before {
    left: 0 !important;
}

.contact-page .form-group input::placeholder,
.contact-page .form-group textarea::placeholder,
.checkout-page .checkout-card input::placeholder,
.checkout-page .checkout-card textarea::placeholder {
    color: #757575 !important;
    -webkit-text-fill-color: #757575 !important;
    opacity: 1 !important;
}

.cart-page .checkout-summary .summary-actions .btn-primary,
.cart-page .checkout-summary .summary-actions .btn-secondary {
    width: 100% !important;
    min-height: 3.25rem !important;
    height: 3.25rem !important;
    padding: 0.9rem 1.18rem !important;
    font-family: 'Lato', 'Lato Fallback', sans-serif !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.13em !important;
    line-height: 1.1 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.cart-page .checkout-summary .summary-actions .btn-primary::before,
.cart-page .checkout-summary .summary-actions .btn-secondary::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.18) !important;
    transition: left 0.4s !important;
    z-index: -1 !important;
    display: block !important;
}

.cart-page .checkout-summary .summary-actions .btn-primary:hover::before,
.cart-page .checkout-summary .summary-actions .btn-primary:focus::before,
.cart-page .checkout-summary .summary-actions .btn-primary:focus-visible::before,
.cart-page .checkout-summary .summary-actions .btn-secondary:hover::before,
.cart-page .checkout-summary .summary-actions .btn-secondary:focus::before,
.cart-page .checkout-summary .summary-actions .btn-secondary:focus-visible::before {
    left: 0 !important;
}

.about-cta-btn,
.btn-primary,
.btn-secondary,
.submit-btn,
.newsletter-btn,
.review-submit-btn,
.collection-category-btn,
.blog-category-btn,
.select-options-btn,
.add-to-cart-btn,
.wishlist-btn-primary {
    max-height: 3.7rem !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    .about-cta-btn,
    .btn-primary,
    .btn-secondary,
    .submit-btn,
    .newsletter-btn,
    .review-submit-btn,
    .collection-category-btn,
    .blog-category-btn,
    .select-options-btn,
    .add-to-cart-btn,
    .wishlist-btn-primary {
        max-height: 3.25rem !important;
    }
}

@media (max-width: 1024px) {
    .about-cta-btn,
    .btn-primary,
    .btn-secondary,
    .submit-btn,
    .newsletter-btn,
    .review-submit-btn,
    .collection-category-btn,
    .blog-category-btn,
    .select-options-btn,
    .add-to-cart-btn,
    .wishlist-btn-primary {
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation;
    }

    .about-cta-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .newsletter-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .review-submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .collection-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .blog-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .select-options-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .wishlist-btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
        border-color: rgba(244, 211, 158, 0.95) !important;
        background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
        color: #070707 !important;
        -webkit-text-fill-color: #070707 !important;
        transform: translateY(1px) scale(0.985) !important;
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22) !important;
        transition: transform 0.12s ease, background 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease !important;
    }

    .about-cta-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .newsletter-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .review-submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .collection-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .blog-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .select-options-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .wishlist-btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before {
        left: 0 !important;
        background: rgba(255, 255, 255, 0.18) !important;
    }

    .about-cta-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .newsletter-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .review-submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .collection-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .blog-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .select-options-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .wishlist-btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span {
        color: #070707 !important;
        -webkit-text-fill-color: #070707 !important;
    }
}

@media (max-width: 1024px) {
    .collection-category-btn.is-active,
    .blog-page .blog-category-btn.active {
        border-color: rgba(255, 232, 190, 1) !important;
        background: linear-gradient(180deg, #ffe8bd 0%, #e4b46f 100%) !important;
        color: #070707 !important;
        -webkit-text-fill-color: #070707 !important;
        box-shadow: 0 18px 34px rgba(0, 0, 0, 0.24), 0 0 0 2px rgba(255, 232, 190, 0.34) !important;
        transform: none !important;
    }

    .collection-category-btn.is-active::before,
    .blog-page .blog-category-btn.active::before {
        left: 0 !important;
        background: rgba(255, 255, 255, 0.22) !important;
        display: block !important;
    }

    .collection-category-btn.is-active:active,
    .blog-page .blog-category-btn.active:active {
        background: linear-gradient(180deg, #fff0cc 0%, #e9bd7b 100%) !important;
        transform: translateY(1px) scale(0.985) !important;
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22), 0 0 0 2px rgba(255, 232, 190, 0.3) !important;
    }
}

.cart-page .checkout-summary .summary-actions .btn-primary,
.cart-page .checkout-summary .summary-actions .btn-secondary,
.checkout-page .checkout-card .btn-primary {
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18) !important;
}

.cart-page .checkout-summary .summary-actions .btn-primary:hover,
.cart-page .checkout-summary .summary-actions .btn-primary:focus,
.cart-page .checkout-summary .summary-actions .btn-primary:focus-visible,
.cart-page .checkout-summary .summary-actions .btn-secondary:hover,
.cart-page .checkout-summary .summary-actions .btn-secondary:focus,
.cart-page .checkout-summary .summary-actions .btn-secondary:focus-visible,
.checkout-page .checkout-card .btn-primary:hover,
.checkout-page .checkout-card .btn-primary:focus,
.checkout-page .checkout-card .btn-primary:focus-visible {
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.24) !important;
}

.cart-page .checkout-summary .summary-actions .btn-primary:active,
.cart-page .checkout-summary .summary-actions .btn-secondary:active,
.checkout-page .checkout-card .btn-primary:active {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
}

@media (max-width: 768px) {
    .hero-content {
        transform: translateY(clamp(-4rem, -7.5svh, -2.4rem)) !important;
    }
}

@media (max-width: 390px), (max-width: 430px) and (max-height: 740px) {
    html.ios-device .hero {
        min-height: 100lvh !important;
        height: 100lvh !important;
        max-height: 100lvh !important;
        background-size: cover !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }

    html.ios-device .hero-content {
        transform: translateY(clamp(-2.6rem, -4.8svh, -1.2rem)) !important;
    }
}

@media (min-width: 391px) and (max-width: 402px) and (min-height: 800px) and (max-height: 900px) {
    html.ios-device .hero {
        min-height: 100lvh !important;
        height: 100lvh !important;
        max-height: 100lvh !important;
        background-size: cover !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }

    html.ios-device .hero-content {
        transform: translateY(clamp(-1.8rem, -3.4svh, -0.8rem)) !important;
    }
}

@media (max-width: 768px) {
    html.ios-device .hero {
        min-height: 100lvh !important;
        height: 100lvh !important;
        max-height: 100lvh !important;
        background-size: cover !important;
        background-position: center bottom !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }

    html.ios-device .hero-content {
        transform: translateY(clamp(-1.8rem, -3.4svh, -0.8rem)) !important;
    }
}

/* Use Safari's full viewport height around the iPhone 15 Pro width. */
@media (min-width: 391px) and (max-width: 402px) {
    .hero {
        min-height: 0 !important;
        height: 100svh !important;
        max-height: 100svh !important;
    }

    html.ios-device .hero {
        min-height: 90vh !important;
        height: 90vh !important;
        max-height: 90vh !important;
        background-position: center calc(100% + 1.5rem) !important;
    }

}

@media (min-width: 403px) and (max-width: 768px) {
    .hero,
    html.ios-device .hero {
        min-height: 0 !important;
        height: 100svh !important;
        max-height: 100svh !important;
    }
}

@media (max-width: 768px) {
    nav .nav-menu > li.mobile-menu-footer > a.mobile-menu-mail,
    nav .nav-menu > li.mobile-menu-footer > a.mobile-menu-mail:visited,
    nav .nav-menu > li.mobile-menu-footer > a.mobile-menu-mail:hover,
    nav .nav-menu > li.mobile-menu-footer > a.mobile-menu-mail:focus {
        width: 100% !important;
        max-width: calc(100% + 1.4rem) !important;
        margin-left: -0.7rem !important;
        margin-right: -0.7rem !important;
        min-height: 44px;
        justify-content: center !important;
        text-align: center !important;
        color: var(--white) !important;
        -webkit-text-fill-color: var(--white) !important;
        font-size: clamp(1.02rem, 4.2vw, 1.22rem) !important;
        line-height: 1.2;
        letter-spacing: 0.03em !important;
        text-transform: lowercase !important;
    }

    nav .menu-close-btn,
    nav .menu-close-btn:hover,
    nav .menu-close-btn:focus,
    nav .menu-close-btn:active {
        color: var(--white) !important;
        -webkit-text-fill-color: var(--white) !important;
    }
}

@media (max-width: 1024px) {
    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation;
    }

    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
        border-color: rgba(244, 211, 158, 0.95) !important;
        background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
        color: #070707 !important;
        -webkit-text-fill-color: #070707 !important;
        transform: translateY(1px) scale(0.985) !important;
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22) !important;
        transition: transform 0.12s ease, background 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease !important;
    }

    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before {
        left: 0 !important;
        background: rgba(255, 255, 255, 0.18) !important;
    }

    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span {
        color: #070707 !important;
        -webkit-text-fill-color: #070707 !important;
    }
}

@media (max-width: 1024px) {
    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation;
    }

    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
        border-color: rgba(244, 211, 158, 0.95) !important;
        background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
        color: #070707 !important;
        -webkit-text-fill-color: #070707 !important;
        transform: translateY(1px) scale(0.985) !important;
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22) !important;
        transition: transform 0.12s ease, background 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease !important;
    }

    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before {
        left: 0 !important;
        background: rgba(255, 255, 255, 0.18) !important;
    }
}

@media (max-width: 768px) {
    nav .logo {
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        display: inline-block !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-family: 'Bodoni Moda', 'Bodoni Fallback', serif !important;
        font-size: clamp(1.16rem, 4.85vw, 1.34rem) !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        background-image: none !important;
        background-repeat: initial !important;
        background-position: initial !important;
        background-size: initial !important;
        transform: none !important;
    }

    nav .nav-menu > li > a,
    nav .nav-menu > li.mobile-collection-subitem > a,
    nav .nav-menu > li > a:visited,
    nav .nav-menu > li.mobile-collection-subitem > a:visited,
    nav .nav-menu > li > a:hover,
    nav .nav-menu > li.mobile-collection-subitem > a:hover,
    nav .nav-menu > li > a:focus,
    nav .nav-menu > li.mobile-collection-subitem > a:focus {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 40px !important;
        font-family: 'Bodoni Moda', 'Bodoni Fallback', serif !important;
        font-size: clamp(1.19rem, 4.6vw, 1.48rem) !important;
        font-weight: 600 !important;
        letter-spacing: 0.01em !important;
        line-height: 1.2 !important;
        text-transform: none !important;
        padding-left: 1.08rem !important;
        padding-right: 0 !important;
    }

    nav .nav-menu {
        justify-content: flex-start !important;
        padding-top: 14px !important;
        padding-bottom: 18px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    nav .nav-wrapper,
    nav .logo,
    nav .mobile-wishlist-link,
    nav .mobile-cart-link,
    nav .menu-toggle {
        align-items: center !important;
        align-self: center !important;
    }

    nav .nav-wrapper {
        grid-template-columns: 38px 38px minmax(0, 1fr) 36px !important;
    }

    nav .logo {
        position: absolute !important;
        left: 55% !important;
        top: 50% !important;
        justify-self: center !important;
        transform: translate(-50%, -50%) !important;
    }

    nav .mobile-wishlist-link {
        grid-column: 1 !important;
        justify-self: start !important;
    }

    nav .mobile-cart-link {
        grid-column: 2 !important;
        justify-self: start !important;
    }

    nav .menu-toggle {
        grid-column: 4 !important;
        justify-self: end !important;
        transform: translateX(-6px) !important;
    }

    nav .nav-menu > li.mobile-collection-subitem {
        display: flex !important;
    }

    nav .nav-menu a[href="/"],
    nav .nav-menu a[href="/lumanari-parfumate-soia"],
    nav .nav-menu a[href="/lumanari-soia-de-sezon"],
    nav .nav-menu a[href="/seturi-cadou"],
    nav .nav-menu a[href="/accesorii"],
    nav .nav-menu a[href="/blog"],
    nav .nav-menu a[href="/about"],
    nav .nav-menu a[href="/contact"] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 40px !important;
        font-family: 'Bodoni Moda', 'Bodoni Fallback', serif !important;
        font-size: clamp(1.19rem, 4.6vw, 1.48rem) !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.01em !important;
        padding-left: 1.08rem !important;
        padding-right: 0 !important;
        text-transform: none !important;
        color: var(--white) !important;
        -webkit-text-fill-color: var(--white) !important;
    }
}

@media (max-width: 768px) {
    .hero-content {
        transform: translateY(clamp(-4.6rem, -8.5svh, -3rem)) !important;
    }

    html.ios-device .hero-content {
        transform: translateY(clamp(-2.6rem, -4.8svh, -1.4rem)) !important;
    }

    html.samsung-internet .hero-content {
        transform: translateY(clamp(-3.2rem, -6.2svh, -2rem)) !important;
    }
}

@media (min-width: 391px) and (max-width: 402px) {
    html.ios-device .hero-content {
        transform: translateY(-0.4rem) !important;
    }
}

@media (max-width: 768px) {
    .checkout-page {
        overflow-x: hidden;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .checkout-container,
    .checkout-layout,
    .checkout-card,
    .checkout-summary,
    .checkout-card form,
    .checkout-card label,
    .checkout-payment-field,
    .checkout-delivery-field,
    .checkout-consent,
    .checkout-page .spam-notice,
    .checkout-pickup-note {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .checkout-layout {
        grid-template-columns: 1fr !important;
        gap: 1rem;
    }

    .checkout-card,
    .checkout-summary {
        padding: 1rem;
        overflow: hidden;
    }

    .checkout-card form {
        gap: 0.95rem;
    }

    .checkout-card .form-grid {
        grid-template-columns: 1fr !important;
        gap: 0.95rem;
    }

    .checkout-card input:not([type="checkbox"]),
    .checkout-card select,
    .checkout-card textarea {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .checkout-payment-select,
    .checkout-delivery-select {
        padding-right: 2.45rem;
    }

    .checkout-payment-field::after,
    .checkout-delivery-field::after {
        right: 0.95rem;
    }

    .checkout-consent,
    .checkout-page .spam-notice,
    .checkout-pickup-note {
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .checkout-consent span {
        min-width: 0;
    }

    .checkout-pickup-note:not([hidden]) {
        margin-bottom: -0.15rem !important;
    }

    .checkout-pickup-note:not([hidden]) + .checkout-consent {
        margin-top: -0.15rem !important;
    }

    .checkout-page .checkout-card .btn-primary {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
}

@media (max-width: 430px) {
    .checkout-page {
        padding-left: 0.55rem !important;
        padding-right: 0.55rem !important;
    }

    .checkout-card,
    .checkout-summary {
        padding: 0.85rem;
    }

    .checkout-page .spam-notice {
        padding: 0.62rem 0.7rem;
        font-size: 0.72rem;
    }
}

@media (max-width: 1024px) {
    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation;
    }

    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
        border-color: rgba(244, 211, 158, 0.95) !important;
        background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
        color: #070707 !important;
        -webkit-text-fill-color: #070707 !important;
        transform: translateY(1px) scale(0.985) !important;
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22) !important;
        transition: transform 0.12s ease, background 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease !important;
    }

    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before {
        left: 0 !important;
        background: rgba(255, 255, 255, 0.18) !important;
        display: block !important;
    }

    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active span {
        color: #070707 !important;
        -webkit-text-fill-color: #070707 !important;
    }
}

/* Final mobile-safe CTA lock: keep all gold buttons consistent with the homepage hero CTA. */
.hero-cta,
.about-cta-btn,
.submit-btn,
.newsletter-btn,
.review-submit-btn,
.collection-category-btn,
.select-options-btn,
.add-to-cart-btn,
.wishlist-btn-primary,
.cart-page .btn-primary,
.cart-page .btn-secondary,
.checkout-page .btn-primary,
.checkout-page .btn-secondary,
.wishlist-page .empty-state-actions .btn-primary,
.wishlist-page .empty-state-actions .btn-secondary,
.thankyou-page .btn-primary,
.thankyou-page .btn-secondary {
    position: relative !important;
    overflow: hidden !important;
    z-index: 0 !important;
    border: 1px solid rgba(244, 211, 158, 0.75) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f0cf99 0%, #c9924f 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.25) !important;
    transition: transform 0.28s ease, color 0.4s, border-color 0.4s, background 0.4s, box-shadow 0.28s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation;
}

.hero-cta::before,
.about-cta-btn::before,
.submit-btn::before,
.newsletter-btn::before,
.review-submit-btn::before,
.collection-category-btn::before,
.select-options-btn::before,
.add-to-cart-btn::before,
.wishlist-btn-primary::before,
.cart-page .btn-primary::before,
.cart-page .btn-secondary::before,
.checkout-page .btn-primary::before,
.checkout-page .btn-secondary::before,
.wishlist-page .empty-state-actions .btn-primary::before,
.wishlist-page .empty-state-actions .btn-secondary::before,
.thankyou-page .btn-primary::before,
.thankyou-page .btn-secondary::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background: rgba(255, 255, 255, 0.18) !important;
    transition: left 0.4s !important;
    z-index: -1 !important;
}

.hero-cta:hover,
.hero-cta:focus,
.hero-cta:focus-visible,
.hero-cta:active,
.about-cta-btn:hover,
.about-cta-btn:focus,
.about-cta-btn:focus-visible,
.about-cta-btn:active,
.submit-btn:hover,
.submit-btn:focus,
.submit-btn:focus-visible,
.submit-btn:active,
.newsletter-btn:hover,
.newsletter-btn:focus,
.newsletter-btn:focus-visible,
.newsletter-btn:active,
.review-submit-btn:hover,
.review-submit-btn:focus,
.review-submit-btn:focus-visible,
.review-submit-btn:active,
.collection-category-btn:hover,
.collection-category-btn:focus,
.collection-category-btn:focus-visible,
.collection-category-btn:active,
.select-options-btn:hover,
.select-options-btn:focus,
.select-options-btn:focus-visible,
.select-options-btn:active,
.add-to-cart-btn:hover,
.add-to-cart-btn:focus,
.add-to-cart-btn:focus-visible,
.add-to-cart-btn:active,
.wishlist-btn-primary:hover,
.wishlist-btn-primary:focus,
.wishlist-btn-primary:focus-visible,
.wishlist-btn-primary:active,
.cart-page .btn-primary:hover,
.cart-page .btn-primary:focus,
.cart-page .btn-primary:focus-visible,
.cart-page .btn-primary:active,
.cart-page .btn-secondary:hover,
.cart-page .btn-secondary:focus,
.cart-page .btn-secondary:focus-visible,
.cart-page .btn-secondary:active,
.checkout-page .btn-primary:hover,
.checkout-page .btn-primary:focus,
.checkout-page .btn-primary:focus-visible,
.checkout-page .btn-primary:active,
.checkout-page .btn-secondary:hover,
.checkout-page .btn-secondary:focus,
.checkout-page .btn-secondary:focus-visible,
.checkout-page .btn-secondary:active,
.wishlist-page .empty-state-actions .btn-primary:hover,
.wishlist-page .empty-state-actions .btn-primary:focus,
.wishlist-page .empty-state-actions .btn-primary:focus-visible,
.wishlist-page .empty-state-actions .btn-primary:active,
.wishlist-page .empty-state-actions .btn-secondary:hover,
.wishlist-page .empty-state-actions .btn-secondary:focus,
.wishlist-page .empty-state-actions .btn-secondary:focus-visible,
.wishlist-page .empty-state-actions .btn-secondary:active,
.thankyou-page .btn-primary:hover,
.thankyou-page .btn-primary:focus,
.thankyou-page .btn-primary:focus-visible,
.thankyou-page .btn-primary:active,
.thankyou-page .btn-secondary:hover,
.thankyou-page .btn-secondary:focus,
.thankyou-page .btn-secondary:focus-visible,
.thankyou-page .btn-secondary:active {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 22px 38px rgba(0, 0, 0, 0.32) !important;
}

.hero-cta:hover::before,
.hero-cta:focus::before,
.hero-cta:focus-visible::before,
.hero-cta:active::before,
.about-cta-btn:hover::before,
.about-cta-btn:focus::before,
.about-cta-btn:focus-visible::before,
.about-cta-btn:active::before,
.submit-btn:hover::before,
.submit-btn:focus::before,
.submit-btn:focus-visible::before,
.submit-btn:active::before,
.newsletter-btn:hover::before,
.newsletter-btn:focus::before,
.newsletter-btn:focus-visible::before,
.newsletter-btn:active::before,
.review-submit-btn:hover::before,
.review-submit-btn:focus::before,
.review-submit-btn:focus-visible::before,
.review-submit-btn:active::before,
.collection-category-btn:hover::before,
.collection-category-btn:focus::before,
.collection-category-btn:focus-visible::before,
.collection-category-btn:active::before,
.select-options-btn:hover::before,
.select-options-btn:focus::before,
.select-options-btn:focus-visible::before,
.select-options-btn:active::before,
.add-to-cart-btn:hover::before,
.add-to-cart-btn:focus::before,
.add-to-cart-btn:focus-visible::before,
.add-to-cart-btn:active::before,
.wishlist-btn-primary:hover::before,
.wishlist-btn-primary:focus::before,
.wishlist-btn-primary:focus-visible::before,
.wishlist-btn-primary:active::before,
.cart-page .btn-primary:hover::before,
.cart-page .btn-primary:focus::before,
.cart-page .btn-primary:focus-visible::before,
.cart-page .btn-primary:active::before,
.cart-page .btn-secondary:hover::before,
.cart-page .btn-secondary:focus::before,
.cart-page .btn-secondary:focus-visible::before,
.cart-page .btn-secondary:active::before,
.checkout-page .btn-primary:hover::before,
.checkout-page .btn-primary:focus::before,
.checkout-page .btn-primary:focus-visible::before,
.checkout-page .btn-primary:active::before,
.checkout-page .btn-secondary:hover::before,
.checkout-page .btn-secondary:focus::before,
.checkout-page .btn-secondary:focus-visible::before,
.checkout-page .btn-secondary:active::before,
.wishlist-page .empty-state-actions .btn-primary:hover::before,
.wishlist-page .empty-state-actions .btn-primary:focus::before,
.wishlist-page .empty-state-actions .btn-primary:focus-visible::before,
.wishlist-page .empty-state-actions .btn-primary:active::before,
.wishlist-page .empty-state-actions .btn-secondary:hover::before,
.wishlist-page .empty-state-actions .btn-secondary:focus::before,
.wishlist-page .empty-state-actions .btn-secondary:focus-visible::before,
.wishlist-page .empty-state-actions .btn-secondary:active::before,
.thankyou-page .btn-primary:hover::before,
.thankyou-page .btn-primary:focus::before,
.thankyou-page .btn-primary:focus-visible::before,
.thankyou-page .btn-primary:active::before,
.thankyou-page .btn-secondary:hover::before,
.thankyou-page .btn-secondary:focus::before,
.thankyou-page .btn-secondary:focus-visible::before,
.thankyou-page .btn-secondary:active::before {
    left: 0 !important;
}

.hero-cta span,
.about-cta-btn span,
.submit-btn span,
.newsletter-btn span,
.review-submit-btn span,
.collection-category-btn span,
.select-options-btn span,
.add-to-cart-btn span,
.wishlist-btn-primary span,
.cart-page .btn-primary span,
.cart-page .btn-secondary span,
.checkout-page .btn-primary span,
.checkout-page .btn-secondary span,
.wishlist-page .empty-state-actions .btn-primary span,
.wishlist-page .empty-state-actions .btn-secondary span,
.thankyou-page .btn-primary span,
.thankyou-page .btn-secondary span,
.hero-cta:hover span,
.hero-cta:focus span,
.hero-cta:focus-visible span,
.hero-cta:active span,
.about-cta-btn:hover span,
.about-cta-btn:focus span,
.about-cta-btn:focus-visible span,
.about-cta-btn:active span,
.submit-btn:hover span,
.submit-btn:focus span,
.submit-btn:focus-visible span,
.submit-btn:active span,
.newsletter-btn:hover span,
.newsletter-btn:focus span,
.newsletter-btn:focus-visible span,
.newsletter-btn:active span,
.review-submit-btn:hover span,
.review-submit-btn:focus span,
.review-submit-btn:focus-visible span,
.review-submit-btn:active span,
.collection-category-btn:hover span,
.collection-category-btn:focus span,
.collection-category-btn:focus-visible span,
.collection-category-btn:active span,
.select-options-btn:hover span,
.select-options-btn:focus span,
.select-options-btn:focus-visible span,
.select-options-btn:active span,
.add-to-cart-btn:hover span,
.add-to-cart-btn:focus span,
.add-to-cart-btn:focus-visible span,
.add-to-cart-btn:active span,
.wishlist-btn-primary:hover span,
.wishlist-btn-primary:focus span,
.wishlist-btn-primary:focus-visible span,
.wishlist-btn-primary:active span,
.cart-page .btn-primary:hover span,
.cart-page .btn-primary:focus span,
.cart-page .btn-primary:focus-visible span,
.cart-page .btn-primary:active span,
.cart-page .btn-secondary:hover span,
.cart-page .btn-secondary:focus span,
.cart-page .btn-secondary:focus-visible span,
.cart-page .btn-secondary:active span,
.checkout-page .btn-primary:hover span,
.checkout-page .btn-primary:focus span,
.checkout-page .btn-primary:focus-visible span,
.checkout-page .btn-primary:active span,
.checkout-page .btn-secondary:hover span,
.checkout-page .btn-secondary:focus span,
.checkout-page .btn-secondary:focus-visible span,
.checkout-page .btn-secondary:active span,
.wishlist-page .empty-state-actions .btn-primary:hover span,
.wishlist-page .empty-state-actions .btn-primary:focus span,
.wishlist-page .empty-state-actions .btn-primary:focus-visible span,
.wishlist-page .empty-state-actions .btn-primary:active span,
.wishlist-page .empty-state-actions .btn-secondary:hover span,
.wishlist-page .empty-state-actions .btn-secondary:focus span,
.wishlist-page .empty-state-actions .btn-secondary:focus-visible span,
.wishlist-page .empty-state-actions .btn-secondary:active span,
.thankyou-page .btn-primary:hover span,
.thankyou-page .btn-primary:focus span,
.thankyou-page .btn-primary:focus-visible span,
.thankyou-page .btn-primary:active span,
.thankyou-page .btn-secondary:hover span,
.thankyou-page .btn-secondary:focus span,
.thankyou-page .btn-secondary:focus-visible span,
.thankyou-page .btn-secondary:active span {
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
}

.add-to-cart-btn:disabled,
.add-to-cart-btn:disabled:hover,
.add-to-cart-btn:disabled:focus,
.add-to-cart-btn:disabled:focus-visible,
.add-to-cart-btn:disabled:active,
.select-options-btn.disabled,
.select-options-btn.disabled:hover,
.select-options-btn.disabled:focus,
.select-options-btn.disabled:focus-visible,
.select-options-btn.disabled:active,
.select-options-btn[aria-disabled="true"],
.select-options-btn[aria-disabled="true"]:hover,
.select-options-btn[aria-disabled="true"]:focus,
.select-options-btn[aria-disabled="true"]:focus-visible,
.select-options-btn[aria-disabled="true"]:active,
.product-detail-page.unavailable #detailAddToCart,
.product-detail-page.unavailable #detailAddToCart:hover,
.product-detail-page.unavailable #detailAddToCart:focus,
.product-detail-page.unavailable #detailAddToCart:focus-visible,
.product-detail-page.unavailable #detailAddToCart:active {
    background: transparent !important;
    border-color: #ff3f3f !important;
    color: #ff3f3f !important;
    -webkit-text-fill-color: #ff3f3f !important;
    transform: none !important;
    box-shadow: none !important;
}

@media (hover: none), (pointer: coarse) {
    .hero-cta::before,
    .about-cta-btn::before,
    .btn-primary::before,
    .btn-secondary::before,
    .submit-btn::before,
    .newsletter-btn::before,
    .review-submit-btn::before,
    .collection-category-btn::before,
    .blog-category-btn::before,
    .select-options-btn::before,
    .add-to-cart-btn::before,
    .wishlist-btn-primary::before,
    .cart-page .btn-primary::before,
    .cart-page .btn-secondary::before,
    .cart-page .empty-state-actions .btn-primary::before,
    .cart-page .empty-state-actions .btn-secondary::before,
    .checkout-page .btn-primary::before,
    .checkout-page .btn-secondary::before,
    .wishlist-page .empty-state-actions .btn-primary::before,
    .wishlist-page .empty-state-actions .btn-secondary::before,
    .thankyou-page .btn-primary::before,
    .thankyou-page .btn-secondary::before {
        display: none !important;
        transition: none !important;
    }

    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .about-cta-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .newsletter-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .review-submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .collection-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .blog-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .select-options-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .wishlist-btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .checkout-page .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .checkout-page .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .thankyou-page .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]),
    .thankyou-page .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
        transition: transform 0.12s ease, background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease !important;
    }

    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .about-cta-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .about-cta-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .about-cta-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .newsletter-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .newsletter-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .newsletter-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .review-submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .review-submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .review-submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .collection-category-btn:not(.is-active):not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .collection-category-btn:not(.is-active):not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .collection-category-btn:not(.is-active):not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .blog-category-btn:not(.active):not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .blog-category-btn:not(.active):not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .blog-category-btn:not(.active):not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .select-options-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .select-options-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .select-options-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .wishlist-btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .wishlist-btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .wishlist-btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible {
        transform: none !important;
    }

    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .about-cta-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .newsletter-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .review-submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .collection-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .blog-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .select-options-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .wishlist-btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .checkout-page .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .checkout-page .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .thankyou-page .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .thankyou-page .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
        border-color: rgba(255, 232, 190, 0.98) !important;
        background: linear-gradient(180deg, #ffe5b8 0%, #d0a05f 100%) !important;
        color: #070707 !important;
        -webkit-text-fill-color: #070707 !important;
        transform: translateY(1px) scale(0.985) !important;
        box-shadow: inset 0 0 0 2px rgba(255, 247, 232, 0.28), 0 8px 16px rgba(0, 0, 0, 0.2) !important;
    }

    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .wishlist-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .wishlist-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before {
        display: none !important;
        left: -100% !important;
        transition: none !important;
    }
}

/* BYD Romania header exact shell geometry */
@media (min-width:769px){
nav{top:calc(var(--promo-height,0px) + 16px);left:48px;right:48px;width:calc(100% - 96px);height:64px;padding:0;background:transparent;pointer-events:none}
nav .nav-wrapper{width:100%;max-width:none;min-height:64px;height:64px;padding:16px 64px;margin:0;gap:38px;border:0;border-radius:32px;background:linear-gradient(0deg,rgba(0,0,0,.33),rgba(0,0,0,.33)),linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1));-webkit-backdrop-filter:blur(4px) brightness(1.1) contrast(.95) saturate(1.1);backdrop-filter:blur(4px) brightness(1.1) contrast(.95) saturate(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));box-shadow:inset 0 1px 6px rgba(255,255,255,.4),inset 0 -5px 5px rgba(0,0,0,.1);pointer-events:auto}
nav .nav-wrapper::before{inset:0;padding:2px;border-radius:32px;opacity:1;background:linear-gradient(178deg,rgba(255,255,255,.66) 0%,rgba(0,0,0,.2) 75%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
nav .nav-wrapper::after{display:none}
nav .logo{flex:0 0 auto;color:#fff;-webkit-text-fill-color:#fff;font-size:1.42rem;line-height:32px;letter-spacing:.035em;text-shadow:none}
nav .nav-menu{width:100%;height:32px;margin:0;gap:0;align-items:center}
nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a{padding:6px 0;margin:0 10px;color:#fff;-webkit-text-fill-color:#fff;font-family:'Lato','Lato Fallback',sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0;text-transform:none;text-shadow:none;box-shadow:inset 0 -1px 0 transparent;transition:box-shadow .3s ease-in-out}
nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a:hover{color:#fff;-webkit-text-fill-color:#fff;transform:none;box-shadow:inset 0 -1px 0 #fff}
nav .nav-menu .nav-wishlist-item{margin-left:auto}
nav .nav-menu .nav-wishlist-item,nav .nav-menu .nav-cart-item{width:32px;height:32px;margin-right:20px}
nav .nav-menu .nav-cart-item{margin-right:0}
nav .nav-menu .wishlist-link,nav .nav-menu .cart-link{width:32px;height:32px;display:grid;place-items:center;padding:0;color:#fff;-webkit-text-fill-color:#fff;border-radius:4px;transition:background-color .3s}
nav .nav-menu .wishlist-link:hover,nav .nav-menu .cart-link:hover{color:#fff;-webkit-text-fill-color:#fff;background:rgba(255,255,255,.1);transform:none}
nav .nav-menu .wishlist-heart-svg,nav .nav-menu .cart-bag-svg{width:24px;height:24px;color:#fff;filter:none}
nav .nav-menu .wishlist-count,nav .nav-menu .cart-count{top:-4px;right:-5px;min-width:15px;height:15px;padding:0 3px;background:#fff;color:#252728;-webkit-text-fill-color:#252728;border:1px solid rgba(37,39,40,.2);font-size:9px}
}
@media (max-width:1200px) and (min-width:769px){nav{left:32px;right:32px;width:calc(100% - 64px)}nav .nav-wrapper{padding:16px 32px;gap:20px}nav .logo{font-size:1.24rem}nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a{margin:0 7px;font-size:13px}}
@media (max-width:900px) and (min-width:769px){nav{left:16px;right:16px;width:calc(100% - 32px)}nav .nav-wrapper{padding:16px 22px;gap:12px}nav .logo{font-size:1.08rem}nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a{margin:0 5px;font-size:12px}nav .nav-menu .nav-wishlist-item,nav .nav-menu .nav-cart-item{margin-right:10px}nav .nav-menu .nav-cart-item{margin-right:0}}
@media (max-width:768px){
nav{top:calc(var(--promo-height,0px) + env(safe-area-inset-top) + 16px)!important;left:32px;right:32px;width:calc(100% - 64px);height:48px;padding:0;pointer-events:none}
nav .nav-wrapper{width:100%;min-height:48px;max-height:48px;height:48px;padding:8px 24px;display:grid;grid-template-columns:minmax(0,1fr) 28px 28px 24px!important;column-gap:12px;border:0;border-radius:24px;background:linear-gradient(0deg,rgba(0,0,0,.33),rgba(0,0,0,.33)),linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1));-webkit-backdrop-filter:blur(4px) brightness(1.1) contrast(.95) saturate(1.1);backdrop-filter:blur(4px) brightness(1.1) contrast(.95) saturate(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));box-shadow:inset 0 1px 6px rgba(255,255,255,.4),inset 0 -5px 5px rgba(0,0,0,.1);pointer-events:auto}
nav .nav-wrapper::before{inset:0;padding:1px;border-radius:24px;opacity:1;background:linear-gradient(178deg,rgba(255,255,255,.66) 0%,rgba(0,0,0,.2) 75%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
nav .nav-wrapper::after{display:none}
nav .logo{position:static!important;grid-column:1!important;justify-self:start!important;transform:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:clamp(.88rem,4vw,1.05rem)!important;line-height:16px!important;letter-spacing:.01em!important;text-shadow:none}
nav .mobile-wishlist-link,nav .mobile-cart-link{width:28px;min-width:28px;height:28px;min-height:28px;color:#fff;-webkit-text-fill-color:#fff;text-shadow:none}
nav .mobile-wishlist-link{grid-column:2!important}nav .mobile-cart-link{grid-column:3!important}
nav .mobile-wishlist-link .mobile-wishlist-icon,nav .mobile-cart-link .mobile-cart-icon{width:20px;height:20px;color:#fff;filter:none}
nav .mobile-wishlist-link .wishlist-count,nav .mobile-cart-link .cart-count{top:-3px;right:-4px;min-width:14px;height:14px;padding:0 3px;background:#fff;color:#252728;-webkit-text-fill-color:#252728;font-size:8px}
nav .menu-toggle{position:relative;grid-column:4!important;justify-self:end!important;width:24px;height:24px;margin:0!important;transform:none!important;gap:0}
nav .menu-toggle span{position:absolute;left:4px;width:16px;height:2px;background:#fff;box-shadow:none;transition:transform .3s,opacity .3s,top .3s}
nav .menu-toggle span:nth-child(1){top:6px}nav .menu-toggle span:nth-child(2){top:11px}nav .menu-toggle span:nth-child(3){top:16px}
nav.menu-open .nav-wrapper{border-radius:24px 24px 0 0;background:#fff;box-shadow:0 4px 11px rgba(0,0,0,.14)}
nav.menu-open .logo,nav.menu-open .mobile-wishlist-link,nav.menu-open .mobile-cart-link{color:#252728!important;-webkit-text-fill-color:#252728!important}
nav.menu-open .menu-toggle span{background:#252728}nav.menu-open .menu-toggle span:nth-child(1){top:11px;transform:rotate(45deg)}nav.menu-open .menu-toggle span:nth-child(2){opacity:0}nav.menu-open .menu-toggle span:nth-child(3){top:11px;transform:rotate(-45deg)}
nav .nav-menu{top:calc(var(--promo-height,0px) + env(safe-area-inset-top) + 64px)!important;right:32px!important;bottom:auto!important;width:calc(100% - 64px)!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding-top:20px!important;border-radius:0 0 24px 24px!important;background:#fff!important;color:#252728!important;box-shadow:0 4px 11px rgba(0,0,0,.14)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:translateY(-12px) scale(.98)!important;transform-origin:top center}
nav .nav-menu.active{opacity:1!important;transform:translateY(0) scale(1)!important}
nav .nav-menu li>a,nav .nav-menu li>a:visited{color:#252728!important;-webkit-text-fill-color:#252728!important}
}
@media (max-width:430px){nav{left:16px;right:16px;width:calc(100% - 32px)}nav .nav-wrapper{padding:8px 16px;column-gap:8px}nav .nav-menu{right:16px!important;width:calc(100% - 32px)!important}}

/* Mobile menu reset: neutralize the former full-height side drawer */
@media (max-width:768px){
nav .nav-menu,nav.menu-open .nav-menu,nav .nav-menu.active{
display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;
gap:0!important;padding:20px 24px 32px!important;overflow-x:hidden!important;overflow-y:auto!important;
border:0!important;isolation:auto!important;pointer-events:none!important;
}
nav .nav-menu.active,nav.menu-open .nav-menu.active{pointer-events:auto!important}
nav .nav-menu::before,nav .nav-menu::after{content:none!important;display:none!important}
nav .nav-menu>li{display:flex!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;position:relative!important;inset:auto!important;z-index:1!important;flex:0 0 auto!important}
nav .nav-menu>li.menu-close-item,nav .nav-menu>li.nav-wishlist-item,nav .nav-menu>li.nav-cart-item,nav .nav-menu>li.mobile-menu-footer{display:none!important}
nav .nav-menu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a,
nav .nav-menu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a:visited{
display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;
align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:15px 4px!important;
border:0!important;border-bottom:0!important;background:transparent!important;
color:#252728!important;-webkit-text-fill-color:#252728!important;font-family:'Lato','Lato Fallback',sans-serif!important;
font-size:16px!important;font-weight:500!important;line-height:22px!important;letter-spacing:0!important;
text-align:left!important;text-transform:none!important;white-space:normal!important;word-break:normal!important;
writing-mode:horizontal-tb!important;transform:none!important;opacity:1!important;visibility:visible!important;
}
nav .nav-menu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a::before,
nav .nav-menu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a::after{content:none!important;display:none!important}
.mobile-menu-overlay,.mobile-menu-overlay.active{display:none!important;width:0!important;max-width:0!important;height:0!important;min-height:0!important;background:transparent!important;pointer-events:none!important}
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a,
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a:link,
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a:visited,
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a:hover,
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a:focus,
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a:focus-visible,
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a:active{
color:#f3efe8!important;-webkit-text-fill-color:#f3efe8!important;-webkit-text-stroke:0 transparent!important;
text-shadow:none!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;
}
html body nav.menu-open #navMenu,
html body nav #navMenu.active{
position:absolute!important;top:48px!important;left:0!important;right:auto!important;bottom:auto!important;
width:100%!important;max-width:100%!important;
height:auto!important;
max-height:none!important;
min-height:0!important;margin:0!important;box-sizing:border-box!important;
border-radius:0 0 24px 24px!important;border:0!important;
background:rgba(20,20,20,.98)!important;
-webkit-backdrop-filter:blur(18px) saturate(125%) brightness(1.03)!important;
backdrop-filter:blur(18px) saturate(125%) brightness(1.03)!important;
box-shadow:0 8px 18px rgba(0,0,0,.12),inset 0 -1px 0 rgba(255,255,255,.65)!important;
transform:none!important;transform-origin:top center!important;
}
html body nav.menu-open .nav-wrapper{
border-radius:24px 24px 0 0!important;background:rgba(20,20,20,.98)!important;
-webkit-backdrop-filter:blur(18px) saturate(125%)!important;
backdrop-filter:blur(18px) saturate(125%)!important;
box-shadow:none!important;filter:none!important;
}
html body nav.menu-open .nav-wrapper::before,
html body nav.menu-open .nav-wrapper::after{border-radius:24px 24px 0 0!important}
html body nav.menu-open .mobile-wishlist-link,
html body nav.menu-open .mobile-cart-link,
html body nav.menu-open .mobile-wishlist-link .mobile-wishlist-icon,
html body nav.menu-open .mobile-cart-link .mobile-cart-icon{
color:#f3efe8!important;-webkit-text-fill-color:#f3efe8!important;stroke:#f3efe8!important;filter:none!important;
}
html body nav.menu-open .mobile-wishlist-link .wishlist-count,
html body nav.menu-open .mobile-cart-link .cart-count{
background:#fff!important;color:#252728!important;-webkit-text-fill-color:#252728!important;border-color:#fff!important;
}
}

/* Island header: 15% more vertical space */
@media (min-width:769px){
nav{height:74px!important}
nav .nav-wrapper{min-height:74px!important;max-height:74px!important;height:74px!important;padding-top:21px!important;padding-bottom:21px!important;border-radius:37px!important}
nav .nav-wrapper::before{border-radius:37px!important}
}
@media (max-width:768px){
nav{height:55px!important}
nav .nav-wrapper{min-height:55px!important;max-height:55px!important;height:55px!important;padding-top:11.5px!important;padding-bottom:11.5px!important;border-radius:28px!important}
nav .nav-wrapper::before{border-radius:28px!important}
html body nav.menu-open #navMenu,html body nav #navMenu.active{
top:55px!important;
height:auto!important;
max-height:none!important;
border-radius:0 0 28px 28px!important;
}
html body nav.menu-open .nav-wrapper,
html body nav.menu-open .nav-wrapper::before,
html body nav.menu-open .nav-wrapper::after{border-radius:28px 28px 0 0!important}
}

/* Larger mobile island controls; island height remains 55px */
@media (max-width:768px){
nav .nav-wrapper{
grid-template-columns:minmax(0,1fr) 32px 32px 36px!important;
column-gap:10px!important;
}
nav .logo{
font-size:clamp(1rem,4.6vw,1.18rem)!important;
line-height:1!important;
}
nav .mobile-wishlist-link,nav .mobile-cart-link{
width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;
}
nav .mobile-wishlist-link .mobile-wishlist-icon,
nav .mobile-cart-link .mobile-cart-icon{
width:23px!important;height:23px!important;
}
nav .mobile-wishlist-link .wishlist-count,
nav .mobile-cart-link .cart-count{
min-width:16px!important;width:auto!important;height:16px!important;font-size:9px!important;
}
nav .menu-toggle{
width:28px!important;height:28px!important;
}
nav .menu-toggle span{
left:4.5px!important;width:19px!important;height:2px!important;
}
nav .menu-toggle span:nth-child(1){top:7px!important}
nav .menu-toggle span:nth-child(2){top:13px!important}
nav .menu-toggle span:nth-child(3){top:19px!important}
nav.menu-open .menu-toggle span:nth-child(1){top:13px!important}
nav.menu-open .menu-toggle span:nth-child(2){top:13px!important}
nav.menu-open .menu-toggle span:nth-child(3){top:13px!important}
}

/* BYD mobile typography, centered navigation and denser white glass */
@media (max-width:768px){
nav .nav-wrapper,nav #navMenu{
font-family:'Montserrat','Arial',sans-serif!important;
}
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a,
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a:link,
html body nav #navMenu>li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer)>a:visited{
font-family:'Montserrat','Arial',sans-serif!important;
align-items:center!important;justify-content:center!important;text-align:center!important;
padding-left:0!important;padding-right:0!important;
}
html body nav.menu-open #navMenu,html body nav #navMenu.active{
background:rgba(255,255,255,.96)!important;
-webkit-backdrop-filter:blur(16px) saturate(120%) brightness(1.02)!important;
backdrop-filter:blur(16px) saturate(120%) brightness(1.02)!important;
}
html body nav.menu-open .nav-wrapper{
background:rgba(255,255,255,.96)!important;
-webkit-backdrop-filter:blur(16px) saturate(120%)!important;
backdrop-filter:blur(16px) saturate(120%)!important;
}
}

/* Mobile island alignment and centered social row */
@media (max-width:768px){
nav{top:calc(var(--promo-height,0px) + env(safe-area-inset-top) + 10px)!important}
html body nav.menu-open #navMenu,html body nav #navMenu.active{
left:0!important;right:0!important;width:calc(100% - 1px)!important;max-width:none!important;
margin-left:auto!important;margin-right:auto!important;
height:auto!important;
max-height:none!important;
}
html body nav #navMenu>li.mobile-menu-footer{
display:flex!important;flex:0 0 auto!important;width:100%!important;height:auto!important;
margin-top:8px!important;padding:10px 0 2px!important;align-items:center!important;justify-content:center!important;
}
html body nav #navMenu .mobile-menu-social{
display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
width:100%!important;gap:28px!important;margin:0!important;padding:0!important;border:0!important;
}
html body nav #navMenu .mobile-menu-social a{
display:inline-flex!important;align-items:center!important;justify-content:center!important;
width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;
margin:0!important;padding:4px!important;border:0!important;background:transparent!important;
}
html body nav #navMenu .mobile-menu-social a::before{
display:block!important;width:24px!important;height:24px!important;flex:0 0 24px!important;
background-color:#252728!important;
}
}

/* iPhone hero copy lift; background image remains unchanged */
@media (max-width:768px){
html.ios-device .hero-content{
transform:translateY(clamp(-1.55rem,-2.8svh,-0.55rem))!important;
}
html.ios-device .hero-benefits{
bottom:calc(env(safe-area-inset-bottom) + 1.55rem)!important;
}
}

/* Desktop island content: 15% larger, shell size unchanged */
@media (min-width:769px){
nav .logo{font-size:1.633rem!important}
nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a{font-size:16.1px!important;line-height:23px!important}
nav .nav-menu .nav-wishlist-item,nav .nav-menu .nav-cart-item{width:37px!important;height:37px!important}
nav .nav-menu .wishlist-link,nav .nav-menu .cart-link{width:37px!important;height:37px!important}
nav .nav-menu .wishlist-heart-svg,nav .nav-menu .cart-bag-svg{width:28px!important;height:28px!important}
/* Center the count independently of the navigation link and older desktop rules. */
nav .nav-menu .wishlist-count,
nav .nav-menu .cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    min-width: 17px !important;
    height: 17px !important;
    /* Optically center the digit: the font baseline needs a 1.5px upward correction. */
    padding: 0 3px 3px;
    margin: 0;
    font-size: 10px !important;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    font-variant-numeric: lining-nums tabular-nums;
    transform: none;
}
}
@media (max-width:1200px) and (min-width:769px){
nav .logo{font-size:1.426rem!important}
nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a{font-size:14.95px!important;line-height:22px!important}
}
@media (max-width:900px) and (min-width:769px){
nav .logo{font-size:1.242rem!important}
nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a{font-size:13.8px!important;line-height:21px!important}
}

/* Center desktop links precisely between the logo and wishlist */
@media (min-width:769px){
nav .nav-menu{
position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
box-sizing:border-box!important;padding-right:94px!important;
}
nav .nav-menu .nav-wishlist-item,nav .nav-menu .nav-cart-item{
position:absolute!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important;
flex:0 0 37px!important;
}
nav .nav-menu .nav-wishlist-item{right:57px!important}
nav .nav-menu .nav-cart-item{right:0!important}
}

/* Desktop island hover: lift and scale, without underlines or icon boxes */
@media (min-width:769px){
nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a,
nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a:visited{
box-shadow:none!important;border:0!important;background:transparent!important;
transition:transform .2s ease,color .2s ease!important;
transform-origin:center!important;
}
nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a:hover,
nav .nav-menu>li:not(.nav-wishlist-item):not(.nav-cart-item)>a:focus-visible{
box-shadow:none!important;border:0!important;background:transparent!important;
transform:translateY(-2px) scale(1.06)!important;
}
nav .nav-menu .wishlist-link,nav .nav-menu .cart-link,
nav .nav-menu .wishlist-link:visited,nav .nav-menu .cart-link:visited{
border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
transition:transform .2s ease!important;transform-origin:center!important;
}
nav .nav-menu .wishlist-link:hover,nav .nav-menu .cart-link:hover,
nav .nav-menu .wishlist-link:focus-visible,nav .nav-menu .cart-link:focus-visible{
border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
transform:translateY(-2px) scale(1.1)!important;
}
}

/* Collection page photos: an additional 15% height on desktop and mobile. */
.products-catalog.collection-page-shell .collection-product-image {
    height: 290.95px;
}

/* Compact mobile collection cards: taller photo, shorter black details panel */
@media (max-width:768px){
.products-catalog.collection-page-shell .collection-product-image{
height:clamp(304.175px,79.35vw,396.75px)!important;
}
.products-catalog.collection-page-shell .collection-product-details{
padding:.62rem .85rem .65rem!important;gap:.2rem!important;
}
.products-catalog.collection-page-shell .collection-product-details .product-name{
margin-bottom:.05rem!important;
}
.products-catalog.collection-page-shell .collection-product-details .product-price-wrap{
margin:0!important;min-height:0!important;line-height:1.1!important;
}
.products-catalog.collection-page-shell .collection-product-details .product-price-current,
.products-catalog.collection-page-shell .collection-product-details .product-price-old{
line-height:1.1!important;
}
.products-catalog.collection-page-shell .collection-product-details .product-desc{
display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
overflow:hidden!important;text-overflow:ellipsis!important;margin:.1rem 0!important;
}
.products-catalog.collection-page-shell .collection-card-actions{
margin-top:.25rem!important;
}
}

@media (hover: none), (pointer: coarse) {
    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .checkout-page .checkout-card .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .checkout-page .checkout-card .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .checkout-page .checkout-card .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible {
        transform: none !important;
    }

    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover::before,
    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus::before,
    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible::before,
    .cart-page .checkout-summary .summary-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover::before,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus::before,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible::before,
    .cart-page .checkout-summary .summary-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover::before,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus::before,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible::before,
    .cart-page .empty-state-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover::before,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus::before,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible::before,
    .cart-page .empty-state-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .checkout-page .checkout-card .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover::before,
    .checkout-page .checkout-card .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus::before,
    .checkout-page .checkout-card .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible::before,
    .checkout-page .checkout-card .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover::before,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus::before,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible::before,
    .thankyou-page .thankyou-actions .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover::before,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus::before,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus-visible::before,
    .thankyou-page .thankyou-actions .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .wishlist-page .empty-state-actions a.btn-secondary[href="/"]:hover::before,
    .wishlist-page .empty-state-actions a.btn-secondary[href="/"]:focus::before,
    .wishlist-page .empty-state-actions a.btn-secondary[href="/"]:focus-visible::before,
    .wishlist-page .empty-state-actions a.btn-secondary[href="/"]:active::before,
    .cart-page .empty-state-actions a.btn-secondary[href="/"]:hover::before,
    .cart-page .empty-state-actions a.btn-secondary[href="/"]:focus::before,
    .cart-page .empty-state-actions a.btn-secondary[href="/"]:focus-visible::before,
    .cart-page .empty-state-actions a.btn-secondary[href="/"]:active::before,
    .thankyou-page .thankyou-actions a.btn-secondary[href="/"]:hover::before,
    .thankyou-page .thankyou-actions a.btn-secondary[href="/"]:focus::before,
    .thankyou-page .thankyou-actions a.btn-secondary[href="/"]:focus-visible::before,
    .thankyou-page .thankyou-actions a.btn-secondary[href="/"]:active::before {
        display: none !important;
        left: -100% !important;
        transition: none !important;
    }
}

@media (hover: none), (pointer: coarse) {
    .hero-cta:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .about-cta-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .newsletter-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .review-submit-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .collection-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .blog-category-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .select-options-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .wishlist-btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .cart-page .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .checkout-page .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .checkout-page .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .thankyou-page .btn-primary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .thankyou-page .btn-secondary:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before {
        display: none !important;
        left: -100% !important;
        transition: none !important;
    }
}

.add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
.add-to-cart-btn.is-loading,
.add-to-cart-btn.is-loading:hover,
.add-to-cart-btn.is-loading:focus,
.add-to-cart-btn.is-loading:focus-visible,
.add-to-cart-btn.is-loading:active,
.add-to-cart-btn.is-loading:disabled,
.add-to-cart-btn.is-added,
.add-to-cart-btn.is-added:hover,
.add-to-cart-btn.is-added:focus,
.add-to-cart-btn.is-added:focus-visible,
.add-to-cart-btn.is-added:active,
.product-detail-page .detail-cart-row .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-loading,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:hover,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:focus,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:focus-visible,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:active,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:disabled,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-added,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-added:hover,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-added:focus,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-added:focus-visible,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-added:active {
    border-color: rgba(244, 211, 158, 0.95) !important;
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #070707 !important;
    -webkit-text-fill-color: #070707 !important;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.24) !important;
}

.add-to-cart-btn.is-loading .add-to-cart-icon,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-loading .add-to-cart-icon {
    border-color: rgba(7, 7, 7, 0.32) !important;
    border-top-color: #070707 !important;
}

.add-to-cart-btn.is-added .add-to-cart-icon,
.product-detail-page .detail-cart-row .add-to-cart-btn.is-added .add-to-cart-icon {
    color: #070707 !important;
}

@media (hover: none), (pointer: coarse) {
    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
    .product-detail-page .detail-cart-row .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
        transform: translateY(1px) scale(0.985) !important;
        box-shadow: inset 0 0 0 2px rgba(255, 247, 232, 0.28), 0 8px 16px rgba(0, 0, 0, 0.2) !important;
    }

    .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active::before,
    .add-to-cart-btn.is-loading::before,
    .add-to-cart-btn.is-loading:hover::before,
    .add-to-cart-btn.is-loading:focus::before,
    .add-to-cart-btn.is-loading:focus-visible::before,
    .add-to-cart-btn.is-loading:active::before,
    .add-to-cart-btn.is-loading:disabled::before,
    .add-to-cart-btn.is-added::before,
    .add-to-cart-btn.is-added:hover::before,
    .add-to-cart-btn.is-added:focus::before,
    .add-to-cart-btn.is-added:focus-visible::before,
    .add-to-cart-btn.is-added:active::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:hover::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:focus::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:focus-visible::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:active::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-loading:disabled::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:hover::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:focus::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:focus-visible::before,
    .product-detail-page .detail-cart-row .add-to-cart-btn.is-added:active::before {
        display: none !important;
        left: -100% !important;
        transition: none !important;
    }
}

@media (max-width: 640px) {
    .testimonials-home {
        padding-bottom: 2.38rem;
    }
}


/* Mobile menu should size to its content, not the viewport. */
@media (max-width: 768px) {
    html body nav #navMenu,
    html body nav.menu-open #navMenu,
    html body nav #navMenu.active {
        position: absolute !important;
        top: 55px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 14px 24px 18px !important;
        margin: 0 !important;
        transform: translateY(-8px) scale(.98) !important;
    }

    html body nav #navMenu.active,
    html body nav.menu-open #navMenu.active {
        transform: translateY(0) scale(1) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    html body nav #navMenu > li.mobile-menu-footer {
        margin-top: 8px !important;
        padding-top: 10px !important;
    }

    .mobile-menu-overlay,
    .mobile-menu-overlay.active {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
        pointer-events: none !important;
    }
}


@media (max-width: 768px) {
    html body nav #navMenu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a,
    html body nav #navMenu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:link,
    html body nav #navMenu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:visited,
    html body nav #navMenu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:hover,
    html body nav #navMenu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:focus,
    html body nav #navMenu > li:not(.menu-close-item):not(.nav-wishlist-item):not(.nav-cart-item):not(.mobile-menu-footer) > a:active {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

/* Candle category BYD-style segmented selector */
.products-catalog.candle-category-page .collection-categories {
    max-width: none !important;
    margin: 0 auto 1.7rem !important;
}

.products-catalog.candle-category-page .collection-categories .collection-links-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: min(100%, 630px) !important;
    max-width: 630px !important;
    margin: 0 auto !important;
    padding: 6px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.products-catalog.candle-category-page .collection-categories .collection-category-btn,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:link,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:visited,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:hover,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:focus,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:focus-visible,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    height: auto !important;
    flex: 0 1 auto !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #252728 !important;
    -webkit-text-fill-color: #252728 !important;
    font-family: 'Lato', 'Lato Fallback', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-shadow: none !important;
    transform: none !important;
    transition: background-color .18s ease, color .18s ease !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.products-catalog.candle-category-page .collection-categories .collection-category-btn::before,
.products-catalog.candle-category-page .collection-categories .collection-category-btn::after,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:hover::before,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:focus::before,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:focus-visible::before,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:active::before {
    content: none !important;
    display: none !important;
    left: auto !important;
    background: transparent !important;
}

.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:link,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:visited,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:hover,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:focus,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:focus-visible,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:active {
    background: linear-gradient(180deg, #f8dba8 0%, #d5a15e 100%) !important;
    color: #252728 !important;
    -webkit-text-fill-color: #252728 !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

@media (max-width: 768px) {
    .products-catalog.candle-category-page .collection-categories {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .products-catalog.candle-category-page .collection-categories .collection-links-grid {
        width: min(100%, 398px) !important;
        max-width: 398px !important;
        padding: 6px !important;
    }

    .products-catalog.candle-category-page .collection-categories .collection-category-btn,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:link,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:visited,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:hover,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:focus,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:focus-visible,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:active {
        min-height: 47px !important;
        padding: 0 8px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 380px) {
    .products-catalog.candle-category-page .collection-categories .collection-category-btn,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:link,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:visited,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:hover,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:focus,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:focus-visible,
    .products-catalog.candle-category-page .collection-categories .collection-category-btn:active {
        font-size: 13px !important;
        padding: 0 6px !important;
    }
}

/* Candle category selector alignment correction */
.products-catalog.candle-category-page .collection-categories .collection-links-grid {
    background: #fff !important;
    box-sizing: border-box !important;
}

.products-catalog.candle-category-page .collection-categories .collection-category-btn,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:link,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:visited,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:hover,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:focus,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:focus-visible,
.products-catalog.candle-category-page .collection-categories .collection-category-btn:active {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
}

.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:link,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:visited,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:hover,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:focus,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:focus-visible,
.products-catalog.candle-category-page .collection-categories .collection-category-btn.is-active:active {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
}


/* Candle category Seturi Cadou mobile line break */
.products-catalog.candle-category-page .collection-categories .mobile-category-break {
    display: none !important;
}

@media (max-width: 768px) {
    .products-catalog.candle-category-page .collection-categories .collection-category-btn[href="/seturi-cadou"] {
        white-space: normal !important;
        line-height: 1.12 !important;
    }

    .products-catalog.candle-category-page .collection-categories .collection-category-btn[href="/seturi-cadou"] .mobile-category-break {
        display: block !important;
    }
}

/* Product reviews 2026-09 */
.product-reviews{margin-top:.9rem;border:1px solid #292929;background:#0e0e0e;padding:1.2rem;color:#fff}.product-reviews-heading{padding-bottom:1rem;border-bottom:1px solid #292929}.product-reviews-kicker{margin:0 0 .35rem;color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.18em}.product-reviews h2{margin:0 0 .55rem;font-family:'Bodoni Moda',serif;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:600}.product-review-summary{margin:0;color:#d8d0c4;font-size:.86rem}.product-review-summary-stars,.product-review-card-top span{color:var(--gold);letter-spacing:.08em}.product-review-list{display:grid;gap:.7rem;margin:1rem 0}.product-review-card,.product-review-empty{margin:0;border:1px solid #282828;background:#151515;padding:.9rem}.product-review-card-top{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.product-review-card-top small{color:#aaa;font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}.product-review-card p{margin:.65rem 0;color:#ddd;font-size:.88rem;line-height:1.55}.product-review-card>strong{font-size:.75rem;color:#fff;text-transform:uppercase;letter-spacing:.05em}.product-review-form-wrap{border-top:1px solid #292929;padding-top:1rem}.product-review-form-wrap h3{margin:0 0 .25rem;font-size:1.05rem}.product-review-form-wrap>p{margin:0 0 .9rem;color:#aaa;font-size:.78rem;line-height:1.45}.product-review-form{display:grid;gap:.5rem}.product-review-form label,.product-review-form legend{font-size:.72rem;font-weight:700;color:#ddd}.product-review-form input[type=text],.product-review-form textarea{width:100%;box-sizing:border-box;border:1px solid #3b3b3b;background:#080808;color:#fff;padding:.7rem .8rem;font:inherit}.product-review-form input:focus,.product-review-form textarea:focus{outline:1px solid var(--gold);border-color:var(--gold)}.product-review-form textarea{resize:vertical;min-height:100px}.product-review-form fieldset{margin:.15rem 0;padding:0;border:0}.product-review-rating{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end}.product-review-rating input{position:absolute;opacity:0;pointer-events:none}.product-review-rating label{cursor:pointer;color:#555;font-size:1.65rem;line-height:1;padding:.1rem}.product-review-rating label:hover,.product-review-rating label:hover~label,.product-review-rating input:checked~label,.product-review-rating input:focus-visible+label{color:var(--gold)}.product-review-submit{justify-self:start;margin-top:.25rem;border:1px solid var(--gold);background:linear-gradient(180deg,#f0cf99,#c9924f);color:#070707;padding:.72rem 1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.product-review-submit:disabled{opacity:.6;cursor:wait}.product-review-status{min-height:1.3rem;margin:0;font-size:.78rem;line-height:1.45}.product-review-status.is-success{color:#75ce98}.product-review-status.is-error{color:#ef8b80}
@media(max-width:768px){.product-reviews{padding:1rem}.product-review-card-top{align-items:flex-start;flex-direction:column;gap:.3rem}.product-review-submit{width:100%}}
/* Homepage review aggregate 2026-09 */
.homepage-review-summary{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.45rem;margin:0 auto 1.2rem;color:#332b23;font-size:.95rem}.homepage-review-summary-stars{color:var(--gold);font-size:1.15rem;letter-spacing:.08em}.homepage-review-summary strong{font-size:1.15rem;color:#111}.review-product{margin:.35rem 0 0;color:#8a6d3b;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
/* Product review refined placement 2026-09 */
.product-detail-info>.product-reviews{margin:1.25rem 0 0;padding:1.15rem 0 0;border:0;border-top:1px solid #303030;background:transparent;box-shadow:none}.product-detail-info .product-reviews-heading{padding:0 0 .8rem;border:0}.product-detail-info .product-reviews-kicker{margin-bottom:.36rem;font-size:.82rem;letter-spacing:.17em;color:#b99652}.product-detail-info .product-reviews h2{margin:0 0 .35rem;font-family:'Lato',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.025em}.product-detail-info .product-review-summary{font-size:.75rem;color:#aaa}.product-detail-info .product-review-summary-stars{font-size:.85rem}.product-detail-info .product-review-list{margin:.75rem 0 0;gap:0}.product-detail-info .product-review-empty{padding:.65rem 0;border:0;border-top:1px solid #242424;background:transparent;color:#888;font-size:.75rem}.product-detail-info .product-review-card{padding:.75rem 0;border:0;border-top:1px solid #242424;background:transparent}.product-detail-info .product-review-card p{margin:.45rem 0;font-size:.8rem;line-height:1.5}.product-detail-info .product-review-card-top small{font-size:.58rem}.product-detail-info .product-review-form-wrap{margin-top:.15rem;padding:0;border:0;background:transparent}.product-detail-info .product-review-form-wrap h3{margin:0 0 .36rem;color:#b99652;font-family:inherit;font-size:.82rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.product-detail-info .product-review-form-wrap>p{margin-bottom:.65rem;font-size:.69rem}.product-detail-info .product-review-form{gap:.38rem}.product-detail-info .product-review-form label,.product-detail-info .product-review-form legend{font-size:.65rem;font-weight:600;color:#aaa}.product-detail-info .product-review-form input[type=text],.product-detail-info .product-review-form textarea{border-color:#303030;background:#0e0e0e;padding:.58rem .65rem;font-size:.78rem}.product-detail-info .product-review-form textarea{min-height:74px;height:74px}.product-detail-info .product-review-rating label{font-size:1.32rem;padding:.04rem .08rem}.product-detail-info .product-review-submit{margin-top:.35rem;padding:.58rem .9rem;border-color:#9d7e3d;background:transparent;color:#d5b66d;font-size:.65rem;letter-spacing:.11em}.product-detail-info .product-review-submit:hover,.product-detail-info .product-review-submit:focus-visible{background:#c9a962;color:#080808}.product-detail-info .product-review-status{min-height:.9rem;font-size:.69rem}
@media(max-width:768px){.product-detail-info>.product-reviews{margin-top:1rem;padding-top:1rem}.product-detail-info .product-review-form-wrap{padding:0}.product-detail-info .product-review-submit{width:auto;min-width:150px}}
/* Homepage review arrows 2026-09 */
.reviews-carousel{overflow:visible}
.reviews-carousel .reviews-arrow{position:absolute;top:calc((100% - 38px)/2);z-index:6;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(201,169,98,.82);border-radius:10px;background:#fffaf1;color:#7d6029;font-family:Arial,sans-serif;font-size:1.7rem;font-weight:400;line-height:1;box-shadow:0 7px 20px rgba(55,39,14,.18);cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease}
.reviews-carousel .reviews-arrow svg{display:block;width:18px;height:18px;overflow:visible}.reviews-carousel .reviews-arrow path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reviews-carousel .reviews-arrow-prev{left:-21px}
.reviews-carousel .reviews-arrow-next{right:-21px}
.reviews-carousel .reviews-arrow:hover:not(:disabled),.reviews-carousel .reviews-arrow:focus-visible:not(:disabled){background:var(--gold);border-color:var(--gold);color:#111;box-shadow:0 8px 22px rgba(55,39,14,.24)}
.reviews-carousel .reviews-arrow:focus-visible{outline:2px solid rgba(201,169,98,.38);outline-offset:3px}
.reviews-carousel .reviews-arrow:disabled{opacity:.3;cursor:default}
@media(max-width:768px){.reviews-carousel .reviews-arrow{top:calc((100% - 34px)/2);width:38px;height:38px;border-radius:9px;font-size:1.5rem}.reviews-carousel .reviews-arrow-prev{left:-10px}.reviews-carousel .reviews-arrow-next{right:-10px}}

/* Sticky product gallery 2026-09 */
@media(min-width:769px){.product-detail-page .product-detail-gallery{position:sticky;top:calc(var(--promo-height,0px) + 122px)!important;align-self:start;z-index:2}}
@media(max-width:768px){.product-detail-page .product-detail-gallery{position:static;top:auto}}
/* Transparent product panels and cards 2026-09 */
.product-detail-info,
.product-item,
.product-details,
.collection-product-card,
.collection-product-details,
.featured-products-grid .featured-card,
.detail-related-grid .collection-product-card {
    background: transparent !important;
}
/* Product review submit aligned with primary buttons 2026-09 */
.product-detail-info .product-review-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 36px;
    margin-top: .5rem;
    padding: .65rem 1rem;
    border: 1px solid #efc77f;
    border-radius: 9px;
    background: linear-gradient(180deg, #f4d59d 0%, #d39a50 100%);
    color: #080808;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .14em;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0,0,0,.22);
}
.product-detail-info .product-review-submit:hover,
.product-detail-info .product-review-submit:focus-visible {
    border-color: #f6dcae;
    background: linear-gradient(180deg, #f8dfb0 0%, #dda75e 100%);
    color: #080808;
}
/* NaturaFlame newsletter: editorial charcoal / bronze invitation. Scoped to the modal
   because the shared newsletter button has site-wide !important overrides. */
body.newsletter-popup-open { overflow: hidden; }
#newsletterPopup {
    padding: 28px;
    background: rgba(12, 10, 8, .72);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    overscroll-behavior: contain;
}
#newsletterPopup.is-open { animation: newsletterBackdropIn .35s ease both; }
#newsletterPopup .newsletter-popup-dialog {
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    width: min(900px, 100%);
    min-height: 0;
    max-height: calc(100vh - 56px);
    max-height: calc(100dvh - 56px);
    padding: 0;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(201, 169, 98, .35);
    border-radius: 3px;
    background: #171411;
    color: #f0e5d4;
    text-align: left;
    box-shadow: 0 32px 100px rgba(0, 0, 0, .48), 0 0 0 7px rgba(224, 204, 167, .035);
    outline: none;
    color-scheme: dark;
    scrollbar-width: thin;
    scrollbar-color: #806846 #171411;
}
#newsletterPopup.is-open .newsletter-popup-dialog { animation: newsletterInvitationIn .65s cubic-bezier(.2, .75, .25, 1) both; }
#newsletterPopup .newsletter-popup-visual {
    position: relative;
    min-height: 440px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 34px;
    isolation: isolate;
    color: #f6ecda;
    background: linear-gradient(180deg, rgba(22, 16, 10, .22), transparent 35%, rgba(22, 16, 10, .76)), url("hero-naturaflame-desktop.webp") 80% center / cover no-repeat;
}
#newsletterPopup .newsletter-popup-caption p { margin: 14px 0 4px; font-family: 'Bodoni Moda', Georgia, serif; font-size: clamp(27px, 3vw, 36px); line-height: 1.25; color: #f6ecda; }
#newsletterPopup .newsletter-popup-content {
    padding: 34px 44px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: radial-gradient(ellipse at 50% 0, #211c16, transparent 75%);
    min-width: 0;
}
#newsletterPopup .newsletter-popup-close {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    z-index: 2;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #171411;
    color: #c9ad7e;
    transition: background .2s, transform .2s;
}
#newsletterPopup .newsletter-popup-close:hover { background: #30271d; transform: rotate(90deg); }
#newsletterPopup .newsletter-popup-kicker { color: #c9a962; font-size: 9px; font-weight: 700; letter-spacing: .23em; margin: 0 0 14px; }
#newsletterPopup .newsletter-popup-dialog h2 { color: #f0e5d4; font-size: clamp(38px, 4.5vw, 51px); font-weight: 400; line-height: 1.12; letter-spacing: -.045em; margin: 0 0 16px; }
#newsletterPopup .newsletter-popup-dialog h2 em { display: inline-block; font-family: 'Bodoni Moda', Georgia, serif; color: #c9a962; font-weight: 400; }
#newsletterPopup .newsletter-popup-text { max-width: 310px; margin: 0 0 20px; color: #bdb09f; font-size: 13px; line-height: 1.85; }
#newsletterPopup .newsletter-popup-form { display: flex; flex-direction: column; align-items: stretch; gap: 9px; width: 100%; margin: 0; }
#newsletterPopup .newsletter-popup-label { text-align: left; color: #c9ad7e; font-size: 8px; font-weight: 700; letter-spacing: .17em; }
#newsletterPopup .newsletter-popup-fields { display: flex; flex-direction: column; gap: 12px; width: 100%; }
#newsletterPopup .newsletter-popup-fields input[type="email"] {
    width: 100%;
    min-width: 0;
    min-height: 51px;
    border: 1px solid #55452f;
    border-radius: 2px;
    padding: 14px 16px;
    background: #100e0c;
    color: #f0e5d4;
    -webkit-text-fill-color: #f0e5d4;
    font-family: inherit;
    font-size: 16px;
    box-shadow: none;
    backdrop-filter: none;
    transition: border-color .2s, box-shadow .2s;
}
#newsletterPopup .newsletter-popup-fields input[type="email"]::placeholder { color: #757575 !important; -webkit-text-fill-color: #757575 !important; font-size: 13px; opacity: 1 !important; }
#newsletterPopup .newsletter-popup-fields input[type="email"]:focus { border-color: #c9a962; outline: none; background: #211c16; box-shadow: 0 0 0 3px rgba(201, 169, 98, .16); }
#newsletterPopup .newsletter-popup-fields input[type="email"]:autofill,
#newsletterPopup .newsletter-popup-fields input[type="email"]:-webkit-autofill {
    -webkit-text-fill-color: #f0e5d4;
    caret-color: #f0e5d4;
    box-shadow: 0 0 0 1000px #100e0c inset;
}
#newsletterPopup .newsletter-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 52px;
    padding: 14px 20px;
    border: 1px solid #967747 !important;
    border-radius: 2px !important;
    background: linear-gradient(110deg, #493720, #594329 50%, #493720) !important;
    color: #f6ecda !important;
    -webkit-text-fill-color: #f6ecda !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .24) !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    backdrop-filter: none;
}
#newsletterPopup .newsletter-btn span { color: inherit !important; -webkit-text-fill-color: inherit !important; }
#newsletterPopup .newsletter-btn::before { display: none !important; }
#newsletterPopup .newsletter-btn:hover { background: linear-gradient(110deg, #594329, #685032 50%, #594329) !important; transform: translateY(-1px); }
#newsletterPopup .newsletter-btn:disabled { opacity: .65; cursor: wait; }
#newsletterPopup .newsletter-popup-status { min-height: 0; margin: 0; width: 100%; font-size: 12px; line-height: 1.6; }
#newsletterPopup .newsletter-popup-status:not(:empty) { margin-top: 12px; }
#newsletterPopup .newsletter-popup-status.is-success { color: #a7c69c; }
#newsletterPopup .newsletter-popup-status.is-error { color: #e7a092; }
#newsletterPopup .newsletter-popup-privacy { color: #b1a28e; font-size: 10px; line-height: 1.8; margin: 12px 0 0; }
#newsletterPopup .newsletter-popup-privacy a { color: #c9ad7e; text-decoration: underline; text-underline-offset: 3px; }
#newsletterPopup button:focus-visible, #newsletterPopup a:focus-visible { outline: 2px solid #c9a962 !important; outline-offset: 4px; }
@keyframes newsletterBackdropIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes newsletterInvitationIn { from { opacity: 0; transform: translateY(22px) scale(.975); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 680px) {
    #newsletterPopup { padding: 16px; }
    #newsletterPopup .newsletter-popup-dialog { grid-template-columns: 1fr; width: min(440px, 100%); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); }
    #newsletterPopup .newsletter-popup-visual {
        min-height: 124px;
        padding: 20px 27px;
        background-color: #080706;
        background-image:
            linear-gradient(90deg, #080706 18%, transparent 28%, transparent 72%, #080706 82%),
            linear-gradient(180deg, rgba(22, 16, 10, .22), transparent 35%, rgba(22, 16, 10, .76)),
            url("hero-naturaflame-mobil.webp");
        background-size: 100% 100%, 100% 100%, 64% auto;
        background-position: center, center, center 62%;
        background-repeat: no-repeat;
    }
    #newsletterPopup .newsletter-popup-caption p { font-size: 22px; margin: 14px 0 0; }
    #newsletterPopup .newsletter-popup-caption p br { display: none; }
    #newsletterPopup .newsletter-popup-close { top: 17px; right: 17px; width: 36px; height: 36px; }
    #newsletterPopup .newsletter-popup-content { padding: 25px 28px 18px; }
    #newsletterPopup .newsletter-popup-kicker { margin-bottom: 12px; font-size: 8px; }
    #newsletterPopup .newsletter-popup-dialog h2 { font-size: 40px; margin-bottom: 14px; }
    #newsletterPopup .newsletter-popup-text { font-size: 12px; line-height: 1.75; margin-bottom: 19px; }
    #newsletterPopup .newsletter-popup-privacy { margin-top: 12px; margin-bottom: 7px; }
}
@media (max-width: 360px) {
    #newsletterPopup { padding: 10px; }
    #newsletterPopup .newsletter-popup-content { padding: 24px 21px 16px; }
    #newsletterPopup .newsletter-popup-dialog h2 { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) {
    #newsletterPopup.is-open, #newsletterPopup.is-open .newsletter-popup-dialog { animation: none; }
    #newsletterPopup *, #newsletterPopup *::before { transition: none !important; }
}

/* Category cards: a subtle 8% width reduction from the original layout. */
.products-catalog.collection-page-shell .collection-product-card {
    width: 92%;
    min-width: 0;
    margin-inline: auto;
}
@media (max-width: 768px) {
    .products-catalog.collection-page-shell .collection-product-card {
        max-width: 386.4px;
    }
}
@media (max-width: 430px) {
    .products-catalog.collection-page-shell .collection-product-card {
        max-width: 331.2px;
    }
}

/* Match the mobile navigation theme used on the other pages. */
@media(max-width:768px){
 nav.menu-open .nav-wrapper,nav .nav-menu{background:#141414!important;color:#f3efe8!important;border-color:#494035!important;}
 nav.menu-open .logo,nav.menu-open .mobile-wishlist-link,nav.menu-open .mobile-cart-link,nav .nav-menu li>a,nav .nav-menu li>a:visited{color:#f3efe8!important;-webkit-text-fill-color:#f3efe8!important;}
 nav.menu-open .menu-toggle span{background:#f3efe8!important;}
 nav .mobile-menu-social a{color:#f3efe8!important;-webkit-text-fill-color:currentColor!important;}
 nav .mobile-menu-social a::before{background-color:#f3efe8!important;}
}
@media(max-width:768px){
html body nav.menu-open #navMenu,html body nav #navMenu.active,html body nav.menu-open .nav-wrapper{background:rgba(20,20,20,.98)!important;}
html body nav.menu-open .logo{color:#f3efe8!important;-webkit-text-fill-color:#f3efe8!important;}
}

/* Mobile menu: matching glass surfaces with only top and bottom highlights. */
@media (max-width: 768px) {
    html body nav #navMenu .mobile-menu-social a::before {
        background-color: #fff !important;
    }

    html body nav.menu-open {
        background: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    html body nav.menu-open .nav-wrapper,
    html body nav.menu-open #navMenu,
    html body nav #navMenu.active {
        background: rgba(20, 20, 20, .98) !important;
        -webkit-backdrop-filter: blur(16px) saturate(120%) brightness(1.02) !important;
        backdrop-filter: blur(16px) saturate(120%) brightness(1.02) !important;
        border: 0 !important;
    }

    html body nav.menu-open .nav-wrapper::before,
    html body nav.menu-open .nav-wrapper::after,
    html body nav.menu-open #navMenu::before,
    html body nav #navMenu.active::before {
        content: none !important;
        display: none !important;
    }

    html body nav.menu-open .nav-wrapper {
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), inset 0 4px 6px -5px rgba(255, 255, 255, .4) !important;
    }

    html body nav.menu-open #navMenu,
    html body nav #navMenu.active {
        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .65), inset 0 -4px 6px -5px rgba(255, 255, 255, .4), 0 8px 18px rgba(0, 0, 0, .12) !important;
    }
}

/* Consistent rounded product cards on home, catalogs and product recommendations. */
html body .collection-product-card,
html body .featured-products-grid .featured-card,
html body .wishlist-card,
html body .product-item {
    border-radius: 16px;
    overflow: hidden;
}

/* Homepage review cards match the rounded product cards. */
html body .testimonials-home .review-card {
    border-radius: 16px;
    overflow: hidden;
}

/* Brand mentions in page content use the surrounding text color. */
html body .brand-flame:not(nav *, header *, footer *, .nav-wrapper *, .footer-content *, .intro-brand *, .about-page .about-main-title *) {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* Keep the intro and About story title brand accents gold. */
html body .intro-brand .brand-flame,
html body .about-page .about-main-title .brand-flame {
    color: var(--gold) !important;
    -webkit-text-fill-color: var(--gold) !important;
}


/* Clearer name and review field labels. */
.product-detail-info .product-review-form > label {
    color: #fff;
    -webkit-text-fill-color: #fff;
    font-size: .8rem;
}

/* Prevent automatic focus zoom on mobile form fields. */
@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    html body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="file"]),
    html body textarea,
    html body select {
        font-size: 16px !important;
    }
}

/* Center product action labels on mobile, including the wishlist. */
@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    html body .select-options-btn,
    html body .add-to-cart-btn,
    html body .wishlist-btn-primary {
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }
}

/* Use the review form's neutral grey for every input example. */
html body input::placeholder,
html body textarea::placeholder {
    color: #757575 !important;
    -webkit-text-fill-color: #757575 !important;
    opacity: 1 !important;
}

/* Match editable field corners to the discount code field. */
html body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="file"]),
html body textarea,
html body select {
    border-radius: 4px !important;
}

/* A single fine gold focus border, matching the review fields. */
html body :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="file"]), textarea, select):is(:focus, :focus-visible) {
    border-color: var(--gold, #c9a962) !important;
    outline: 1px solid var(--gold, #c9a962) !important;
    outline-offset: -1px !important;
}
html body :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="file"]), textarea, select):is(:focus, :focus-visible):not(:-webkit-autofill):not(:autofill) {
    box-shadow: none !important;
}

/* Solid unavailable state; preserve existing badge and button geometry. */
.product-badge.badge-unavailable,
.product-detail-page.unavailable #detailAddToCart,
.product-detail-page.unavailable #detailAddToCart:is(:hover, :focus, :focus-visible, :active, :disabled) {
    background: #a63b3a !important;
    border-color: #a63b3a !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

.product-detail-page.unavailable #detailAddToCart span,
.product-detail-page.unavailable #detailAddToCart:is(:hover, :focus, :focus-visible, :active, :disabled) span {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow: none !important;
}

/* Consistent white autofill text across storefront forms and dynamic fields. */
html body :is(input, textarea, select):is(:autofill, :-webkit-autofill),
html body :is(form, #contactForm, #checkoutForm, #newsletterPopup, #nf-fanbox-picker) :is(input, textarea, select):is(:autofill, :-webkit-autofill),
html body :is(#discountCode, #newsletterEmail, #olfactory-search):is(:autofill, :-webkit-autofill) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px #1c1c1c inset !important;
    box-shadow: 0 0 0 1000px #1c1c1c inset !important;
    color-scheme: dark;
}