/* SUZANA pages: shop, product, checkout, text pages. Card grid, logo and features strip start in base.css. */

/* Fonts are served from this site (suzana/fonts), so no visitor data goes to Google. Variable fonts from
   Google Fonts, SIL Open Font License. latin-ext includes the ₪ sign. */
@font-face{font-family:'Jost';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/jost-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/jost-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 400;font-display:swap;src:url(fonts/cormorant-garamond-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 400;font-display:swap;src:url(fonts/cormorant-garamond-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Contrast and type (WCAG AA, as Israeli Standard 5568 requires). Gold (#a3814f, 3.1:1 on cream) is kept for
   headings 24px and up, ornaments and borders; small text uses bronze (6.5:1) or the darker muted (5.5:1).
   Type scale: 14 / 16 / 18 / 24 / 32 / 48 / 64. Nothing under 14px except the logo lockup. */
:root{--color-muted:#705a44;--color-text-accent:#6b4e2e;--color-error:#a1342b;--color-field:#9c8366;
 --color-whatsapp:#4f7f5e;--color-whatsapp-dark:#3f6b4e}
[hidden]{display:none!important}
.announcement{font-size:14px}
.suz-usp span,.suz-usp small{font-size:14px}
.suz-coll__grid .suz-card__kind{font-size:14px;letter-spacing:.14em;color:var(--color-muted)}
.footer h4{font-size:14px}
.footer__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:600px){.footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}

/* WhatsApp: a muted sage that reads as "WhatsApp" next to the cream and gold (white text passes AA) */
.suz-btn.suz-btn--wa{background:var(--color-whatsapp)}
.suz-btn.suz-btn--wa:hover{background:var(--color-whatsapp-dark)}
.suz-btn{display:inline-block;padding:16px 30px;background:var(--color-cart);color:var(--color-secondary);font:500 14px/1.2 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:background .2s}
.suz-btn:hover{background:var(--color-primary);color:var(--color-secondary)}
.suz-btn--block{display:block;width:100%;box-sizing:border-box;text-align:center}
.suz-btn[disabled]{opacity:.5;cursor:not-allowed}
.suz-btn:focus-visible,.suz-link:focus-visible,.suz-card a:focus-visible,.suz-card__add:focus-visible,.suz-sym:focus-visible,.suz-chips a:focus-visible{outline:2px solid var(--color-text-accent);outline-offset:3px}
.suz-link{font:400 14px/1.4 'Jost',sans-serif;letter-spacing:.06em;color:var(--color-text-accent);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
.suz-link:hover{text-decoration:underline}
.suz-eyebrow{font:500 14px/1 'Jost',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);margin:0 0 16px}
.header__nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}

/* Header: sticky on every page; on the homepage it starts transparent over the video and turns solid on scroll */
.header{position:sticky;top:0}
.suz-bag-btn.is-bump{animation:suz-bump .4s ease-out}
@keyframes suz-bump{40%{transform:scale(1.18)}}
.suz-bag-count{position:absolute;top:-6px;right:-9px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:10px;background:var(--color-cart);color:#fffdf9;font:500 13px/20px 'Jost',sans-serif;text-align:center}
.suz-over-hero .header{position:absolute;top:auto;left:0;right:0;background:transparent;transition:background .3s,box-shadow .3s} /* top:auto = just below the announcement bar */
.suz-over-hero .header:before{content:"";position:absolute;inset:0 0 -56px;background:linear-gradient(rgba(36,26,16,.55),rgba(36,26,16,0));pointer-events:none;z-index:-1}
.suz-over-hero .header:not(.is-solid) :is(.suz-logo,.header__nav a,.header__icon,.header__burger){color:#fffdf9}
.suz-over-hero .header.is-solid{position:fixed;top:0;background:var(--color-secondary);box-shadow:0 1px 0 rgba(74,56,38,.08),0 12px 28px -16px rgba(74,56,38,.3);animation:suz-drop .35s cubic-bezier(.22,1,.36,1)}
.suz-over-hero .header.is-solid:before{display:none}
@keyframes suz-drop{from{transform:translateY(-100%)}}

/* Homepage background video (rules taken from the theme's home.css, which the new site doesn't load) */
.hero__video{position:relative}
.hero__video video{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:1440/824;pointer-events:none}
.hero__video video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.hero__video video::-webkit-media-controls{display:none!important}
.hero .hero__video>.hero__poster{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;transition:opacity .4s ease}
.hero .hero__video .hero__poster img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.hero__video.is-playing .hero__poster{opacity:0}
.suz-hero__pause{position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,253,249,.75);background:rgba(36,26,16,.4);color:#fffdf9;display:grid;place-items:center;cursor:pointer}
.suz-hero__pause span{width:10px;height:14px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}
.suz-hero__pause.is-paused span{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor;margin-left:4px}
.suz-hero__pause:focus-visible{outline:2px solid #fffdf9;outline-offset:3px}
@media (max-width:600px){.hero__video video{aspect-ratio:390/570}}

/* Gentle fade-up as sections scroll in; off for reduced motion and the accessibility menu's "stop animations" */
@media (prefers-reduced-motion:no-preference){
 .suz-js .suz-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.22,1,.36,1)}
 .suz-js .suz-reveal.is-in{opacity:1;transform:none}
}
.a11y-still .suz-reveal{opacity:1!important;transform:none!important}

/* Shop by symbol */
.suz-symbols{background:var(--color-secondary);padding:72px 16px 64px;text-align:center}
.suz-symbols__row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1100px;margin:0 auto}
.suz-sym{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 16px 34px;background:var(--color-background);color:var(--color-text-accent);text-decoration:none;border:1px solid transparent;transition:border-color .25s,box-shadow .25s,transform .25s}
.suz-sym:hover{border-color:var(--color-accent);box-shadow:0 12px 28px -18px rgba(74,56,38,.45);transform:translateY(-3px)}
.suz-sym svg{width:58px;height:58px;fill:none;stroke:var(--color-accent);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.suz-sym__name{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}
.suz-sym__line{font:400 14px/1.3 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}
@media (max-width:800px){.suz-symbols{padding:52px 16px 44px}.suz-symbols__row{grid-template-columns:repeat(2,1fr);gap:10px}.suz-sym{padding:28px 10px 24px}.suz-sym__name{font-size:22px}}

/* Product cards: price under the name; desktop hover shows "Add to bag", phones always show a bag button */
.suz-card{position:relative;align-items:stretch;padding:0;color:var(--color-text-accent)}
.suz-card__media{position:relative;overflow:hidden}
.suz-card__media>a{display:block}
.suz-card__media img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.suz-card:hover .suz-card__media img{transform:scale(1.04)}
.suz-card__link{display:flex;flex-direction:column;align-items:center;padding:10px 12px 20px;text-decoration:none;color:inherit}
.suz-card__price{font:400 16px/1.3 'Jost',sans-serif;letter-spacing:.04em;color:var(--color-primary);margin-top:8px;font-variant-numeric:tabular-nums}
.suz-card__add{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:rgba(255,253,249,.95);color:var(--color-primary);font:500 14px/1 'Jost',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:opacity .2s,transform .2s,background .2s,color .2s}
.suz-card__add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;flex:none}
.suz-card__add.is-off{left:12px;top:12px;height:32px;padding:0 12px;cursor:default;font-size:14px}
@media (hover:hover){
 .suz-card__add:not(.is-off){left:12px;right:12px;bottom:12px;height:46px;opacity:0;transform:translateY(8px)}
 .suz-card:hover .suz-card__add,.suz-card:focus-within .suz-card__add{opacity:1;transform:none}
 .suz-card__add:not(.is-off):hover{background:var(--color-cart);color:#fffdf9}
}
@media (hover:none){
 .suz-card__add:not(.is-off){right:8px;bottom:8px;width:44px;height:44px;border-radius:50%}
 .suz-card__add:not(.is-off) span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
.suz-coll__grid .suz-card__name{color:var(--color-text-accent)}
@media (max-width:700px){.suz-card__price{font-size:15px}}

/* Collection page */
.suz-coll__sub{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:32px;color:var(--color-accent);margin:48px 0 20px;scroll-margin-top:140px}
.suz-coll--more{padding-top:24px}
.suz-coll__intro{font:300 18px/1.6 'Jost',sans-serif;color:var(--color-primary);margin:-16px auto 26px;max-width:560px}
.suz-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 32px;max-width:960px}
.suz-chips a{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-secondary);font:400 14px/1 'Jost',sans-serif;letter-spacing:.08em;color:var(--color-primary);text-decoration:none;transition:border-color .2s}
.suz-chips a:hover{border-color:var(--color-primary)}
.suz-chips a[aria-current]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-secondary)}

.suz-band{text-align:center;padding:72px 24px;background:var(--color-surface)}
.suz-band h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(28px,3.4vw,40px);color:var(--color-accent);margin:0 0 12px}
.suz-band p{font:300 18px/1.6 'Jost',sans-serif;color:var(--color-primary);margin:0 0 18px}

/* Product page: gallery stays in view while the details scroll */
.suz-prod,.suz-checkout{max-width:1240px;margin-inline:auto}
.suz-prod{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:start;padding:40px 24px 24px}
.suz-prod__media{position:sticky;top:calc(var(--suz-header-h,0px) + 16px)}
.suz-gallery__main{display:block;position:relative;width:100%;padding:0;border:0;background:var(--color-surface);cursor:zoom-in}
.suz-gallery__main img{display:block;width:100%;height:auto;aspect-ratio:1/1}
.suz-gallery__main:focus-visible{outline:2px solid var(--color-text-accent);outline-offset:3px}
.suz-gallery__hint{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;background:rgba(255,253,249,.92);color:var(--color-primary);display:grid;place-items:center}
.suz-gallery__hint svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.suz-gallery__thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.suz-gallery__thumbs button{width:76px;height:76px;padding:0;border:1px solid transparent;background:var(--color-surface);cursor:pointer}
.suz-gallery__thumbs button[aria-current]{border-color:var(--color-primary)}
.suz-gallery__thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.suz-prod__info h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(34px,3.6vw,48px);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);margin:14px 0 6px}
.suz-prod__price{font:400 20px/1.3 'Jost',sans-serif;letter-spacing:.04em;color:var(--color-primary);margin:0 0 18px;font-variant-numeric:tabular-nums}
.suz-prod__text{font:300 18px/1.65 'Jost',sans-serif;color:var(--color-primary);margin:0 0 26px;max-width:460px}
.suz-buy{display:flex;flex-direction:column;gap:12px;max-width:460px}
.suz-opt{border:0;margin:0 0 10px;padding:0;min-width:0}
.suz-opt legend{display:flex;align-items:center;gap:10px;width:100%;padding:0;margin-bottom:8px;font:500 14px/1.4 'Jost',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}
.suz-opt__picked{font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--color-muted)}
.suz-opt__guide{margin-left:auto;min-height:44px;padding:0;background:none;border:0;font:400 14px 'Jost',sans-serif;letter-spacing:.04em;text-transform:none;color:var(--color-text-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.suz-opt__row{display:flex;flex-wrap:wrap;gap:8px}
.suz-swatch,.suz-chip{position:relative;cursor:pointer}
.suz-swatch input,.suz-chip input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.suz-swatch{padding:4px}
.suz-swatch>span{display:block;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(74,56,38,.25);outline:1.5px solid transparent;outline-offset:3px;transition:outline-color .15s}
.suz-swatch--yellow-gold>span{background:linear-gradient(135deg,#f3d58a,#c9a24c 55%,#a8823a)}
.suz-swatch--white-gold>span{background:linear-gradient(135deg,#f8f6f1,#d9d6ce 55%,#b3afa5)}
.suz-swatch--rose-gold>span{background:linear-gradient(135deg,#f6cdb8,#d9997c 55%,#b3725a)}
.suz-swatch:hover>span{outline-color:var(--color-border)}
.suz-swatch input:checked+span{outline-color:var(--color-primary)}
.suz-swatch input:focus-visible+span{outline:2px solid var(--color-text-accent)}
.suz-chip>span{display:grid;place-items:center;min-width:48px;height:48px;padding:0 12px;box-sizing:border-box;border:1px solid var(--color-field);background:var(--color-secondary);font:400 16px/1 'Jost',sans-serif;color:var(--color-primary);transition:background .15s,border-color .15s,color .15s}
.suz-chip:hover>span{border-color:var(--color-primary)}
.suz-chip input:checked+span{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-secondary)}
.suz-chip input:focus-visible+span{outline:2px solid var(--color-text-accent);outline-offset:2px}
.suz-opt.is-invalid .suz-chip>span{border-color:var(--color-error)}
.suz-opt__err{margin:8px 0 0;font-size:14px;color:var(--color-error)}
.suz-trust{list-style:none;display:flex;flex-wrap:wrap;gap:12px 22px;padding:0;margin:24px 0 14px;font:400 14px/1.3 'Jost',sans-serif;color:var(--color-primary)}
.suz-trust li{display:flex;align-items:center;gap:8px}
.suz-trust svg{width:20px;height:20px;fill:none;stroke:var(--color-text-accent);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.suz-acc{border-top:1px solid var(--color-border);max-width:460px}
.suz-acc:last-of-type{border-bottom:1px solid var(--color-border)}
.suz-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:52px;cursor:pointer;font:500 14px/1.3 'Jost',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}
.suz-acc summary::-webkit-details-marker{display:none}
.suz-acc summary:after{content:"+";font:300 22px/1 'Jost',sans-serif}
.suz-acc[open] summary:after{content:"\2212"}
.suz-acc summary:focus-visible{outline:2px solid var(--color-text-accent);outline-offset:2px}
.suz-acc p{margin:0 0 18px;font:300 16px/1.65 'Jost',sans-serif;color:var(--color-primary)}
.suz-acc a{color:var(--color-text-accent)}
.suz-sticky{display:none}
@media (max-width:800px){
 .suz-prod{grid-template-columns:1fr;gap:24px;padding:16px 16px 24px}
 .suz-prod__media{position:static}
 .suz-sticky{position:fixed;left:0;right:0;bottom:0;z-index:850;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--color-secondary);box-shadow:0 -10px 26px -14px rgba(74,56,38,.35);transform:translateY(110%);transition:transform .25s ease-out}
 .suz-sticky.is-on{transform:none}
 .suz-sticky__name{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;color:var(--color-primary)}
 .suz-sticky__name span{display:block;font:400 15px 'Jost',sans-serif}
 .suz-sticky .suz-btn{padding:14px 20px}
 .suz-has-sticky .suz-wa{bottom:86px}
}

/* Zoom and size guide dialogs */
.suz-zoom,.suz-guide{border:0;padding:0;background:var(--color-secondary);color:var(--color-primary)}
.suz-zoom::backdrop,.suz-guide::backdrop{background:rgba(36,26,16,.6)}
.suz-zoom{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0}
.suz-zoom__stage{width:100%;height:100%;overflow:auto;display:grid;place-items:center;cursor:zoom-in}
.suz-zoom__stage img{display:block;max-width:100%;max-height:100dvh;object-fit:contain}
.suz-zoom__stage.is-zoomed{display:block;cursor:zoom-out}
.suz-zoom__stage.is-zoomed img{width:200vmin;max-width:none;max-height:none}
.suz-dialog__x{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,253,249,.92);color:var(--color-primary);font:300 28px/1 'Jost',sans-serif;cursor:pointer}
.suz-zoom .suz-dialog__x{position:fixed;box-shadow:0 2px 10px rgba(36,26,16,.2)}
.suz-dialog__x:focus-visible{outline:2px solid var(--color-text-accent);outline-offset:2px}
.suz-guide{width:calc(100% - 32px);max-width:560px;padding:34px 28px 24px;box-sizing:border-box}
.suz-guide h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:32px;color:var(--color-text-accent);margin:0 0 10px}
.suz-guide p{font:300 16px/1.6 'Jost',sans-serif;margin:0 0 14px}

/* Bag drawer */
.overlay.is-open~.suz-wa{display:none} /* the floating WhatsApp button would cover Checkout */
.cartd .fdrawer__x{width:44px;height:44px;top:8px;right:8px}
.cartd__head{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;letter-spacing:.03em;color:var(--color-text-accent)}
.suz-bag__empty{padding:44px 28px;text-align:center;font:300 16px/1.6 'Jost',sans-serif}
.suz-ship{margin:18px 28px 4px}
.suz-ship p{margin:0 0 8px;font:400 14px/1.4 'Jost',sans-serif;color:var(--color-primary)}
.suz-ship__bar{height:4px;background:var(--color-border);overflow:hidden}
.suz-ship__bar span{display:block;height:100%;background:var(--color-cart);transition:width .4s ease-out}
.suz-lines{list-style:none;margin:0;padding:0 28px}
.suz-line{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:14px;padding:18px 0;border-bottom:1px solid var(--color-border)}
.suz-line__img img{display:block;width:80px;height:80px;object-fit:cover;background:var(--color-surface)}
.suz-line__name{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.2;color:var(--color-primary);text-decoration:none}
.suz-line__opts{display:block;margin-top:2px;font-size:14px;color:var(--color-muted)}
.suz-qty{display:inline-flex;align-items:center;margin-top:10px;border:1px solid var(--color-field)}
.suz-qty button{width:40px;height:40px;border:0;background:none;color:var(--color-primary);font:300 20px/1 'Jost',sans-serif;cursor:pointer}
.suz-qty button[disabled]{opacity:.35;cursor:default}
.suz-qty span{min-width:26px;text-align:center;font-size:16px}
.suz-line__end{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}
.suz-line__price{font-size:16px;font-variant-numeric:tabular-nums}
.suz-line__remove{min-height:44px;padding:0;background:none;border:0;font:400 14px 'Jost',sans-serif;color:var(--color-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.suz-look{margin:20px 28px;padding:16px;background:var(--color-background)}
.suz-look__title{margin:0 0 10px;font:500 14px/1 'Jost',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}
.suz-look__item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center}
.suz-look__item img{width:64px;height:64px;object-fit:cover;background:var(--color-surface)}
.suz-look__item a:not(.suz-look__add){display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;color:var(--color-primary);text-decoration:none}
.suz-look__item span{font-size:14px}
.suz-look__add{min-height:44px;padding:0 16px;display:grid;place-items:center;border:1px solid var(--color-primary);background:none;font:500 14px/1 'Jost',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);text-decoration:none;cursor:pointer}
.suz-look__add:hover{background:var(--color-primary);color:var(--color-secondary)}
.suz-bag__foot{flex:none;padding:14px 28px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-secondary)}
.suz-bag__total{display:flex;justify-content:space-between;margin:10px 0 2px;font-size:18px;font-variant-numeric:tabular-nums}
.suz-bag__small{margin:0 0 12px;font-size:14px;color:var(--color-muted)}
.suz-check{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding-top:10px;box-sizing:border-box;font:400 16px/1.4 'Jost',sans-serif;color:var(--color-primary);cursor:pointer}
.suz-check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--color-cart)}
.suz-check a{color:var(--color-text-accent)}

/* Checkout, payment and thank-you */
.suz-checkout{padding:40px 24px 80px}
.suz-checkout h1,.suz-pay h1,.suz-thanks h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(38px,4.6vw,56px);color:var(--color-accent);margin:0 0 24px}
.suz-checkout__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:start}
.suz-form fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}
.suz-form legend{padding:0;margin-bottom:12px;font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;color:var(--color-text-accent)}
.suz-field{margin-bottom:14px}
.suz-field label{display:block;margin-bottom:6px;font:400 14px/1.4 'Jost',sans-serif;letter-spacing:.04em;color:var(--color-primary)}
.suz-field label span{color:var(--color-muted)}
.suz-field input,.suz-field textarea{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;border:1px solid var(--color-field);border-radius:0;background:var(--color-secondary);font:400 16px/1.4 'Jost',sans-serif;color:var(--color-primary)}
.suz-field input:focus,.suz-field textarea:focus{outline:2px solid var(--color-text-accent);outline-offset:1px;border-color:var(--color-primary)}
.suz-field [aria-invalid=true]{border-color:var(--color-error)}
.suz-field__hint{margin:6px 0 0;font-size:14px;color:var(--color-muted)}
.suz-field__err{margin:6px 0 0;font-size:14px;color:var(--color-error)}
.suz-field-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.suz-choice{display:grid;gap:10px;margin-bottom:16px}
.suz-choice label{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--color-border);background:var(--color-secondary);cursor:pointer}
.suz-choice label:has(input:checked){border-color:var(--color-primary)}
.suz-choice input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--color-cart)}
.suz-choice strong{display:block;font-weight:500;font-size:16px}
.suz-choice small{font-size:14px;color:var(--color-muted)}
.suz-form__alert{margin-bottom:20px;padding:14px 16px;border:1px solid var(--color-error);background:#fbeeea;color:#7d2219;font-size:16px}
.suz-form__alert:focus{outline:2px solid var(--color-error);outline-offset:2px}
.suz-form__note{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--color-muted)}
.suz-summary{position:sticky;top:calc(var(--suz-header-h,0px) + 16px);padding:28px;background:var(--color-background)}
.suz-summary h2,.suz-thanks h2{margin:0 0 14px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:28px;color:var(--color-text-accent)}
.suz-summary__lines{list-style:none;margin:0 0 14px;padding:0}
.suz-summary__lines li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:14px;color:var(--color-muted)}
.suz-summary__lines li>span:first-of-type{flex:1}
.suz-summary__lines li>span:last-child{font-size:16px;color:var(--color-primary);font-variant-numeric:tabular-nums}
.suz-summary__lines img{width:64px;height:64px;object-fit:cover;background:var(--color-surface)}
.suz-summary__lines strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-weight:400;color:var(--color-primary)}
.suz-pay dl,.suz-thanks dl,.suz-summary dl{margin:0 0 14px}
.suz-pay dl div,.suz-thanks dl div,.suz-summary dl div{display:flex;justify-content:space-between;padding:6px 0;font-size:16px;font-variant-numeric:tabular-nums}
.suz-pay dt,.suz-pay dd,.suz-thanks dt,.suz-thanks dd,.suz-summary dt,.suz-summary dd{margin:0}
dl .suz-summary__total{margin-top:6px;padding-top:12px!important;border-top:1px solid var(--color-primary);font-size:20px!important;font-weight:500}
.suz-summary .suz-link{min-height:44px}
.suz-pay,.suz-thanks{max-width:620px}
.suz-pay .suz-btn{margin:10px 0 16px}
.suz-test{padding:14px 16px;background:#fff3c4;color:#5c4400}
.suz-thanks__lead{font-size:18px}
.suz-thanks ol{margin:0 0 24px;padding-left:22px}
.suz-thanks li{font:300 17px/1.7 'Jost',sans-serif;margin-bottom:6px}
@media (max-width:900px){.suz-checkout{padding:24px 16px 60px}.suz-checkout__grid{grid-template-columns:1fr;gap:28px}.suz-summary{position:static;order:-1;padding:20px}}

/* Text pages */
.suz-text{max-width:720px;padding:64px 24px 80px}
.suz-text h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(38px,4.6vw,56px);color:var(--color-accent);margin:0 0 24px}
.suz-text h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:28px;color:var(--color-accent);margin:36px 0 8px}
.suz-text p{font:300 17px/1.7 'Jost',sans-serif;color:var(--color-primary);margin:0 0 16px}
.suz-text .suz-btn{margin-top:20px}
.suz-text ul{margin:0 0 16px;padding-left:20px}
.suz-text li{font:300 17px/1.7 'Jost',sans-serif;color:var(--color-primary);margin:0 0 8px}
.suz-text strong{font-weight:500}
.suz-text a:not(.suz-btn){color:var(--color-text-accent)}
.suz-text h2[id]{scroll-margin-top:140px}
.suz-text p.suz-date{font-size:14px;color:var(--color-muted);margin-top:-12px}
.suz-fill{background:#fff3c4;color:#5c4400;padding:0 3px} /* placeholder Suzana still has to fill in */
.suz-table{overflow-x:auto;margin:0 0 16px}
.suz-table table{width:100%;border-collapse:collapse;font:300 15px/1.5 'Jost',sans-serif;color:var(--color-primary)}
.suz-table th{font-weight:500;text-align:left;border-bottom:1px solid var(--color-accent);padding:10px 12px 10px 0}
.suz-table td{border-bottom:1px solid var(--color-border);padding:10px 12px 10px 0;vertical-align:top}

/* Cookie consent banner (suzana/consent.js). Both buttons look the same: refusing is as easy as accepting. */
.suz-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:780px;margin:0 auto;display:flex;gap:20px;align-items:center;padding:18px 20px;background:var(--color-secondary);color:var(--color-primary);border:1px solid var(--color-border);box-shadow:0 10px 30px rgba(74,56,38,.18)}
.suz-consent p{margin:0;font:300 14px/1.55 'Jost',sans-serif}
.suz-consent a{color:var(--color-text-accent)}
.suz-consent__btns{display:flex;gap:10px;flex:none}
.suz-consent button{min-height:44px;padding:0 16px;font:500 14px/1 'Jost',sans-serif;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--color-cart);background:var(--color-cart);color:var(--color-secondary);cursor:pointer}
.suz-consent button:hover{background:var(--color-primary);border-color:var(--color-primary)}
.suz-consent button:focus-visible{outline:2px solid var(--color-text-accent);outline-offset:2px}
@media (max-width:640px){.suz-consent{flex-direction:column;align-items:stretch}.suz-consent__btns button{flex:1}}