.signature-product-photo{object-fit:cover;object-position:center;background:none}
.home-body .website-language{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;margin:0;padding:3px;border:1px solid rgba(86,32,107,.2);border-radius:8px;background:rgba(255,255,255,.65)}
.home-body .website-language button{min-height:38px;padding:5px 10px;border:0;border-radius:5px;background:transparent;color:var(--plum);font-size:.75rem;line-height:1.4;white-space:nowrap;cursor:pointer}
.home-body .website-language button[aria-pressed="true"]{background:var(--plum);color:#fff}
.home-body .website-language button:hover{box-shadow:inset 0 0 0 1px var(--plum)}
.home-body .website-language button:focus-visible{outline:2px solid var(--plum);outline-offset:3px}
.home-body .nav-actions{flex-shrink:0;gap:12px}
html[lang="mai"] .home-body{--serif:"Poppins",Arial,sans-serif}
html[lang="mai"] .home-body :is(h1,h2,h3,.eyebrow){letter-spacing:normal}
html[lang="mai"] .home-body .hero-copy h1{font-size:clamp(2.3rem,4.3vw,3.6rem);line-height:1.3}
html[lang="mai"] .home-body .eyebrow{font-size:.85rem}
html[lang="mai"] .home-body .footer :is(p,a,small){font-size:.8rem}
@media(min-width:821px) and (max-width:1100px){
    .home-body .nav-wrap{gap:12px}
    .home-body .main-nav{gap:12px}
    .home-body .main-nav a{font-size:.7rem;white-space:nowrap}
    .home-body .home-wordmark{width:130px}
    .home-body .nav-cta{padding-inline:12px;white-space:nowrap}
}
@media(max-width:1000px){
    .home-body .site-header{position:fixed;background:rgba(251,247,239,.95)}
    .home-body .menu-toggle{display:block;margin-left:auto;flex-shrink:0}
    .home-body .main-nav{position:absolute;top:100%;left:0;right:0;display:none;margin:0;padding:18px 24px 24px;align-items:stretch;flex-direction:column;gap:0;background:var(--cream);box-shadow:0 20px 30px rgba(52,35,30,.12);max-height:calc(100dvh - 110px);overflow-y:auto}
    .home-body .main-nav.is-open{display:flex}
    .home-body .main-nav a{display:flex;align-items:center;min-height:44px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.85rem}
}
@media(max-width:560px){
    .home-body .nav-wrap{height:auto;min-height:100px;flex-wrap:wrap;gap:4px 12px;padding-block:6px}
    .home-body .nav-actions{width:100%;justify-content:space-between;gap:8px}
    .home-body .nav-cta{min-height:40px;padding-inline:12px;white-space:nowrap}
    .home-body .website-language button{min-height:36px}
    html[lang="mai"] .home-body .hero-copy h1{font-size:clamp(2rem,9vw,3rem)}
    html[lang="mai"] .home-body .hero-inner{padding-top:135px}
}
.shop-banner-slide[hidden]{display:none!important}
html.website-popup-open { overflow: hidden; scrollbar-gutter: stable; }
.website-popup-overlay[hidden], .website-popup-overlay [hidden] { display: none !important; }
.website-popup-overlay {
    --popup-vh: 100vh;
    --popup-side: clamp(18px, 3.5vw, 56px);
    --popup-edge: clamp(24px, 4vh, 48px);
    --popup-top: calc(var(--popup-edge) + env(safe-area-inset-top, 0px));
    --popup-bottom: calc(var(--popup-edge) + env(safe-area-inset-bottom, 0px));
    --popup-left: calc(var(--popup-side) + env(safe-area-inset-left, 0px));
    --popup-right: calc(var(--popup-side) + env(safe-area-inset-right, 0px));
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: var(--popup-top) var(--popup-right) var(--popup-bottom) var(--popup-left);
    box-sizing: border-box;
    background: rgba(25, 16, 34, .55);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-family: 'Poppins', Arial, sans-serif;
    color: #382143;
    opacity: 0;
    transition: opacity 220ms ease;
}
@supports (height: 100dvh) { .website-popup-overlay { --popup-vh: 100dvh; } }
.website-popup-overlay.is-open { opacity: 1; }
.website-popup-dialog {
    position: relative;
    display: flex;
    flex-direction: column;
    width: max-content;
    min-width: min(340px, 100%);
    max-width: min(800px, 100%);
    max-height: calc(var(--popup-vh) - var(--popup-top) - var(--popup-bottom));
    margin: 0;
    overflow: hidden;
    border: 1px solid #ffffffb3;
    border-radius: 24px;
    background: linear-gradient(135deg, #fff, #fbf7ff);
    box-shadow: 0 28px 90px #17082340, 0 3px 15px #1708231f;
    transform: translateY(12px) scale(.98);
    transition: transform 220ms ease;
}
.is-open .website-popup-dialog { transform: translateY(0) scale(1); }
.website-popup-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 58px; flex-shrink: 0; padding: 8px 14px 8px 22px; }
.website-popup-toolbar > span { font-size: 11px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: #836492; }
.website-popup-overlay .website-popup-close { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid #eadff0; border-radius: 50%; background: #f5eef9; color: #56206b; font: 26px/1 Arial, sans-serif; cursor: pointer; }
.website-popup-close:hover { background: #eadcf2; }
.website-popup-body { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 0 10px; opacity: 1; transform: translateY(0); transition: opacity 220ms ease, transform 220ms ease; }
.website-popup-body.is-changing { opacity: 0; transform: translateY(6px); }
.website-popup-link { display: block; max-width: 100%; overflow: hidden; border-radius: 15px; background: #fff; color: inherit; text-decoration: none; }
.website-popup-link > img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(778px, calc(100vw - var(--popup-left) - var(--popup-right) - 22px));
    max-height: max(80px, calc(var(--popup-vh) - var(--popup-top) - var(--popup-bottom) - 132px));
    margin-inline: auto;
    object-fit: contain;
}
.website-popup-copy { display: grid; gap: 8px; padding: 18px 20px; overflow-wrap: anywhere; }
.website-popup-link--caption > img { max-height: max(80px, calc(var(--popup-vh) - var(--popup-top) - var(--popup-bottom) - 242px)); }
.website-popup-copy strong { font-size: clamp(1.05rem, 2vw, 1.4rem); line-height: 1.35; color: #452351; }
.website-popup-copy span { font-size: .85rem; line-height: 1.7; color: #82728a; white-space: pre-line; }
.website-popup-link--text { width: min(490px, calc(100vw - var(--popup-left) - var(--popup-right) - 22px)); background: linear-gradient(145deg, #fff, #f4ebfa); }
.website-popup-copy.is-text-only { padding: clamp(24px, 4vw, 38px); }
.website-popup-copy.is-text-only strong { font-size: clamp(1.4rem, 3vw, 2rem); }
.website-popup-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 20px; min-height: 66px; flex-shrink: 0; }
.website-popup-progress { color: #8c7796; font-size: 11px; white-space: nowrap; }
.website-popup-overlay .website-popup-actions { display: flex; align-items: center; gap: 10px; }
.website-popup-overlay .website-popup-actions button { min-height: 40px; border-radius: 12px; padding: 9px 14px; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; cursor: pointer; }
.website-popup-skip { border: 1px solid #e8dced; background: transparent; color: #806b8c; }
.website-popup-next { border: 1px solid #ffffff40; background: linear-gradient(135deg, #80419f, #56206b); box-shadow: inset 0 1px 0 #ffffff30, 0 4px 10px #56206b15; color: #fff; }
.website-popup-overlay :is(a, button):focus-visible { outline: 3px solid #ad74cd; outline-offset: -3px; }
@media (max-width: 600px) {
    .website-popup-overlay { --popup-side: 18px; --popup-edge: 24px; }
    .website-popup-dialog { border-radius: 20px; }
    .website-popup-overlay .website-popup-close { width: 44px; height: 44px; }
    .website-popup-toolbar { min-height: 56px; padding-left: 16px; }
    .website-popup-copy { padding: 16px; }
    .website-popup-footer { padding: 12px; gap: 8px; flex-wrap: wrap; }
    .website-popup-overlay .website-popup-actions { gap: 8px; margin-left: auto; }
    .website-popup-overlay .website-popup-actions button { min-height: 44px; padding: 10px 12px; font-size: 11px; }
    .website-popup-progress { font-size: 10px; }
}
@media (max-height: 480px) and (orientation: landscape) {
    .website-popup-overlay { --popup-edge: 16px; }
    .website-popup-toolbar { min-height: 48px; padding-block: 4px; }
    .website-popup-footer { min-height: 54px; padding-block: 7px; }
}
@media (prefers-reduced-motion: reduce) {
    .website-popup-overlay, .website-popup-dialog, .website-popup-body { transition: none; }
    .website-popup-dialog, .website-popup-body.is-changing { transform: none; }
}
