:root {
  --as-ink: #12201e;
  --as-body: #5d6665;
  --as-muted: #858b8a;
  --as-icon-default: #717978;
  --as-green: #008a61;
  --as-forest: #052e28;
  --as-pale: #f0f2f5;
  --as-line: #e3e6e6;
  --as-paper: #fff;
  --as-radius: 24px;
  --as-sora: "Sora", Arial, sans-serif;
  --as-manrope: "Manrope", Arial, sans-serif;
  --as-rufina: "Rufina", Georgia, serif;
  --as-shadow: 0 38px 74px -32px rgba(18, 32, 30, .22);
  --as-ease-soft: cubic-bezier(.22, 1, .36, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.asovera-marketing-site { background: #fff; color: var(--as-ink); font-family: var(--as-manrope); font-size: 16px; line-height: 1.6; margin: 0; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
img, video { display: block; max-width: 100%; }
[hidden] { display: none !important; }

.skip-link { background: var(--as-forest); color: #fff; left: 0; padding: 8px 14px; position: fixed; top: -60px; z-index: 100; }
.skip-link:focus { top: 0; }
.content-width { margin-inline: auto; max-width: 1210px; width: calc(100% - 48px); }
.content-width--narrow { max-width: 760px; }
.content-width--faq { max-width: 740px; }
.section { padding: 112px 0; }
.section-heading { max-width: 620px; }
.section-heading h2, .section--cta h2 { font-family: var(--as-sora); font-size: 56px; font-weight: 600; letter-spacing: -2.4px; line-height: 1.08; margin: 20px 0 22px; }
.section-heading > p:not(.eyebrow), .hero__intro > p { color: var(--as-body); font-size: 16px; line-height: 1.75; margin: 0; }
.eyebrow { color: var(--as-green); font-size: 11px; font-weight: 600; letter-spacing: 2.35px; line-height: 16px; margin: 0; text-transform: uppercase; }
.section-heading--center { margin-inline: auto; text-align: center; }
.copy-compact { display: none; }

html.has-scroll-reveal [data-scroll-reveal] {
  opacity: 0;
  transform: translate3d(0,28px,0);
  transition: opacity .9s var(--as-ease-soft), transform .9s var(--as-ease-soft);
  transition-delay: var(--reveal-delay,0ms);
  will-change: opacity,transform;
}
html.has-scroll-reveal [data-scroll-reveal][data-reveal-visible="true"] { opacity: 1; transform: none; }
html.has-scroll-reveal [data-scroll-reveal][data-reveal-complete="true"] { will-change: auto; }

.site-header { background: #fff; position: relative; z-index: 30; }
.site-header__inner { align-items: center; display: grid; grid-template-columns: 1fr auto 1fr; height: 68px; }
.site-nav { align-items: center; display: flex; gap: 40px; }
.site-nav--left a { color: #495352; font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 28px; }
.site-nav--right { justify-content: flex-end; }
.site-brand { display: inline-flex; }
.brand-mark { align-items: center; display: inline-flex; gap: 6px; height: 30px; width: 112px; }
.brand-mark img { flex: none; }
.brand-mark__symbol { height: 30px; width: 30px; }
.brand-mark__word { height: auto; width: 76px; }
.brand-mark--compact { gap: 4px; height: 20px; width: 75px; }
.brand-mark--compact .brand-mark__symbol { height: 20px; width: 20px; }
.brand-mark--compact .brand-mark__word { width: 51px; }

.button { align-items: center; border: 1.2px solid transparent; border-radius: 100px; display: inline-flex; font-size: 14px; font-weight: 600; gap: 12px; justify-content: center; line-height: 20px; min-height: 52px; padding: 10px 24px; transition: background .2s ease, color .2s ease, transform .2s ease; }
.button img { height: 16px; width: 16px; }
.button:hover { transform: translateY(-1px); }
.button--primary { background: var(--as-forest); color: #fff; }
.button--primary:hover { background: #001d19; }
.site-nav a.button--primary, .site-nav a.button--primary:hover { color: #fff; }
.button--secondary { background: #fff; border-color: var(--as-forest); color: var(--as-forest); }
.button--secondary:hover { background: #f5f8f7; }
.button--small { font-family: "Inter", Arial, sans-serif; font-size: 14px; font-weight: 500; height: 40px; min-height: 40px; padding: 0 16px; }
.site-header .button--primary { background: #092622; }
.button--accent { background: var(--as-green); color: #fff; min-width: 170px; }

/* Shared legal-page template: Figma nodes 11747:5165, 11747:26850, 11747:27096. */
.legal-page { background: #fff; }
.asovera-legal-page .site-header { left: 0; position: fixed; right: 0; top: 0; }
.asovera-legal-page .legal-page { padding-top: 68px; }
.asovera-legal-page.admin-bar .site-header { top: 32px; }
.legal-page__hero { background: rgba(255,255,255,.4); }
.legal-page__hero-inner { margin-inline: auto; max-width: 864px; padding: 60px 0; }
.legal-page__hero h1 { color: #12201e; font-family: var(--as-sora); font-size: 48px; font-weight: 600; letter-spacing: .24px; line-height: 60px; margin: 0; }
.legal-page__content { color: #495352; display: flex; flex-direction: column; gap: 46px; margin-inline: auto; max-width: 864px; padding: 64px 0 100px; }
.legal-page__updated { color: #717978; font-family: "Inter", Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 0 0 -18px; }
.legal-page__section { margin: 0; }
.legal-page__section h2 { color: #12201e; font-family: "Inter", Arial, sans-serif; font-size: 24px; font-weight: 600; letter-spacing: 0; line-height: 32px; margin: 0 0 24px; }
.legal-page__copy { font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 28px; }
.legal-page__copy p, .legal-page__copy ul, .legal-page__copy address { margin: 0; }
.legal-page__copy p + p, .legal-page__copy p + address { margin-top: 20px; }
.legal-page__copy ul { padding-left: 24px; }
.legal-page__copy p + ul, .legal-page__copy ul + p { margin-top: 16px; }
.legal-page__copy li + li { margin-top: 8px; }
.legal-page__copy address { font-style: normal; }
.legal-page__copy a { color: #006f50; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.legal-page__copy a:hover { color: #004f3a; }
.legal-page__copy a:focus-visible { border-radius: 2px; outline: 2px solid #008a61; outline-offset: 3px; }

.section--hero { padding: 100px 0 112px; }
.hero__content { align-items: center; display: flex; flex-direction: column; gap: 72px; }
.hero__intro { align-items: center; display: flex; flex-direction: column; gap: 30px; max-width: 800px; text-align: center; }
.hero h1 { font-family: var(--as-sora); font-size: 60px; font-weight: 600; letter-spacing: -2.5px; line-height: 1.21; margin: 0; }
.hero__intro > p { font-family: "Inter", Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 32.5px; max-width: 698px; width: min(100%, 698px); }
.button-row { display: flex; gap: 10px; }
.button-row .button { min-width: 196px; }
.section--hero .button-row .button { font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 28px; }
.hero-media { background: transparent; border-radius: 24px; box-shadow: none; height: 667px; overflow: hidden; width: 100%; }
.hero-media img { height: 100%; object-fit: cover; object-position: center; width: 100%; }

.section--styles .section-heading { margin-bottom: 56px; max-width: 672px; }
.style-selector { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 40px; position: relative; }
.style-option { align-items: center; background: rgba(240,242,245,.38); border: 1px solid #dfe3e6; border-radius: 16px; display: flex; gap: 12px; height: 71.4px; padding: 12px 19px; text-align: left; width: 151.4px; }
.style-option[data-demo-style="custom"] { width: 161px; }
.custom-style-wrap { flex: 0 0 161px; position: relative; width: 161px; }
.custom-style-wrap .style-option { width: 100%; }
.style-option:hover { border-color: var(--as-green); box-shadow: 0 0 0 1px rgba(0,138,97,.08); }
.style-option.is-active { border-color: var(--as-green); border-width: 2px; box-shadow: none; }
.style-option b, .style-option small { display: block; white-space: nowrap; }
.style-option b { color: #202926; font-size: 14px; line-height: 20px; }
.style-option small { color: #858b8a; font-size: 12px; line-height: 17px; }
.style-swatch { display: flex; flex: none; width: 48px; }
.style-swatch i, .style-swatch img { border: 2px solid #f0f2f5; border-radius: 50%; display: block; height: 20px; margin-right: -7px; object-fit: cover; width: 20px; }
.style-swatch i:last-child { margin-right: 0; }
.style-swatch--evergreen i:nth-child(1) { background: #092622; }.style-swatch--evergreen i:nth-child(2) { background: #051513; }.style-swatch--evergreen i:nth-child(3) { background: #fadba7; }
.style-swatch--merlot i:nth-child(1) { background: #422124; }.style-swatch--merlot i:nth-child(2) { background: #241214; }.style-swatch--merlot i:nth-child(3) { background: #fadba7; }
.style-swatch--noir i:nth-child(1) { background: #2b2b2b; }.style-swatch--noir i:nth-child(2) { background: #181818; }.style-swatch--noir i:nth-child(3) { background: #fff; }
.style-swatch--custom { --custom-primary: #24574f; --custom-accent: #e1bc78; --custom-highlight: #717978; }
.style-swatch--custom i:nth-child(1) { background: var(--custom-primary); }.style-swatch--custom i:nth-child(2) { background: var(--custom-accent); }.style-swatch--custom i:nth-child(3) { background: var(--custom-highlight); }
.custom-colour-controls { align-items: stretch; background: #fff; border: 1px solid #e1e4e3; border-radius: 12px; bottom: calc(100% + 10px); box-shadow: 0 14px 32px rgba(18,32,30,.14); display: none; flex-direction: column; gap: 10px; margin: 0; padding: 12px; position: absolute; right: 0; width: min(220px,calc(100vw - 40px)); z-index: 30; }
.style-selector.is-custom-open .custom-colour-controls { display: flex; }
.colour-picker { align-items: center; color: var(--as-body); display: grid; font-size: 10px; gap: 1px 8px; grid-template-columns: 30px 1fr auto; line-height: 14px; }
.colour-picker input { appearance: none; background: transparent; border: 0; border-radius: 50%; cursor: pointer; grid-row: 1; height: 30px; padding: 0; width: 30px; }
.colour-picker input::-webkit-color-swatch-wrapper { padding: 0; }
.colour-picker input::-webkit-color-swatch { border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #d6dada; }
.colour-picker output { align-self: center; color: #88908f; font: 500 8px/10px var(--as-manrope); grid-column: 3; grid-row: 1; letter-spacing: .05em; }
.demo-frame { background: #f5f5f5; border-radius: 24px; box-shadow: var(--as-shadow); height: 667px; overflow: hidden; }

.section--explore { background: rgba(240,242,245,.28); border-bottom: 1px solid #e7eaeb; border-top: 1px solid #e7eaeb; padding-bottom: 200px; }
.section--explore .section-heading { margin-bottom: 40px; }
.demo-store-explore { width: 100%; }

.section--features .section-heading { margin-bottom: 64px; }
.feature-grid { display: grid; gap: 68px 34px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.feature-visual { background: rgba(228,232,239,.58); border-radius: 24px; height: 316px; }
.feature-motion { isolation: isolate; overflow: hidden; position: relative; }
.feature-mesh { animation: feature-mesh-drift 16s ease-in-out infinite alternate; animation-play-state: paused; background: radial-gradient(circle at 18% 18%, rgba(255,255,255,.96) 0 9%, transparent 34%), radial-gradient(circle at 82% 16%, rgba(98,206,177,.68) 0 12%, transparent 39%), radial-gradient(circle at 24% 88%, rgba(211,241,228,.9) 0 15%, transparent 43%), radial-gradient(circle at 86% 88%, rgba(250,219,167,.7) 0 10%, transparent 39%), linear-gradient(135deg,#dff4eb 0%,#eef6f3 45%,#f7ead6 100%); filter: saturate(.92); inset: -18%; position: absolute; transform: translate3d(-2%,-1%,0) scale(1.08); z-index: -1; }
.feature-visual--checkout .feature-mesh { animation-delay: -7s; background: radial-gradient(circle at 16% 18%, rgba(255,255,255,.94) 0 10%, transparent 35%), radial-gradient(circle at 88% 18%, rgba(155,218,203,.7) 0 14%, transparent 42%), radial-gradient(circle at 78% 88%, rgba(225,237,250,.92) 0 15%, transparent 44%), radial-gradient(circle at 12% 86%, rgba(250,219,167,.58) 0 9%, transparent 36%), linear-gradient(145deg,#e5f3ef 0%,#f4f6f8 52%,#e7eef7 100%); }
.feature-visual--share .feature-mesh { animation-delay: -3s; background: radial-gradient(circle at 18% 18%, rgba(255,255,255,.96) 0 9%, transparent 34%), radial-gradient(circle at 86% 17%, rgba(165,221,206,.76) 0 13%, transparent 41%), radial-gradient(circle at 80% 88%, rgba(236,230,248,.84) 0 13%, transparent 42%), radial-gradient(circle at 11% 88%, rgba(250,221,173,.67) 0 10%, transparent 37%), linear-gradient(142deg,#e2f3ed 0%,#f6f6f7 49%,#eeeaf5 100%); }
.feature-motion.is-playing .feature-mesh,
.feature-motion.is-playing .feature-wa-scene,
.feature-motion.is-playing .feature-tap,
.feature-motion.is-playing .feature-wa-place-tap,
.feature-motion.is-playing .feature-checkout-scene,
.feature-motion.is-playing .feature-checkout-tap,
.feature-motion.is-playing .feature-share-scene,
.feature-motion.is-playing .feature-share-tap,
.feature-motion.is-playing .feature-woo-notification { animation-play-state: running; }

.feature-phone { background: #fff; border: 5px solid rgba(12,36,32,.86); border-radius: 26px; box-shadow: 0 24px 48px rgba(5,46,40,.2); height: calc(100% - 28px); left: 50%; overflow: hidden; position: absolute; top: 14px; transform: translateX(-50%); width: 214px; }
.feature-phone::before { background: #0d2824; border-radius: 0 0 8px 8px; content: ""; height: 7px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 62px; z-index: 8; }
.feature-phone__status { align-items: center; color: #495352; display: flex; font-size: 6px; height: 18px; justify-content: space-between; padding: 5px 10px 2px; }
.feature-phone__status > span:last-child { align-items: flex-end; display: flex; gap: 2px; }
.feature-phone__status i { background: #495352; border-radius: 1px; display: block; height: 3px; width: 3px; }
.feature-phone__status i:nth-child(2) { height: 4px; }.feature-phone__status i:nth-child(3) { height: 5px; }
.feature-wa-scene { animation-duration: 12s; animation-iteration-count: infinite; animation-play-state: paused; background: #fff; bottom: 0; left: 0; position: absolute; right: 0; top: 18px; }
.feature-wa-scene--product { animation-name: feature-wa-product; padding: 9px 11px 11px; }
.feature-wa-scene--product > header { align-items: center; border-bottom: 1px solid #edf0ef; display: flex; height: 27px; justify-content: space-between; }
.feature-wa-scene--product > header img { filter: brightness(0); height: 15px; object-fit: contain; width: 61px; }
.feature-wa-scene--product > header span { border: 1px solid #aab1af; border-radius: 50%; height: 11px; position: relative; width: 11px; }
.feature-wa-scene--product > header span::after { background: #aab1af; content: ""; height: 1px; position: absolute; right: -4px; top: 9px; transform: rotate(45deg); width: 5px; }
.feature-wa-product { align-items: center; display: grid; gap: 8px; grid-template-columns: 86px 1fr; margin-top: 10px; }
.feature-wa-product > img { background: #f7f8f8; height: 118px; object-fit: contain; width: 86px; }
.feature-wa-product small { color: #858b8a; display: block; font-size: 5px; letter-spacing: .08em; }
.feature-wa-product strong { color: #12201e; display: block; font-family: var(--as-rufina); font-size: 10px; font-weight: 700; line-height: 1.25; margin-top: 4px; }
.feature-wa-product b { color: #12201e; display: block; font-size: 8px; margin-top: 8px; }
.feature-wa-scene--product > button { align-items: center; background: #092622; border: 0; color: #fff; display: flex; font-size: 7px; font-weight: 600; gap: 6px; height: 31px; justify-content: center; margin-top: 10px; pointer-events: none; text-transform: uppercase; width: 100%; }
.feature-wa-scene--product > button img { filter: brightness(0) invert(1); height: 12px; width: 12px; }
.feature-tap { animation: feature-tap 8s ease-in-out infinite; animation-play-state: paused; border: 1.5px solid #fff; border-radius: 50%; bottom: 18px; box-shadow: 0 0 0 4px rgba(0,138,97,.3); height: 12px; opacity: 0; position: absolute; right: 31px; width: 12px; }
.feature-wa-scene--message { animation-name: feature-wa-message; background: #efeae2; }
.feature-wa-scene--message > header { align-items: center; background: #075e54; color: #fff; display: flex; gap: 8px; height: 42px; padding: 8px 12px; }
.feature-wa-avatar { align-items: center; background: #fff; border-radius: 50%; display: flex; height: 25px; justify-content: center; width: 25px; }
.feature-wa-avatar img { color: #075e54; height: 15px; width: 15px; }
.feature-wa-scene--message > header > span:last-child strong,
.feature-wa-scene--message > header > span:last-child small { display: block; }
.feature-wa-scene--message > header strong { font-size: 8px; line-height: 10px; }
.feature-wa-scene--message > header small { font-size: 5px; opacity: .8; }
.feature-wa-chat { background: #dcf8c6; border-radius: 5px 0 5px 5px; box-shadow: 0 1px 1px rgba(0,0,0,.08); margin: 16px 9px 0 35px; padding: 8px 8px 6px; }
.feature-wa-chat p { color: #24302e; font-size: 7px; line-height: 1.4; margin: 0; }
.feature-wa-chat p + p { margin-top: 5px; }
.feature-wa-chat time { color: #7d8785; display: block; font-size: 5px; margin-top: 3px; text-align: right; }
.feature-wa-chat time span { color: #34b7f1; }
.feature-wa-ready { align-items: center; background: rgba(255,255,255,.92); border-radius: 7px; bottom: 11px; box-shadow: 0 6px 18px rgba(18,32,30,.12); display: flex; gap: 8px; left: 10px; padding: 8px 9px; position: absolute; right: 10px; }
.feature-wa-ready > span { align-items: center; background: #008a61; border-radius: 50%; color: #fff; display: flex; font-size: 8px; height: 18px; justify-content: center; width: 18px; }
.feature-wa-ready strong, .feature-wa-ready small { display: block; }
.feature-wa-ready strong { color: #12201e; font-size: 7px; }.feature-wa-ready small { color: #717978; font-size: 5px; margin-top: 1px; }

.feature-checkout-window { background: #fff; border: 1px solid rgba(18,32,30,.1); border-radius: 15px; box-shadow: 0 24px 52px rgba(25,64,58,.18); height: calc(100% - 48px); left: 50%; overflow: hidden; position: absolute; top: 24px; transform: translateX(-50%); width: calc(100% - 52px); }
.feature-checkout-browser { align-items: center; background: #f3f5f5; border-bottom: 1px solid #e0e4e3; color: #717978; display: grid; font-size: 6px; grid-template-columns: 1fr auto 1fr; height: 28px; padding: 0 11px; }
.feature-checkout-browser > span:first-child { display: flex; gap: 4px; }.feature-checkout-browser i { background: #c9cfcd; border-radius: 50%; display: block; height: 5px; width: 5px; }.feature-checkout-browser i:nth-child(2) { background: #dfcfac; }
.feature-checkout-browser b { background: #fff; border: 1px solid #dfe3e2; border-radius: 999px; font-weight: 500; padding: 3px 26px; }
.feature-checkout-scene { animation-duration: 10s; animation-iteration-count: infinite; animation-play-state: paused; background: #fff; bottom: 0; left: 0; padding: 12px 18px; position: absolute; right: 0; top: 28px; }
.feature-checkout-scene header { align-items: center; display: flex; height: 20px; justify-content: space-between; }
.feature-checkout-scene header img { filter: brightness(0); height: 15px; object-fit: contain; width: 68px; }
.feature-checkout-scene header span { color: #717978; font-size: 6px; }
.feature-checkout-lock { border: 1px solid #717978; border-radius: 1px; height: 8px; position: relative; width: 8px; }
.feature-checkout-lock::before { border: 1px solid #717978; border-bottom: 0; border-radius: 5px 5px 0 0; content: ""; height: 4px; left: 1px; position: absolute; top: -5px; width: 4px; }
.feature-checkout-scene h4 { color: #12201e; font-family: var(--as-rufina); font-size: 18px; font-weight: 400; line-height: 1.2; margin: 10px 0; }
.feature-checkout-scene--cart { animation-name: feature-checkout-cart; }
.feature-checkout-item { align-items: center; border-bottom: 1px solid #e4e7e6; display: grid; gap: 10px; grid-template-columns: 55px 1fr auto; padding: 5px 0 8px; }
.feature-checkout-item > img { background: #fff; border: 1px solid #dfe3e2; border-radius: 4px; box-sizing: border-box; height: 50px; object-fit: cover; object-position: center; width: 55px; }
.feature-checkout-item p { margin: 0; }.feature-checkout-item p strong { display: block; font-size: 7px; }.feature-checkout-item p small { color: #717978; display: block; font-size: 5px; margin-top: 3px; }.feature-checkout-item > b { font-size: 7px; }
.feature-checkout-total { display: flex; font-size: 7px; justify-content: space-between; padding: 10px 0 7px; }
.feature-checkout-total strong { font-size: 8px; }
.feature-checkout-scene--cart > button, .feature-checkout-scene--form > button { background: #092622; border: 0; color: #fff; font-size: 7px; font-weight: 600; height: 27px; pointer-events: none; text-transform: uppercase; width: 100%; }
.feature-checkout-tap { animation: feature-checkout-tap 10s ease-in-out infinite; animation-play-state: paused; border: 1.5px solid #fff; border-radius: 50%; bottom: 16px; box-shadow: 0 0 0 4px rgba(0,138,97,.28); height: 11px; opacity: 0; position: absolute; right: 35px; width: 11px; }
.feature-checkout-scene--form { animation-name: feature-checkout-form; }
.feature-checkout-columns { display: grid; gap: 16px; grid-template-columns: 1.12fr .88fr; margin-top: 4px; }
.feature-checkout-columns h4 { font-size: 15px; margin: 4px 0 7px; }
.feature-checkout-columns label { border: 1px solid #dfe3e2; color: #858b8a; display: block; font-size: 5px; margin-top: 5px; padding: 4px 6px; }
.feature-checkout-columns label span { color: #12201e; display: block; font-size: 6px; margin-top: 1px; }
.feature-checkout-columns aside { background: #f7f8f8; padding: 7px; }
.feature-checkout-columns aside > small { color: #717978; font-size: 5px; font-weight: 600; }
.feature-checkout-columns aside > p { align-items: center; display: grid; font-size: 5px; gap: 4px; grid-template-columns: 26px 1fr auto; margin: 5px 0; }
.feature-checkout-columns aside > p img { height: 29px; object-fit: contain; width: 26px; }.feature-checkout-columns aside > p b { font-size: 5px; }
.feature-checkout-columns aside > div { border-top: 1px solid #dfe3e2; display: flex; font-size: 6px; justify-content: space-between; padding-top: 5px; }
.feature-checkout-scene--form > button { float: right; height: 25px; margin-top: 8px; width: 48%; }
.feature-checkout-scene--success { align-items: center; animation-name: feature-checkout-success; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.feature-checkout-scene--success > span { align-items: center; background: #008a61; border-radius: 50%; color: #fff; display: flex; font-size: 17px; height: 38px; justify-content: center; width: 38px; }
.feature-checkout-scene--success h4 { font-size: 19px; margin: 10px 0 5px; }.feature-checkout-scene--success p { color: #495352; font-size: 7px; line-height: 1.5; margin: 0; }.feature-checkout-scene--success small { color: #858b8a; font-size: 5px; margin-top: 8px; }

/* Browser-sharp recreation of the WooCommerce mobile dashboard in the Figma card. */
.feature-visual--manage { background: radial-gradient(circle at 82% 8%,rgba(153,218,204,.82) 0 13%,transparent 47%),radial-gradient(circle at 91% 91%,rgba(211,228,248,.92) 0 18%,transparent 50%),radial-gradient(circle at 8% 91%,rgba(247,220,170,.76) 0 13%,transparent 47%),linear-gradient(140deg,#f9fbfb 0%,#eef6f3 54%,#eef1f7 100%); overflow: hidden; position: relative; }
.feature-woo-dashboard { aspect-ratio: 589/320; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-50%); }
.feature-woo-phone { background: linear-gradient(90deg,#303033 0,#070708 3%,#070708 97%,#2a2a2d 100%); border: 1px solid #36363a; border-radius: 16% 16% 0 0 / 14% 14% 0 0; box-shadow: 0 2px 4px rgba(0,0,0,.35),inset 0 0 0 2px #050506,inset 0 0 0 3px #444449; container-type: inline-size; height: 116%; left: 21.25%; padding: 6px; position: absolute; top: 11.5%; width: 57.55%; }
.feature-woo-screen { background: #f7f7f8; border-radius: 14.8% 14.8% 0 0 / 13.3% 13.3% 0 0; height: 100%; overflow: hidden; position: relative; width: 100%; }
.feature-woo-side { background: #1d1d1f; border: 1px solid #4a4a4d; border-radius: 2px 0 0 2px; height: 12%; left: -5px; position: absolute; width: 4px; }.feature-woo-side--top { top: 35%; }.feature-woo-side--middle { top: 51%; }.feature-woo-side--right { border-radius: 0 2px 2px 0; height: 22%; left: auto; right: -5px; top: 38%; }
.feature-woo-status { color: #111214; font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif; inset: 0; position: absolute; }
.feature-woo-status time { font-size: 4.05cqw; font-weight: 650; left: 15.5%; line-height: 1; position: absolute; top: 7.6%; }
.feature-woo-island { background: #000; border-radius: 999px; height: 8.2%; left: 36%; position: absolute; top: 4.3%; width: 28%; }
.feature-woo-signal { align-items: center; display: flex; gap: 1.2cqw; position: absolute; right: 10.2%; top: 6.5%; }.feature-woo-signal img { display: block; filter: brightness(0); height: 4.1cqw; object-fit: contain; width: 4.1cqw; }.feature-woo-signal img:last-child { filter: invert(78%) sepia(31%) saturate(654%) hue-rotate(65deg) brightness(96%); height: 5.2cqw; width: 6.5cqw; }
.feature-woo-actions { align-items: center; color: #5e3b8c; display: flex; font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif; font-size: 3.9cqw; gap: 5.6cqw; position: absolute; right: 7.5%; top: 15.4%; }.feature-woo-actions > img { filter: invert(29%) sepia(18%) saturate(2283%) hue-rotate(232deg) brightness(84%); height: 5.7cqw; width: 5.7cqw; }.feature-woo-actions span { position: relative; }.feature-woo-actions sup { background: #7e55a8; border-radius: 50%; height: 1.5cqw; position: absolute; right: -2.2cqw; top: -.2cqw; width: 1.5cqw; }
.feature-woo-notification { align-items: center; animation: feature-woo-order-notification 8s cubic-bezier(.2,.75,.25,1) infinite; animation-play-state: paused; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); background: rgba(250,250,252,.94); border: 1px solid rgba(255,255,255,.82); border-radius: 4.8cqw; box-shadow: 0 2.2cqw 5.5cqw rgba(0,0,0,.18); display: grid; gap: 3.2cqw; grid-template-columns: 12.5cqw minmax(0,1fr); left: 5.5%; opacity: 0; padding: 2.5cqw 3cqw; position: absolute; right: 5.5%; top: 10.5%; transform: translateY(-155%); z-index: 8; }
.feature-woo-notification > img { border-radius: 2.4cqw; display: block; height: 12.5cqw; object-fit: cover; width: 12.5cqw; }
.feature-woo-notification > div { min-width: 0; }.feature-woo-notification span { align-items: center; display: flex; gap: 2cqw; }.feature-woo-notification strong,.feature-woo-notification p,.feature-woo-notification small,.feature-woo-notification time { font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif; }.feature-woo-notification strong { color: #121214; font-size: 3.5cqw; font-weight: 650; }.feature-woo-notification time { color: #77787c; font-size: 2.8cqw; margin-left: auto; }.feature-woo-notification p { color: #151517; font-size: 3.45cqw; font-weight: 600; line-height: 1.15; margin: .6cqw 0 0; }.feature-woo-notification small { color: #6d6e73; display: block; font-size: 2.85cqw; line-height: 1.2; margin-top: .8cqw; }
.feature-woo-screen > h4 { color: #111214; font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif; font-size: 7.3cqw; font-weight: 750; left: 6%; letter-spacing: -.03em; line-height: 1; margin: 0; position: absolute; top: 24.3%; }.feature-woo-screen > p { color: #717277; font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif; font-size: 3.45cqw; left: 6%; line-height: 1; margin: 0; position: absolute; top: 33%; }
.feature-woo-performance { background: #fff; border: 1px solid #ebebed; border-radius: 2.6cqw; box-shadow: 0 1px 5px rgba(0,0,0,.08); height: 75%; left: 5%; overflow: hidden; position: absolute; top: 40.4%; width: 90%; }
.feature-woo-performance > header { align-items: center; border-bottom: 0; display: flex; height: 9.3cqw; justify-content: space-between; padding: 0 3.7cqw; }.feature-woo-performance > header strong { color: #28282b; font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif; font-size: 3.9cqw; font-weight: 650; }.feature-woo-performance > header img { filter: brightness(0) opacity(.68); height: 4.7cqw; width: 4.7cqw; }
.feature-woo-period { align-items: center; border-bottom: 1px solid #eeeeef; display: flex; font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif; height: 10cqw; padding: 0 3.7cqw; position: relative; }.feature-woo-period b { color: #2b2b2e; font-size: 3.45cqw; }.feature-woo-period span { color: #85868a; font-size: 3.3cqw; margin-left: 3cqw; }.feature-woo-period img { filter: brightness(0) opacity(.6); height: 4.6cqw; margin-left: auto; width: 4.6cqw; }
.feature-woo-revenue { align-items: center; display: flex; flex-direction: column; font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif; padding-top: 8.4%; }.feature-woo-revenue strong { color: #151517; font-size: 7.9cqw; font-weight: 600; letter-spacing: -.02em; line-height: 1; }.feature-woo-revenue small { color: #696a6e; font-size: 2.6cqw; margin-top: 2.5cqw; }
.feature-woo-metrics { display: grid; font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif; grid-template-columns: repeat(3,1fr); margin-top: 7%; text-align: center; }.feature-woo-metrics span { display: flex; flex-direction: column; }.feature-woo-metrics strong { color: #242427; font-size: 4.4cqw; line-height: 1; }.feature-woo-metrics small { color: #717277; font-size: 2.5cqw; margin-top: 2cqw; }

/* Share-ready product graphic capture. */
.feature-share-scene { animation-duration: 12s; animation-iteration-count: infinite; animation-play-state: paused; background: #fff; border-radius: 13px; inset: 7px; opacity: 0; overflow: hidden; padding: 13px 15px; position: absolute; }
.feature-share-scene--select { animation-name: feature-share-select; }
.feature-share-scene--design { animation-name: feature-share-design; }
.feature-share-scene--ready { animation-name: feature-share-ready; }
.feature-share-scene > header { align-items: center; display: flex; justify-content: space-between; }
.feature-share-scene > header span { display: flex; flex-direction: column; }.feature-share-scene > header small { color: #858b8a; font-size: 4px; letter-spacing: .1em; }.feature-share-scene > header strong { color: #172421; font: 700 12px/15px var(--as-rufina); }.feature-share-scene > header b { color: #858b8a; font-size: 5px; }
.feature-share-scene--select > p { color: #6f7876; font-size: 6px; margin: 9px 0 7px; }
.feature-share-products { display: grid; gap: 8px; grid-template-columns: repeat(3,1fr); }
.feature-share-products article { min-width: 0; }.feature-share-products article > span { background: #f5f7f8; border: 1px solid transparent; border-radius: 4px; display: block; height: 116px; overflow: hidden; position: relative; }.feature-share-products article.is-selected > span { border-color: #24574f; }
.feature-share-products img { height: 100%; object-fit: contain; padding: 5px; width: 100%; }.feature-share-products i { align-items: center; background: #24574f; border: 2px solid #fff; border-radius: 50%; color: #fff; display: flex; font-size: 5px; font-style: normal; height: 15px; justify-content: center; position: absolute; right: 4px; top: 4px; width: 15px; }
.feature-share-products strong { color: #172421; display: block; font-size: 5px; line-height: 7px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.feature-share-products small { color: #5e6967; display: block; font-size: 4px; margin-top: 1px; }
.feature-share-scene--select > button { background: #092f29; border: 0; border-radius: 4px; bottom: 12px; color: #fff; font-size: 5px; font-weight: 700; height: 25px; left: 15px; position: absolute; right: 15px; text-transform: uppercase; }
.feature-share-tap { animation: feature-share-tap 12s ease-in-out infinite; animation-play-state: paused; border: 1.5px solid #fff; border-radius: 50%; bottom: 19px; box-shadow: 0 0 0 4px rgba(0,138,97,.25); height: 10px; opacity: 0; position: absolute; right: 28px; width: 10px; }
.feature-share-scene--design > header button { background: none; border: 0; color: var(--as-icon-default); font-size: 16px; padding: 0; }.feature-share-scene--design > header strong { margin-right: auto; }.feature-share-scene--design > header small { margin-left: auto; }
.feature-social-card { background: #f3eadb; border-radius: 5px; box-shadow: 0 8px 20px rgba(13,44,39,.13); display: grid; grid-template-columns: 54% 46%; height: 176px; margin: 8px auto 0; max-width: 260px; overflow: hidden; position: relative; }
.feature-social-card > span { background: #092f29; color: #fff; font-size: 4px; left: 7px; letter-spacing: .12em; padding: 3px 5px; position: absolute; top: 7px; z-index: 1; }.feature-social-card > img { align-self: stretch; height: 100%; object-fit: contain; padding: 11px 4px 6px; width: 100%; }.feature-social-card > div { align-items: flex-start; background: #092f29; color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 12px; }.feature-social-card div small { color: #e1bc78; font-size: 4px; letter-spacing: .15em; }.feature-social-card div strong { font: 700 11px/13px var(--as-rufina); margin-top: 7px; }.feature-social-card div b { font-size: 7px; margin-top: 7px; }.feature-social-card div em { font-size: 4px; font-style: normal; margin-top: 12px; opacity: .78; }
.feature-format-switch { background: #f4f6f6; border-radius: 12px; display: flex; font-size: 4px; gap: 3px; margin: 7px auto 0; padding: 2px; width: max-content; }.feature-format-switch > * { border-radius: 9px; color: #717978; font-weight: 500; padding: 3px 8px; }.feature-format-switch b { background: #fff; box-shadow: 0 1px 3px rgba(16,39,35,.12); color: #172421; }
.feature-share-ready { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; text-align: center; }
.feature-ready-check { align-items: center; background: #008a61; border-radius: 50%; color: #fff; display: flex; font-size: 10px; height: 28px; justify-content: center; width: 28px; }.feature-share-ready > strong { font: 700 13px/16px var(--as-rufina); margin-top: 7px; }.feature-share-ready > small { color: #75807e; font-size: 5px; margin-top: 3px; }
.feature-ready-preview { align-items: center; background: #f5f7f7; border-radius: 5px; display: grid; gap: 7px; grid-template-columns: 40px 1fr; margin-top: 10px; padding: 5px; text-align: left; width: 196px; }.feature-ready-preview img { background: #fff; height: 39px; object-fit: contain; width: 40px; }.feature-ready-preview b, .feature-ready-preview small { display: block; }.feature-ready-preview b { font-size: 5px; }.feature-ready-preview small { color: #75807e; font-size: 4px; margin-top: 3px; }
.feature-share-destinations { display: flex; gap: 5px; margin-top: 9px; }.feature-share-destinations span { align-items: center; border: 1px solid #dce2e0; border-radius: 4px; color: #3e4947; display: flex; font-size: 4px; gap: 3px; padding: 4px 6px; }.feature-share-destinations img, .feature-share-destinations span > b { height: 8px; object-fit: contain; width: 8px; }

.feature-card h3 { font-size: 17px; font-weight: 700; line-height: 28px; margin: 20px 0 4px; }
.feature-card > p { color: var(--as-body); font-size: 14px; line-height: 24px; margin: 0; max-width: 520px; }

@keyframes feature-mesh-drift { to { transform: translate3d(4%,3%,0) scale(1.12) rotate(2deg); } }
@keyframes feature-wa-product { 0%,25% { opacity: 1; transform: translateX(0); } 31%,95% { opacity: 0; transform: translateX(-6%); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes feature-wa-checkout { 0%,26% { opacity: 0; transform: translateX(6%); } 33%,59% { opacity: 1; transform: translateX(0); } 66%,100% { opacity: 0; transform: translateX(-6%); } }
@keyframes feature-wa-chat { 0%,60% { opacity: 0; transform: scale(.96); } 68%,94% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.96); } }
@keyframes feature-tap { 0%,16%,27%,100% { opacity: 0; transform: scale(.6); } 19% { opacity: 1; transform: scale(1); } 24% { opacity: 0; transform: scale(1.8); } }
@keyframes feature-wa-place-tap { 0%,49%,61%,100% { opacity: 0; transform: scale(.6); } 52% { opacity: 1; transform: scale(1); } 57% { opacity: 0; transform: scale(1.8); } }
@keyframes feature-checkout-cart { 0%,28% { opacity: 1; transform: translateX(0); } 34%,94% { opacity: 0; transform: translateX(-6%); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes feature-checkout-form { 0%,27% { opacity: 0; transform: translateX(6%); } 35%,64% { opacity: 1; transform: translateX(0); } 71%,100% { opacity: 0; transform: translateX(-6%); } }
@keyframes feature-checkout-success { 0%,64% { opacity: 0; transform: scale(.96); } 72%,94% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.96); } }
@keyframes feature-checkout-tap { 0%,21%,33%,100% { opacity: 0; transform: scale(.6); } 25% { opacity: 1; transform: scale(1); } 30% { opacity: 0; transform: scale(1.8); } }
@keyframes feature-share-select { 0%,27% { opacity: 1; transform: translateX(0); } 34%,95% { opacity: 0; transform: translateX(-6%); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes feature-share-design { 0%,28% { opacity: 0; transform: translateX(6%); } 36%,62% { opacity: 1; transform: translateX(0); } 69%,100% { opacity: 0; transform: translateX(-6%); } }
@keyframes feature-share-ready { 0%,62% { opacity: 0; transform: scale(.96); } 70%,94% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(.96); } }
@keyframes feature-share-tap { 0%,18%,30%,100% { opacity: 0; transform: scale(.6); } 21% { opacity: 1; transform: scale(1); } 27% { opacity: 0; transform: scale(1.8); } }
@keyframes feature-woo-order-notification { 0%,10% { opacity: 0; transform: translateY(-155%); } 17%,49% { opacity: 1; transform: translateY(0); } 57%,100% { opacity: 0; transform: translateY(-155%); } }

/* Product-accurate feature captures, framed as liquid-glass screenshots. */
.feature-shot { background: linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.12)); border: 1px solid rgba(255,255,255,.82); border-radius: 20px; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 22px 42px rgba(13,52,46,.18); inset: 20px; overflow: hidden; padding: 7px; position: absolute; }
.feature-shot::after { border: 1px solid rgba(255,255,255,.45); border-radius: 14px; content: ""; inset: 7px; pointer-events: none; position: absolute; z-index: 12; }
.feature-capture { background: #fff; border-radius: 13px; inset: 7px !important; overflow: hidden; padding: 0 !important; }
.feature-shot .feature-wa-scene, .feature-shot .feature-checkout-scene { bottom: 7px; left: 7px; right: 7px; top: 7px; }
.feature-store-header { align-items: center !important; background: #fff !important; border-bottom: 1px solid #edf0ef !important; color: #394440 !important; display: grid !important; grid-template-columns: 1fr auto 1fr; height: 42px !important; padding: 0 18px !important; }
.feature-store-header nav { display: flex; font-size: 6px; font-weight: 600; gap: 11px; }
.feature-store-header > img { filter: brightness(0); height: 18px !important; justify-self: center; object-fit: contain; width: 78px !important; }
.feature-store-actions { font-size: 13px !important; justify-self: end; letter-spacing: 2px; }
.feature-wa-scene--product > .feature-store-header nav span { border: 0; border-radius: 0; height: auto; position: static; width: auto; }
.feature-wa-scene--product > .feature-store-header nav span::after { content: none; }
.feature-wa-scene--product > .feature-store-header > .feature-store-actions { border: 0; border-radius: 0; height: auto; position: static; width: auto; }
.feature-wa-scene--product > .feature-store-header > .feature-store-actions::after { content: none; }
.feature-store-header > small { font-size: 6px; justify-self: end; text-transform: uppercase; }

.feature-product-capture { display: grid; grid-template-columns: 55% 45%; height: 100%; }
.feature-product-image { align-items: center; background: #fff; display: flex; justify-content: center; overflow: hidden; position: relative; }
.feature-product-image picture { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; }
.feature-product-image img { height: 100%; object-fit: contain; padding: 8px; width: 84%; }
.feature-product-chevron { color: var(--as-icon-default); height: 29px; position: absolute; top: 50%; width: 29px; }
.feature-product-chevron svg { display: block; height: 100%; width: 100%; }
.feature-product-chevron--previous { left: 0; transform: translateY(-50%) rotate(-90deg); }
.feature-product-chevron--next { right: 0; transform: translateY(-50%) rotate(90deg); }
.feature-product-summary { align-self: center; padding: 14px 16px; }
.feature-product-summary h4 { color: #12201e; font-family: var(--as-rufina); font-size: 15px; font-weight: 400; line-height: 1.25; margin: 0; }
.feature-product-summary > b { color: #12201e; display: block; font-size: 11px; margin-top: 8px; }
.feature-product-summary > small { color: #717978; display: block; font-size: 5px; margin-top: 12px; }
.feature-mini-sizes { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 4px; }
.feature-mini-sizes span { border: 1px solid #e0e3e2; font-size: 6px; padding: 5px 0; text-align: center; }
.feature-product-summary button, .feature-direct-checkout button { align-items: center; background: #092f29; border: 0; border-radius: 4px; color: #fff; display: flex; font-size: 6px; font-weight: 700; gap: 5px; height: 28px; justify-content: center; margin-top: 10px; pointer-events: none; text-transform: uppercase; width: 100%; }
.feature-product-summary button img, .feature-direct-checkout button img { filter: brightness(0) invert(1); height: 11px; width: 11px; }
.feature-shot--whatsapp .feature-tap { animation-duration: 12s; bottom: 24px; right: 29px; }

.feature-direct-checkout { display: grid; gap: 16px; grid-template-columns: 1.1fr .9fr; height: 100%; padding: 18px; }
.feature-direct-checkout main { display: flex; flex-direction: column; min-width: 0; position: relative; }
.feature-kicker { color: #717978; font-size: 5px; letter-spacing: .12em; margin: 0 0 5px; }
.feature-direct-checkout h4 { color: #12201e; font-family: var(--as-rufina); font-size: 11px; font-weight: 400; line-height: 1.15; margin: 0 0 5px; }
.feature-direct-checkout h4:not(:first-of-type) { margin-top: 8px; }
.feature-direct-checkout label { border: .6px solid #dfe3e2; border-radius: 4px; color: #858b8a; display: block; font-size: 5px; padding: 4px 6px; }
.feature-direct-checkout label span { color: #12201e; display: block; font-size: 6px; margin-top: 1px; }
.feature-direct-checkout .feature-address-field { align-items: flex-start; display: flex; gap: 6px; justify-content: space-between; }
.feature-address-field span { color: #495352 !important; line-height: 1.3; min-width: 0; }
.feature-address-field span small { display: block; font-size: 5px; line-height: 1.25; }
.feature-address-field em { color: #092622; font-size: 5px; font-style: normal; white-space: nowrap; }
.feature-direct-checkout main > button { margin-top: auto; }
.feature-direct-checkout aside { align-self: start; background: #f7f8f8; padding: 10px; }
.feature-direct-checkout aside > strong { display: block; font-size: 7px; }
.feature-direct-checkout aside > div { align-items: center; display: grid; font-size: 5px; gap: 5px; grid-template-columns: 33px 1fr auto; margin-top: 8px; }
.feature-direct-checkout aside img { height: 36px; object-fit: contain; width: 33px; }
.feature-direct-checkout aside div span { line-height: 1.3; }.feature-direct-checkout aside div small { color: #717978; display: block; font-size: 4px; margin-top: 2px; }
.feature-direct-checkout aside div b { font-size: 5px; }
.feature-direct-checkout aside > p { border-top: 1px solid #dfe3e2; display: flex; font-size: 6px; justify-content: space-between; margin: 8px 0 0; padding-top: 7px; }
.feature-wa-scene--checkout { animation-name: feature-wa-checkout; }
.feature-wa-place-tap { animation: feature-wa-place-tap 12s ease-in-out infinite; animation-play-state: paused; border: 1.5px solid #fff; border-radius: 50%; bottom: 24px; box-shadow: 0 0 0 4px rgba(0,138,97,.28); height: 11px; opacity: 0; position: absolute; right: 34px; width: 11px; }

.feature-wa-scene--chat { animation-name: feature-wa-chat; background: transparent; }
.feature-whatsapp-mobile { background: #efeae2; border: 1px solid rgba(255,255,255,.86); border-radius: 17px; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 15px 30px rgba(17,63,56,.2); height: calc(100% - 12px); left: 50%; overflow: hidden; position: absolute; top: 6px; transform: translateX(-50%); width: 188px; }
.feature-whatsapp-mobile > header { align-items: center; background: #075e54; color: #fff; display: grid; gap: 6px; grid-template-columns: 9px 24px 1fr auto; height: 40px; padding: 6px 9px; }
.feature-whatsapp-back { font-family: Arial,sans-serif; font-size: 18px; line-height: 1; }
.feature-whatsapp-avatar { align-items: center; background: #fff; border-radius: 50%; display: flex; height: 24px; justify-content: center; overflow: hidden; width: 24px; }
.feature-whatsapp-avatar img { filter: brightness(0); height: 7px; object-fit: contain; width: 22px; }
.feature-whatsapp-mobile header p { margin: 0; }.feature-whatsapp-mobile header strong, .feature-whatsapp-mobile header small { display: block; }
.feature-whatsapp-mobile header strong { font-size: 7px; line-height: 9px; }.feature-whatsapp-mobile header small { font-size: 5px; opacity: .8; }
.feature-whatsapp-menu { font-size: 13px; line-height: 1; }
.feature-whatsapp-chat { background: #efeae2; bottom: 30px; left: 0; padding: 15px 9px 8px; position: absolute; right: 0; top: 40px; }
.feature-whatsapp-bubble { background: #d9fdd3; border-radius: 6px 0 6px 6px; box-shadow: 0 1px 1px rgba(0,0,0,.08); margin-left: 23px; padding: 7px; }
.feature-whatsapp-bubble > p { color: #24302e; font-size: 6px; line-height: 1.35; margin: 0 0 6px; }
.feature-whatsapp-bubble > div { align-items: center; background: rgba(255,255,255,.54); border-radius: 4px; display: grid; gap: 5px; grid-template-columns: 32px 1fr; overflow: hidden; padding: 4px; }
.feature-whatsapp-bubble > div img { background: #fff; height: 35px; object-fit: cover; transform: scale(1.24); width: 32px; }
.feature-whatsapp-bubble > div strong, .feature-whatsapp-bubble > div small, .feature-whatsapp-bubble > div b { display: block; }
.feature-whatsapp-bubble > div strong { color: #12201e; font-size: 5px; line-height: 1.25; }.feature-whatsapp-bubble > div small { color: #717978; font-size: 4px; margin-top: 2px; }.feature-whatsapp-bubble > div b { color: #12201e; font-size: 5px; margin-top: 3px; }
.feature-whatsapp-bubble time { color: #718078; display: block; font-size: 4px; margin-top: 4px; text-align: right; }.feature-whatsapp-bubble time span { color: #34b7f1; }
.feature-whatsapp-note { color: #7b8582; font-size: 5px; margin: 8px 0 0; text-align: center; }
.feature-whatsapp-mobile > footer { align-items: center; background: #efeae2; bottom: 0; display: flex; gap: 5px; height: 30px; left: 0; padding: 4px 6px; position: absolute; right: 0; }
.feature-whatsapp-mobile > footer span { background: #fff; border-radius: 999px; color: #929997; flex: 1; font-size: 5px; padding: 6px 9px; }
.feature-whatsapp-mobile > footer b { align-items: center; background: #00a884; border-radius: 50%; display: flex; height: 22px; justify-content: center; width: 22px; }
.feature-whatsapp-send-icon { background: #fff; clip-path: polygon(3% 4%,100% 50%,3% 96%,22% 59%,65% 50%,22% 41%); display: block; height: 10px; transform: translateX(1px); width: 11px; }

.feature-shot .feature-checkout-scene--cart { display: flex; flex-direction: column; padding-bottom: 18px !important; }
.feature-shot .feature-checkout-scene--cart > h4 { font-size: 18px; margin: 10px 18px 5px; }
.feature-shot .feature-checkout-item { margin: 0 18px; }
.feature-shot .feature-checkout-total { margin: auto 18px 0; }
.feature-shot .feature-checkout-scene--cart > button { border-radius: 4px; margin: 0 18px; width: calc(100% - 36px); }
.feature-shot .feature-checkout-tap { bottom: 19px; right: 39px; }
.feature-shot .feature-checkout-scene--form { display: flex; flex-direction: column; padding: 16px 18px !important; }
.feature-shot .feature-checkout-scene--form > header { padding: 0; }
.feature-shot .feature-checkout-columns { align-items: start; flex: 1; height: auto; margin: 0; }
.feature-checkout-details { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.feature-checkout-details section { min-width: 0; }
.feature-checkout-details h4 { font-size: 9px; line-height: 12.65px; margin: 0 0 4px; }
.feature-checkout-details .feature-address-field { align-items: flex-start; border: .6px solid #dfe3e2; border-radius: 4px; display: flex; gap: 6px; justify-content: space-between; margin: 0; padding: 4px 6px; }
.feature-checkout-details .feature-address-field span { display: block; font-size: 6px; }
.feature-payment-options { border-radius: 4px; display: block; height: auto; margin-inline: 1px; width: calc(100% - 2px); }
.feature-shot .feature-checkout-scene--form > button { border-radius: 4px; float: none; margin-top: auto; width: 55%; }
.feature-shot .feature-checkout-scene--success { padding: 14px !important; }

.section--customers { padding-bottom: 112px; }
.section--customers .section-heading { max-width: 713px; }
.section--customers .section-heading h2 { font-size: 60px; line-height: 64px; margin-bottom: 0; }
.customer-heading--tablet, .customer-heading--mobile { display: none; }
.customer-showcase { align-items: center; display: grid; gap: 48px; grid-template-columns: minmax(0,1fr) 667px; margin-top: 40px; min-height: 675px; }
.customer-showcase__content h3 { font-family: var(--as-sora); font-size: 48px; font-weight: 600; letter-spacing: -1.8px; line-height: 1.2; margin: 0 0 20px; }
.customer-showcase__content > p { color: var(--as-body); font-size: 16px; line-height: 28px; margin: 0; max-width: 495px; }
.customer-showcase ul { border-top: 1px solid var(--as-line); display: flex; gap: 16px; list-style: none; margin: 20px 0 34px; padding: 20px 0 0; }
.customer-showcase li { color: #717978; font-family: var(--as-sora); font-size: 16px; line-height: 32px; white-space: nowrap; }
.customer-showcase li:not(:last-child)::after { color: #717978; content: "·"; font-family: var(--as-manrope); font-size: 24px; margin-left: 16px; }
.customer-showcase__content .button { border-color: var(--as-green); color: var(--as-green); min-width: 194px; }
.customer-showcase__visual { aspect-ratio: 667/604; background: radial-gradient(circle at 18% 18%,rgba(255,255,255,.96) 0 9%,transparent 34%),radial-gradient(circle at 82% 16%,rgba(98,206,177,.68) 0 12%,transparent 39%),radial-gradient(circle at 24% 88%,rgba(211,241,228,.9) 0 15%,transparent 43%),radial-gradient(circle at 86% 88%,rgba(250,219,167,.7) 0 10%,transparent 39%),linear-gradient(135deg,#dff4eb 0%,#eef6f3 45%,#f7ead6 100%); border-radius: 24px; justify-self: end; max-width: 667px; overflow: hidden; position: relative; width: 100%; }
.customer-showcase__mesh { background: radial-gradient(circle at 77% 10%,rgba(142,222,203,.42),transparent 42%),radial-gradient(circle at 11% 92%,rgba(255,233,188,.48),transparent 38%); inset: -10%; position: absolute; }
.customer-showcase__glass { background: linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.12)); border: 1px solid rgba(255,255,255,.86); border-radius: 20px; box-shadow: inset 0 1px 0 rgba(255,255,255,.94),0 24px 48px rgba(13,52,46,.18); inset: 28px; overflow: hidden; padding: 8px; position: absolute; }
.customer-showcase__glass::after { border: 1px solid rgba(255,255,255,.48); border-radius: 14px; content: ""; inset: 8px; pointer-events: none; position: absolute; }
.customer-showcase__glass img { border-radius: 13px; height: 100%; object-fit: cover; object-position: center top; width: 100%; }

.section--included { background: rgba(240,242,245,.28); }
.section--included .section-heading { max-width: 690px; }
.plan-tabs { margin-top: 34px; }
.plan-tabs__list { background: #f3f5f5; border: 1px solid #dfe3e4; border-radius: 12px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); isolation: isolate; overflow: hidden; padding: 5px; position: relative; width: min(486px,100%); }
.plan-tabs__list::before { background: var(--as-green); border-radius: 8px; bottom: 5px; content: ""; left: 5px; position: absolute; top: 5px; transform: translate3d(0,0,0); transition: transform 420ms var(--as-ease-soft); width: calc(50% - 5px); will-change: transform; z-index: 0; }
.plan-tabs__list[data-plan="plugin"]::before { transform: translate3d(100%,0,0); }
.plan-tabs__list button { background: transparent; border: 0; border-radius: 8px; color: #44504e; font-size: 12px; font-weight: 600; min-height: 38px; padding: 8px 14px; position: relative; transition: color 280ms ease,transform 160ms ease; z-index: 1; }
.plan-tabs__list button:active { transform: scale(.985); }
.plan-tabs__list button[aria-selected="true"] { background: transparent; color: #fff; }
.plan-tabs__intro { color: var(--as-body); font-size: 14px; line-height: 24px; margin: 54px 0 0; }
.included-grid { display: grid; gap: 52px 56px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding-top: 38px; }
.included-grid article img { height: 20px; width: 20px; }
.included-grid h3 { font-size: 16px; font-weight: 700; line-height: 24px; margin: 20px 0 8px; }
.included-grid p { color: var(--as-body); font-size: 14px; line-height: 22.8px; margin: 0; }

.section--pricing { background: #fff; padding: 112px 0; }
.section--pricing .content-width { max-width: 1152px; }
.section--pricing .section-heading { max-width: 794px; }
.section--pricing .section-heading h2 { font-size: 52px; line-height: 64px; margin: 20px 0 0; }
.pricing-grid { align-items: start; display: grid; gap: 34px; grid-template-columns: 364px 360px; justify-content: center; margin-top: 72px; }
.price-card-shell--featured { align-items: center; background: #008a61; border-radius: 24px; display: flex; flex-direction: column; gap: 8px; height: 634px; justify-content: center; overflow: hidden; padding: 8px 2px 2px; width: 364px; }
.price-card { background: radial-gradient(ellipse 120% 80% at 50% -10%, rgba(0,138,97,.12), transparent 70%), radial-gradient(ellipse 90% 60% at 90% 10%, rgba(195,150,59,.08), transparent 70%), #fff; border: 0; border-radius: 24px; box-shadow: inset 0 0 0 1px #e1e4e3; display: flex; flex-direction: column; height: 578px; padding: 40px; position: relative; width: 360px; }
.pricing-grid > .price-card { margin-top: 56px; }
.price-card--featured { box-shadow: none; flex: 0 0 576px; height: 576px; }
.price-card__badge { color: #fff !important; flex: 0 0 40px; font-family: "Inter", Arial, sans-serif; font-size: 16px !important; font-weight: 600; letter-spacing: 0; line-height: 40px; margin: 0; text-align: center; text-transform: uppercase; }
.price-card h3 { color: #0d121b; font-family: var(--as-sora); font-size: 18px; font-weight: 600; line-height: 28px; margin: 0; }
.price { align-items: baseline; display: flex; gap: 4px; margin: 12px 0 0; padding-top: 12px; }
.price b { font-family: var(--as-sora); font-size: 34px; font-weight: 700; letter-spacing: -1.35px; line-height: normal; }
.price span { color: var(--as-ink); font-size: 16px; font-weight: 500; line-height: 24px; }
.price-card .button { border: 0; font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 28px; margin-top: 20px; min-height: 52px; padding: 12px 14px; width: 100%; }
.price-card > p:not(.price) { color: #495352; font-family: "Inter", Arial, sans-serif; font-size: 14px; line-height: 22px; margin: 20px 0 0; }
.price-card ul { border-top: 1px solid #e1e4e3; display: flex; flex-direction: column; gap: 16px; list-style: none; margin: 20px 0 0; padding: 20px 0 0; }
.price-card li { color: #495352; font-family: "Inter", Arial, sans-serif; font-size: 14px; line-height: 22px; min-height: 22px; padding: 0 0 0 32px; position: relative; }
.price-card li::before { background: url("../icons/check.svg") center/13.5833px 10.0208px no-repeat; content: ""; height: 20px; left: 0; position: absolute; top: 1px; width: 20px; }

.section--faq { padding: 112px 0; }
.section--faq .section-heading { max-width: none; }
.section--faq .section-heading h2 { font-size: 60px; letter-spacing: -2.1px; line-height: 60px; margin: 20px 0 0; white-space: nowrap; }
.section--faq .eyebrow { font-size: 12px; font-weight: 400; letter-spacing: 2.64px; }
.faq-list { margin-top: 64px; }
.faq-list details { border-bottom: 1px solid #eceded; }
.faq-list summary { align-items: center; cursor: pointer; display: flex; font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 400; gap: 24px; justify-content: space-between; line-height: 28px; list-style: none; min-height: 76px; padding: 24px; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary > span:first-child { flex: 1; min-width: 0; }
.faq-icon { align-items: center; display: inline-flex; flex: 0 0 24px; height: 24px; justify-content: center; width: 24px; }
.faq-icon img { height: 14px; width: 14px; }
.faq-icon__minus { display: none; height: 2px !important; width: 14px; }
.faq-list details[open] .faq-icon__plus { display: none; }
.faq-list details[open] .faq-icon__minus { display: block; }
.faq-answer { color: var(--as-body); font-family: "Inter", Arial, sans-serif; font-size: 14px; line-height: 22px; padding: 0 52px 24px 24px; }
.faq-answer p { margin: 0; }
.faq-answer p + p { margin-top: 14px; }
.faq-answer ul { margin: 12px 0 16px; padding-left: 20px; }
.faq-answer li + li { margin-top: 6px; }
.faq-more { align-items: center; background: transparent; border: 0; color: var(--as-green); display: flex; font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 500; gap: 6px; justify-content: center; line-height: 28px; margin: 16px auto 0; min-height: 48px; padding: 10px 14px; }
.faq-more img { height: 6.175px; transition: transform .2s ease; width: 10px; }
.faq-more[aria-expanded="true"] img { transform: rotate(180deg); }

.section--cta { background: radial-gradient(ellipse 120% 80% at 50% -10%, rgba(0,138,97,.12), rgba(0,138,97,0) 70%), radial-gradient(ellipse 90% 60% at 90% 10%, rgba(195,150,59,.08), rgba(195,150,59,0) 70%), #fff; min-height: 604px; padding: 144px 0; text-align: center; }
.section--cta .content-width { align-items: center; display: flex; flex-direction: column; gap: 28px; max-width: 768px; }
.section--cta h2 { color: #0d121b; font-size: 60px; letter-spacing: -2.1px; line-height: 68px; margin: 0; max-width: none; width: 100%; }
.section--cta h2 span { color: #585e68; }
.section--cta p { color: #495352; font-family: "Inter", Arial, sans-serif; font-size: 16px; line-height: 28px; margin: 0; max-width: 512px; padding-bottom: 16px; width: 100%; }
.cta-copy--wide, .cta-copy--mobile { display: block; }
.cta-copy--mobile { display: none; }
.section--cta .button { border: 0; font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 500; gap: 8px; line-height: 28px; min-height: 52px; min-width: 0; padding: 12px 34px; }
.section--cta .button img { height: 20px; width: 20px; }
.site-footer { background: #092622; border: 0; color: #fff; font-family: "Inter", Arial, sans-serif; }
.site-footer__inner.content-width { display: grid; grid-template-columns: 285px minmax(0, 1fr); grid-template-rows: 196px auto; max-width: 1210px; padding: 80px 0 34px; }
.site-footer__brand { grid-column: 1; grid-row: 1; }
.site-footer__brand-link { display: block; height: 40px; text-decoration: none; width: 150px; }
.site-footer__brand-mark { align-items: center; display: flex; gap: 8px; height: 40px; width: 150px; }
.site-footer__brand-mark img { display: block; flex: none; }
.site-footer__logogram { height: 40px; width: 40.123px; }
.site-footer__logotype { height: 20.67px; width: 101.852px; }
.site-footer__brand p { color: #fff; font-size: 16px; line-height: 28px; margin: 34px 0 0; max-width: 285px; }
.site-footer__menus { display: flex; gap: 80px; grid-column: 2; grid-row: 1; justify-self: end; }
.site-footer__menu { min-width: 113px; }
.site-footer__menu--contact { min-width: 190px; }
.site-footer__menu h2 { color: #fff; font-size: 16px; font-weight: 600; line-height: 24px; margin: 0 0 24px; }
.site-footer__menu ul { display: flex; flex-direction: column; gap: 16px; list-style: none; margin: 0; padding: 0; }
.site-footer__menu li, .site-footer__menu address { color: #eceded; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; }
.site-footer__menu address { display: flex; flex-direction: column; gap: 16px; }
.site-footer__menu a, .site-footer__menu li > span { color: inherit; text-decoration: none; }
.site-footer__menu a:hover, .site-footer__menu a:focus-visible { color: #fff; text-decoration: none; }
.site-footer__label--compact { display: none; }
.site-footer__socials { align-self: end; display: flex; gap: 18px; grid-column: 1; grid-row: 1; }
.site-footer__socials a { align-items: center; border: 1px solid #e1e4e3; border-radius: 50%; display: flex; height: 32px; justify-content: center; transition: background-color .2s ease, border-color .2s ease; width: 32px; }
.site-footer__socials a[hidden] { display: none; }
.site-footer__socials a:hover, .site-footer__socials a:focus-visible { background: rgba(255,255,255,.1); border-color: #fff; outline: none; }
.site-footer__socials a:focus-visible { box-shadow: 0 0 0 3px rgba(255,255,255,.28); }
.site-footer__socials img { height: 17.6px; width: 17.6px; }
.site-footer__copyright { align-self: end; color: #eceded; font-size: 14px; grid-column: 1 / -1; grid-row: 2; line-height: 22px; margin: 120px 0 0; }

@media (min-width: 601px) and (max-width: 1023px) {
  .site-footer__inner.content-width { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto auto auto; padding: 60px 0 34px; width: calc(100% - 80px); }
  .site-footer__brand { grid-column: 1 / -1; grid-row: 1; margin-bottom: 60px; }
  .site-footer__brand p { margin-top: 28px; max-width: none; }
  .site-footer__menus { display: grid; gap: 0; grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(3, max-content); justify-content: space-between; justify-self: stretch; margin-bottom: 45px; }
  .site-footer__menu, .site-footer__menu--contact { min-width: 0; }
  .site-footer__socials { align-self: end; gap: 14px; grid-column: 1; grid-row: 3; }
  .site-footer__copyright { grid-column: 2 / -1; grid-row: 3; justify-self: end; margin: 0; }
  .site-footer__label--desktop { display: none; }
  .site-footer__label--compact { display: inline; }
}

/* Self-contained Ijese DemoStore */
.demo-root { --demo-action: #092622; --demo-accent: #fadba7; --demo-on-accent: #12201e; background: transparent; height: 100%; width: 100%; }
.demo-root[data-style="merlot"] { --demo-action: #422124; --demo-accent: #fadba7; }
.demo-root[data-style="noir"] { --demo-action: #2b2b2b; --demo-accent: #fff; }
.demo-root[data-style="custom"] { --demo-action: var(--demo-custom, #008a61); --demo-accent: #f0c77f; }
.demo-root button { font-family: var(--as-manrope); }
.demo-store__stage { align-items: center; display: flex; height: 667px; justify-content: center; overflow: hidden; }
.demo-canvas { background: #fff; border-radius: 24px; box-shadow: var(--as-shadow); height: 100%; overflow: hidden; transition: border-radius .25s ease, width .25s ease; width: 100%; }
.demo-canvas[data-device="tablet"] { border-radius: 20px; width: 66%; }
.demo-canvas[data-device="mobile"] { border-radius: 24px; width: 31.5%; }
.demo-root--style .demo-canvas { width: 100%; }
.demo-site { background: #fff; color: #11211e; font-family: Inter, Arial, sans-serif; font-size: 12px; height: 100%; overflow: hidden; position: relative; }
.demo-site.is-exact { font-size: 0; }
.demo-exact-view { height: 100%; position: relative; width: 100%; }
.demo-exact-view > img { height: 100%; object-fit: cover; object-position: center top; width: 100%; }
.demo-style-tint { background: var(--demo-action); height: 2.8%; left: 0; mix-blend-mode: color; opacity: .88; pointer-events: none; position: absolute; right: 0; top: 0; }
.demo-hotspot { background: transparent; border: 0; display: block; position: absolute; }
.demo-hotspot--primary { height: 8%; left: 6%; top: 64%; width: 13%; }
.demo-hotspot--secondary { height: 8%; left: 20%; top: 64%; width: 14%; }
.demo-hotspot--cart, .demo-hotspot--product-cart { height: 12%; right: 7%; top: 3%; width: 7%; }
.demo-hotspot--add { height: 9%; right: 6.5%; top: 33%; width: 36%; }

/* Exact, responsive product-page simulation for “Make it your own”. */
.demo-root--style { --demo-highlight: #051513; --demo-on-action: #fff; font-family: Inter, Arial, sans-serif; }
.demo-root--style button { color: inherit; }
.demo-root--style :is(.sim-announcement, .sim-add-cart, .sim-add-wishlist, .sim-options button, .sim-details details, .sim-checkout, .sim-header__actions b, .sim-recent article > div > button) { transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease, box-shadow 220ms ease; }
.sim-window { background: #fff; border-radius: 24px 24px 0 0; display: flex; flex-direction: column; height: 100%; isolation: isolate; overflow: hidden; position: relative; width: 100%; }
.sim-browser { align-items: center; background: #f6f7f7; border-bottom: 1px solid #dfe3e3; color: #717978; display: grid; flex: 0 0 46px; grid-template-columns: 1fr auto 1fr; min-height: 46px; padding: 0 18px; }
.sim-browser__dots { display: flex; gap: 7px; }
.sim-browser__dots i { background: #c8cdcc; border-radius: 50%; height: 8px; width: 8px; }
.sim-browser__dots i:nth-child(2) { background: color-mix(in srgb, var(--demo-accent) 62%, #c8cdcc); }
.sim-browser__domain { background: #fff; border: 1px solid #e2e5e5; border-radius: 999px; font-size: 10px; line-height: 24px; min-width: 220px; padding: 0 28px; text-align: center; }
.sim-site { -webkit-overflow-scrolling: touch; background: #fff; color: #12201e; flex: 1 1 auto; font-size: 16px; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: auto; position: relative; scrollbar-color: #c8cecd transparent; scrollbar-width: thin; }
.sim-window.has-overlay .sim-site { overflow: hidden; }
.sim-window svg { display: block; fill: currentColor; height: 100%; width: 100%; }
.sim-window button { font-family: Inter, Arial, sans-serif; }
.sim-announcement { align-items: center; background: var(--demo-action); color: var(--demo-on-action); display: flex; font-size: 12px; justify-content: center; line-height: 16px; min-height: 36px; padding: 10px 48px; position: relative; }
.sim-announcement > span > button { background: transparent; border: 0; color: inherit; margin-left: 4px; padding: 0; text-decoration: underline; text-underline-offset: 2px; }
.sim-announcement > button { background: transparent; border: 0; color: inherit; height: 18px; padding: 1px; position: absolute; right: 20px; width: 18px; }
.sim-header { align-items: center; background: #fff; color: #495352; display: grid; gap: 20px; grid-template-columns: 1fr auto 1fr; min-height: 60px; padding: 12px 54px; position: relative; z-index: 4; }
.sim-nav { align-items: center; display: flex; gap: 25px; }
.sim-header button, .sim-nav button { background: transparent; border: 0; padding: 0; }
.sim-nav button { color: #495352; font-size: 13px; font-weight: 500; line-height: 24px; }
.sim-nav button:hover, .sim-nav button:focus-visible { color: var(--demo-highlight); }
.sim-header__menu { display: none; height: 24px; width: 24px; }
.sim-header__logo { align-items: center; display: flex; height: 32px; justify-content: center; width: 104px; }
.sim-header__logo img, .sim-mobile-menu img { filter: brightness(0); height: 100%; object-fit: contain; width: 100%; }
.sim-header__actions { align-items: center; display: flex; gap: 18px; justify-content: flex-end; }
.sim-header__actions > button { height: 22px; position: relative; width: 22px; }
.sim-header__actions b { align-items: center; background: var(--demo-accent); border-radius: 999px; color: var(--demo-on-accent); display: flex; font-size: 8px; font-weight: 700; height: 15px; justify-content: center; min-width: 15px; padding-inline: 3px; position: absolute; right: -7px; top: -7px; }
.sim-mobile-menu { background: rgba(255,255,255,.98); color: #12201e; inset: 0; padding: 20px 24px; position: absolute; z-index: 30; }
.sim-mobile-menu > div { align-items: center; display: flex; height: 40px; justify-content: space-between; }
.sim-mobile-menu img { height: 32px; width: 104px; }
.sim-mobile-menu > div button { background: transparent; border: 0; height: 24px; padding: 0; width: 24px; }
.sim-mobile-menu nav { display: flex; flex-direction: column; margin-top: 28px; }
.sim-mobile-menu nav button { background: transparent; border: 0; border-bottom: 1px solid #e4e7e6; color: #12201e; font-size: 16px; font-weight: 500; min-height: 58px; text-align: left; }
.sim-product-page { background: #fff; }
.sim-product-main { align-items: start; display: grid; gap: 48px; grid-template-columns: minmax(0, 1fr) 460px; margin-inline: auto; max-width: 1210px; padding: 34px 70px 0; }
.sim-gallery { align-self: start; aspect-ratio: 720 / 857; background: #fff; min-height: 0; overflow: hidden; position: relative; width: 100%; }
.sim-gallery__image { background: #fff; border: 0; cursor: zoom-in; height: 100%; padding: 0; width: 100%; }
.sim-gallery__image img { height: 100%; object-fit: contain; width: 100%; }
.sim-gallery__control { align-items: center; background: rgba(255,255,255,.3); border: 0; color: #12201e; display: flex; height: 48px; justify-content: center; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 48px; }
.sim-gallery__control svg { backdrop-filter: blur(4px); height: 52px; width: 52px; }
.sim-gallery__control.is-prev { left: 0; }
.sim-gallery__control.is-prev svg { transform: rotate(-90deg); }
.sim-gallery__control.is-next { right: 0; }
.sim-gallery__control.is-next svg { transform: rotate(90deg); }
.sim-gallery__counter { background: rgba(255,255,255,.72); bottom: 12px; color: #717978; font-size: 9px; left: 50%; line-height: 20px; padding: 0 8px; position: absolute; transform: translateX(-50%); }
.sim-gallery__dots, .explore-product__dots { align-items: center; bottom: 14px; display: none; gap: 8px; left: 50%; position: absolute; transform: translateX(-50%); z-index: 4; }
.sim-gallery__dots button, .explore-product__dots button { background: #b8bcbb; border: 0; border-radius: 50%; height: 7px; padding: 0; transition: background-color 180ms ease, transform 180ms ease; width: 7px; }
.sim-gallery__dots button[aria-current="true"], .explore-product__dots button[aria-current="true"] { background: #12201e; transform: scale(1.12); }
.sim-summary { padding-top: 24px; }
.sim-summary h1 { font-family: var(--as-rufina); font-size: 32px; font-weight: 400; line-height: 40px; margin: 0; }
.sim-price { font-size: 24px; font-weight: 600; line-height: 32px; margin: 24px 0 0; }
.sim-attribute { margin-top: 20px; }
.sim-attribute > div:first-child { align-items: center; display: flex; justify-content: space-between; margin-bottom: 8px; }
.sim-attribute > div:first-child span, .sim-attribute output { color: #717978; font-size: 12px; line-height: 16px; text-transform: uppercase; }
.sim-options { display: flex; flex-wrap: wrap; gap: 0; }
.sim-options button { align-items: center; background: #fff; border: 1px solid #e1e4e3; display: flex; font-size: 14px; height: 48px; justify-content: center; min-width: 64px; padding: 0 16px; }
.sim-options button:hover { border-color: var(--demo-highlight); }
.sim-options button.is-selected { background: color-mix(in srgb, var(--demo-highlight) 7%, #fff); border-color: var(--demo-action); border-width: 1.6px; color: var(--demo-action); position: relative; z-index: 1; }
.sim-attribute > p { color: #b42318; font-size: 12px; line-height: 20px; margin: 8px 0 0; }
.sim-product-actions { display: grid; gap: 12px; margin-top: 40px; }
.sim-add-cart, .sim-add-wishlist, .sim-checkout { align-items: center; border-radius: 0; display: flex; font-size: 12px; font-weight: 500; gap: 10px; justify-content: center; letter-spacing: .02em; min-height: 52px; padding: 12px 24px; text-transform: uppercase; width: 100%; }
.sim-add-cart, .sim-checkout { background: var(--demo-action); border: 1px solid var(--demo-action); color: var(--demo-on-action) !important; }
.sim-add-cart:hover, .sim-add-cart:focus-visible, .sim-checkout:hover, .sim-checkout:focus-visible { background: #fff; color: var(--demo-action) !important; }
.sim-add-wishlist { background: #fff; border: 1px solid var(--demo-action); color: var(--demo-action) !important; }
.sim-add-wishlist svg { height: 20px; width: 20px; }
.sim-add-wishlist.is-saved { background: #f6f6f6; border-color: var(--demo-action); }
.sim-details { margin-top: 56px; }
.sim-details details { border-bottom: 1px solid transparent; }
.sim-details details[open] { border-color: #eceded; }
.sim-details summary { cursor: pointer; font-size: 14px; font-weight: 500; line-height: 24px; list-style: none; padding: 20px 32px 20px 0; position: relative; text-transform: uppercase; }
.sim-details summary::-webkit-details-marker { display: none; }
.sim-details summary::after { color: var(--demo-highlight); content: "+"; font-size: 20px; font-weight: 300; position: absolute; right: 0; top: 19px; }
.sim-details details[open] summary::after { content: "−"; }
.sim-details details > div { color: #495352; font-size: 14px; line-height: 23px; padding: 0 32px 20px 0; }
.sim-details p, .sim-details ul, .sim-details dl { margin: 0; }
.sim-details ul { padding: 10px 0 0 18px; }
.sim-details dl { display: grid; gap: 8px; padding-top: 14px; }
.sim-details dl > div { display: grid; gap: 8px; grid-template-columns: 92px 1fr; }
.sim-details dt { color: #717978; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.sim-details dd { margin: 0; }
.sim-recent { --sim-recent-gutter: 70px; background: #fff; overflow: hidden; padding: 64px var(--sim-recent-gutter) 80px; }
.sim-recent h2 { font-family: var(--as-rufina); font-size: 32px; font-weight: 700; letter-spacing: .15px; line-height: 44px; margin: 0 0 36px; }
.sim-recent__rail { display: flex; gap: 8px; margin-inline: calc(-1 * var(--sim-recent-gutter)); overflow-x: auto; padding: 0 var(--sim-recent-gutter) 8px; scroll-padding-inline: var(--sim-recent-gutter); scroll-snap-type: x mandatory; scrollbar-width: none; }
.sim-recent__rail::-webkit-scrollbar { display: none; }
.sim-recent article { flex: 0 0 calc((100% - 24px) / 4); min-width: 0; scroll-snap-align: start; }
.sim-recent article > div { aspect-ratio: 276 / 374; background: #f6f6f6; overflow: hidden; position: relative; }
.sim-recent article img { height: 100%; object-fit: cover; width: 100%; }
.sim-recent article > div > button { background: rgba(255,255,255,.84); border: 0; border-radius: 50%; color: #12201e; height: 30px; padding: 6px; position: absolute; right: 10px; top: 10px; width: 30px; }
.sim-recent article > div > button:hover { color: var(--demo-highlight); }
.sim-recent h3 { font-size: 13px; font-weight: 400; line-height: 20px; margin: 14px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sim-recent article p { font-size: 14px; font-weight: 600; line-height: 22px; margin: 6px 0 0; }
.sim-lightbox { align-items: center; background: #fff; display: flex; inset: 46px 0 0; justify-content: center; overflow: hidden; padding: 60px 90px 30px; position: absolute; z-index: 40; }
.sim-lightbox > div { align-items: center; display: flex; justify-content: space-between; left: 24px; position: absolute; right: 24px; top: 18px; }
.sim-lightbox > div span { color: #495352; font-size: 13px; }
.sim-lightbox > div button { background: transparent; border: 0; height: 24px; padding: 0; width: 24px; }
.sim-lightbox > img { height: 100%; max-height: 100%; object-fit: contain; width: 100%; }
.sim-lightbox > button { background: transparent; border: 0; height: 58px; padding: 0; position: absolute; top: 50%; width: 58px; }
.sim-lightbox > button.is-prev { left: 20px; transform: rotate(-90deg); }
.sim-lightbox > button.is-next { right: 20px; transform: rotate(90deg); }
.sim-cart-panel { background: #fff; border-left: 1px solid #e1e4e3; bottom: 0; box-shadow: -16px 0 36px rgba(18,32,30,.12); color: #12201e; overflow: hidden; padding: 24px; position: absolute; right: 0; top: 46px; width: min(390px, 100%); z-index: 35; }
.sim-cart-panel > header { align-items: center; display: flex; justify-content: space-between; }
.sim-cart-panel h2 { font-family: var(--as-rufina); font-size: 28px; font-weight: 400; margin: 0; }
.sim-cart-panel > header button { background: transparent; border: 0; height: 24px; padding: 0; width: 24px; }
.sim-cart-panel > p { color: #495352; font-size: 14px; margin: 70px 0 24px; }
.sim-cart-item { border-bottom: 1px solid #e1e4e3; display: grid; gap: 16px; grid-template-columns: 100px 1fr; margin: 36px 0 24px; padding-bottom: 20px; }
.sim-cart-item img { background: #f6f6f6; height: 120px; object-fit: contain; width: 100px; }
.sim-cart-item h3 { font-size: 14px; line-height: 20px; margin: 0 0 8px; }
.sim-cart-item p { color: #717978; font-size: 12px; margin: 0 0 8px; }
.sim-cart-item strong { font-size: 13px; }
.sim-cart-toast { align-items: center; backdrop-filter: blur(20px); background: rgba(0,0,0,.72); border-radius: 6px; bottom: 18px; box-shadow: 0 6px 20px rgba(0,0,0,.16); color: #fff; display: grid; gap: 12px; grid-template-columns: 44px 1fr auto; left: 18px; padding: 8px 12px 8px 8px; position: absolute; width: 286px; z-index: 32; }
.sim-cart-toast img { background: #f6f6f6; border-radius: 4px; height: 44px; object-fit: contain; width: 44px; }
.sim-cart-toast p { font-size: 12px; line-height: 16px; margin: 0; }
.sim-cart-toast button { background: transparent; border: 0; color: #fff; font-size: 13px; font-weight: 500; padding: 4px 0; text-decoration: underline; text-underline-offset: 2px; }
.sim-wishlist-toast { align-items: center; animation: sim-toast-in 180ms ease both; backdrop-filter: blur(20px); background: rgba(0,0,0,.4); border-radius: 6px; bottom: 46px; box-shadow: 0 6px 20px rgba(0,0,0,.14); color: #fff; display: flex; gap: 12px; left: 110px; max-width: calc(100% - 40px); overflow: hidden; padding: 8px 12px 8px 8px; position: absolute; width: 268px; z-index: 32; }
.sim-wishlist-toast > span { background: #f6f6f6; border-radius: 4px; display: block; flex: 0 0 44px; height: 44px; overflow: hidden; width: 44px; }
.sim-wishlist-toast img { display: block; height: 44px; object-fit: cover; width: 44px; }
.sim-wishlist-toast p { flex: 1 1 auto; font-size: 12px; line-height: 16px; margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sim-wishlist-toast strong { font-weight: 500; }
.sim-wishlist-toast button { background: transparent; border: 0; color: #fff; flex: 0 0 auto; font-size: 14px; font-weight: 500; line-height: 20px; padding: 0; text-decoration: underline; text-underline-offset: 2px; }
@keyframes sim-toast-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes sim-toast-in-centered { from { opacity: 0; transform: translate(-50%, 8px); } to { opacity: 1; transform: translate(-50%, 0); } }

.demo-toolbar { align-items: center; display: flex; justify-content: space-between; margin-bottom: 34px; }
.demo-toolbar__tabs, .demo-toolbar__devices { background: #f5f6f6; border: 1px solid #dde2e1; border-radius: 999px; display: flex; padding: 4px; }
.demo-toolbar button { background: transparent; border: 0; border-radius: 999px; color: #515b59; font-size: 11px; min-height: 34px; padding: 7px 14px; }
.demo-toolbar__tabs button[aria-selected="true"] { background: var(--demo-action); color: #fff; }
.demo-toolbar__devices button { align-items: center; display: flex; height: 34px; justify-content: center; min-height: 34px; padding: 6px; width: 34px; }
.demo-toolbar__devices button[aria-pressed="true"] { background: var(--as-green); }
.demo-toolbar__devices button img { height: 16px; width: 16px; }
.demo-root--explore .demo-store__stage { height: 667px; }
.demo-palette { align-items: center; background: #fff; border: 1px solid #dfe3e3; border-radius: 99px; display: flex; gap: 4px; margin: 34px auto 0; padding: 4px; width: max-content; }
.demo-palette button { border: 0; border-radius: 50%; height: 24px; padding: 0; width: 24px; }
.demo-palette .is-evergreen { background: #006450; box-shadow: 0 0 0 2px #d6eee8; }.demo-palette .is-merlot { background: #4a2229; }.demo-palette .is-noir { background: #292929; }
.demo-palette .is-custom { background: #fff; }
.demo-palette .is-custom img { height: 24px; width: 24px; }

.ijese-announcement { align-items: center; background: var(--demo-action); color: #fff; display: flex; font-size: .75em; height: 5%; justify-content: center; position: relative; }
.ijese-announcement button { background: none; border: 0; color: #fff; font-size: 1em; margin-left: .75em; padding: 0; text-decoration: underline; }
.ijese-announcement span { position: absolute; right: 1.5%; }
.ijese-header { align-items: center; background: #fff; display: grid; grid-template-columns: 1fr auto 1fr; height: 12%; padding: 0 5.5%; }
.ijese-header nav { display: flex; gap: 2.4em; }
.ijese-header button { background: none; border: 0; color: #404b49; font-size: .9em; font-weight: 600; padding: 0; }
.ijese-logo img { height: 2.7em; object-fit: contain; width: 8.5em; }
.ijese-icons { align-items: center; display: flex; gap: 1.2em; justify-self: end; }
.ijese-icons button { align-items: center; display: flex; height: 2.2em; justify-content: center; position: relative; width: 2.2em; }
.ijese-icons button > span:not(.ijese-bag):not(.ijese-search) { font-size: 2.3em; font-weight: 300; }
.ijese-icons b { align-items: center; background: var(--demo-accent); border-radius: 50%; display: flex; font-size: .65em; height: 1.5em; justify-content: center; position: absolute; right: -.35em; top: -.35em; width: 1.5em; }
.ijese-bag { border: 1.5px solid currentColor; height: 1.45em; position: relative; width: 1.25em; }.ijese-bag::before { border: 1.5px solid currentColor; border-bottom: 0; border-radius: 1em 1em 0 0; content: ""; height: .65em; left: .25em; position: absolute; top: -.65em; width: .55em; }
.ijese-search { border: 1.5px solid currentColor; border-radius: 50%; height: 1.25em; position: relative; width: 1.25em; }.ijese-search::after { background: currentColor; content: ""; height: 1.5px; position: absolute; right: -.55em; top: 1.05em; transform: rotate(45deg); width: .7em; }

.ijese-home-live { height: 83%; overflow: hidden; }
.ijese-home-hero { align-items: center; background-image: linear-gradient(90deg, rgba(0,0,0,.48), rgba(0,0,0,.03)), url("../images/ijese/hero-desktop-preview.jpg"); background-position: center 43%; background-size: cover; color: #fff; display: flex; height: 67%; padding: 0 7%; }
.ijese-home-hero h3 { font-family: var(--as-rufina); font-size: 4.6em; line-height: 1; margin: 0 0 .65em; }
.ijese-home-hero p { display: flex; gap: .8em; margin: 0; }
.ijese-home-hero button { background: #fff; border: 1px solid #fff; color: #13201e; font-size: .78em; font-weight: 700; padding: 1em 1.45em; text-transform: uppercase; }
.ijese-home-hero button + button { background: rgba(255,255,255,.08); color: #fff; }
.ijese-arrivals { height: 42%; padding: 2.8% 7%; }
.ijese-arrivals > div:first-child, .ijese-shop-heading { align-items: center; display: flex; justify-content: space-between; }
.ijese-arrivals h3, .ijese-shop-heading h3, .ijese-cart-live > h3 { font-family: var(--as-rufina); font-size: 2.8em; font-weight: 400; margin: 0; }
.ijese-arrivals > div:first-child button { background: none; border: 0; font-size: .7em; font-weight: 700; text-transform: uppercase; }
.ijese-product-grid { display: grid; gap: 1.5%; grid-template-columns: repeat(4, 1fr); margin-top: 2%; }
.ijese-product-card { min-width: 0; position: relative; }
.ijese-product-card__image { background: #fafafa; border: 0; height: 11em; overflow: hidden; padding: 0; position: relative; width: 100%; }
.ijese-product-card__image > span { font-size: 1.5em; position: absolute; right: .7em; top: .5em; z-index: 1; }
.ijese-product-card img { height: 100%; object-fit: contain; width: 100%; }
.ijese-product-card h4 { font-size: .72em; font-weight: 500; margin: .8em 0 .2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ijese-product-card p { font-size: .75em; font-weight: 700; margin: 0; }
.ijese-add-small { background: var(--demo-action); border: 0; color: #fff; display: none; font-size: .65em; margin-top: .5em; padding: .5em .8em; }

.ijese-shop-live { height: 83%; overflow: hidden; padding: 4% 6%; }
.ijese-shop-heading h3 { font-size: 3.4em; }
.ijese-shop-heading p { color: #77817f; }
.ijese-filter-row { display: flex; gap: 1em; margin: 2.5% 0; }
.ijese-filter-row button { background: #f0f2f2; border: 0; border-radius: 99px; color: #4d5856; font-size: .75em; padding: .65em 1.2em; }
.ijese-shop-live .ijese-product-grid { grid-template-columns: repeat(5, 1fr); }
.ijese-shop-live .ijese-product-card__image { height: 22em; }
.ijese-shop-live .ijese-add-small { display: inline-block; }

.ijese-product-live { display: grid; grid-template-columns: 1fr 1fr; height: 83%; }
.ijese-product-live__image { align-items: center; display: flex; justify-content: center; overflow: hidden; padding: 7%; }
.ijese-product-live__image img { height: 100%; object-fit: contain; width: 100%; }
.ijese-product-live__copy { padding: 8% 10% 6% 6%; }
.ijese-product-live h3 { font-family: var(--as-rufina); font-size: 3.1em; font-weight: 400; line-height: 1.18; margin: 0; }
.ijese-price { font-size: 1.5em; font-weight: 700; margin: 1.5em 0 2.2em; }
.ijese-cart-action, .ijese-wishlist-action { border: 1px solid var(--demo-action); display: block; font-size: .82em; font-weight: 700; margin-top: .75em; padding: 1.15em; text-transform: uppercase; width: 100%; }
.ijese-cart-action { background: var(--demo-action); color: #fff; }
.ijese-wishlist-action { background: #fff; color: var(--demo-action); }
.ijese-product-live dl { margin: 3.5em 0 0; }
.ijese-product-live dl div { align-items: center; display: flex; font-size: .85em; font-weight: 700; justify-content: space-between; padding: 1.5em 0; text-transform: uppercase; }
.ijese-product-live dd { margin: 0; }

.ijese-cart-live { height: 83%; overflow: auto; padding: 6% 10%; }
.ijese-cart-line { align-items: center; border-bottom: 1px solid #e2e5e4; display: grid; gap: 3%; grid-template-columns: 18% 1fr auto; margin-top: 4%; padding-bottom: 3%; }
.ijese-cart-line img { aspect-ratio: 1; object-fit: contain; }
.ijese-cart-line h4, .ijese-cart-line p { margin: 0 0 .5em; }
.ijese-cart-total { display: flex; font-size: 1.2em; justify-content: space-between; margin: 3% 0; }
.ijese-cart-live > .ijese-cart-action, .ijese-cart-live > .ijese-wishlist-action { margin-left: auto; max-width: 380px; }
.ijese-cart-empty { color: #66706e; margin: 12% 0 3%; }

.demo-canvas[data-device="tablet"] .demo-site { font-size: 8px; }
.demo-canvas[data-device="tablet"] .ijese-header nav { gap: 1.2em; }
.demo-canvas[data-device="mobile"] .demo-site { font-size: 8px; }
.demo-canvas[data-device="mobile"] .ijese-announcement { height: 6%; }
.demo-canvas[data-device="mobile"] .ijese-header { display: flex; height: 10%; justify-content: space-between; padding: 0 6%; }
.demo-canvas[data-device="mobile"] .ijese-header nav { display: none; }
.demo-canvas[data-device="mobile"] .ijese-icons button:first-child, .demo-canvas[data-device="mobile"] .ijese-icons button:last-child { display: none; }
.demo-canvas[data-device="mobile"] .ijese-home-live, .demo-canvas[data-device="mobile"] .ijese-shop-live, .demo-canvas[data-device="mobile"] .ijese-product-live, .demo-canvas[data-device="mobile"] .ijese-cart-live { height: 84%; }
.demo-canvas[data-device="mobile"] .ijese-home-hero { align-items: flex-end; background-image: linear-gradient(0deg, rgba(0,0,0,.62), transparent 60%), url("../images/ijese/hero-mobile-preview.jpg"); height: 62%; padding: 0 8% 14%; }
.demo-canvas[data-device="mobile"] .ijese-home-hero h3 { font-size: 3.4em; }
.demo-canvas[data-device="mobile"] .ijese-home-hero p { flex-direction: column; }
.demo-canvas[data-device="mobile"] .ijese-arrivals { height: 38%; padding: 8%; }
.demo-canvas[data-device="mobile"] .ijese-product-grid { grid-template-columns: repeat(2, 1fr); }
.demo-canvas[data-device="mobile"] .ijese-product-card:nth-child(n+3) { display: none; }
.demo-canvas[data-device="mobile"] .ijese-shop-live { padding: 8%; }
.demo-canvas[data-device="mobile"] .ijese-shop-live .ijese-product-grid { grid-template-columns: repeat(2, 1fr); }
.demo-canvas[data-device="mobile"] .ijese-shop-live .ijese-product-card__image { height: 18em; }
.demo-canvas[data-device="mobile"] .ijese-product-live { display: block; overflow: auto; }
.demo-canvas[data-device="mobile"] .ijese-product-live__image { height: 47%; padding: 8%; }
.demo-canvas[data-device="mobile"] .ijese-product-live__copy { padding: 10%; }
.demo-canvas[data-device="mobile"] .ijese-product-live h3 { font-size: 2.8em; }
.demo-canvas[data-device="mobile"] .ijese-product-live dl { margin-top: 2em; }
.demo-canvas[data-device="mobile"] .ijese-cart-live { padding: 10%; }
.demo-canvas[data-device="mobile"] .ijese-cart-line { grid-template-columns: 30% 1fr; }
.demo-canvas[data-device="mobile"] .ijese-cart-line strong { grid-column: 2; }

:focus-visible { outline: 3px solid #c67418; outline-offset: 3px; }
.demo-root--style :focus-visible { outline-color: var(--demo-highlight); }

@media (max-width: 1023px) {
  .style-option { height: 61.4px; padding-block: 10px; }
  .style-swatch { width: 46px; }
  .style-swatch i, .style-swatch img { height: 18px; width: 18px; }
  .style-option b { font-size: 13px; line-height: 18px; }
  .sim-header { display: flex; gap: 0; justify-content: space-between; min-height: 65px; padding: 10px 20px; }
  .sim-nav { display: none; }
  .sim-header__menu { display: block; flex: 0 0 24px; }
  .sim-header__logo { height: 34px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 112px; }
  .sim-header__actions { gap: 16px; margin-left: auto; position: relative; z-index: 2; }
  .sim-product-main { display: block; padding: 0; }
  .sim-gallery { height: auto; }
  .sim-gallery__control { height: 56px; width: 56px; }
  .sim-summary { padding: 56px 40px 0; }
  .sim-attribute { display: none; }
  .sim-product-actions { margin-top: 32px; }
  .sim-recent { --sim-recent-gutter: 40px; padding-block: 72px 80px; }
  .sim-recent article { flex-basis: calc((100% + var(--sim-recent-gutter) - 16px) / 2.25); }
  .sim-lightbox { padding-inline: 70px; }
}

@media (min-width: 601px) and (max-width: 1023px) {
  .sim-gallery { aspect-ratio: auto; height: clamp(320px, 48vw, 360px); }
  .sim-gallery__image img.is-product-shot { object-fit: contain; object-position: center center; }
  .sim-summary { padding-top: 40px; }
  .sim-wishlist-toast { animation-name: sim-toast-in-centered; bottom: 32px; left: 50%; transform: translateX(-50%); }
}

@media (max-width: 900px) {
	.customer-heading--desktop { display: none; }
	.customer-heading--tablet { display: inline; }
  .content-width { width: calc(100% - 80px); }
  .section { padding: 100px 0; }
  .site-header__inner { display: flex; height: 64px; justify-content: space-between; }
  .site-nav--left { display: none; }
  .site-nav--right { margin-left: auto; }
  .asovera-legal-page .legal-page { padding-top: 64px; }
  .legal-page__hero-inner { max-width: none; padding: 52px 0; width: calc(100% - 80px); }
  .legal-page__content { max-width: none; padding: 48px 0; width: calc(100% - 80px); }
  .button--small { font-size: 12px; height: 38px; line-height: 16px; min-height: 38px; padding: 0 16px; }
  .copy-desktop, .hero__desktop-tail { display: none; }
  .copy-compact { display: inline; }
  .section--hero { padding: 100px 0; }
  .hero__content { gap: 72px; }
  .hero__intro { max-width: 680px; }
  .hero h1 { font-size: 60px; line-height: 1.2; }
  .hero__intro > p { font-size: 18px; line-height: 32.5px; max-width: 600px; width: min(100%, 600px); }
  .hero-media { height: 388px; }
  .demo-frame { height: 600px; }
  .section-heading h2, .section--cta h2 { font-size: 52px; }
  .section-heading { max-width: 620px; }
  .feature-grid { gap: 56px 20px; }
  .feature-visual { height: 273px; }
  .section--customers { padding-block: 100px; }
  .section--customers .section-heading { max-width: 672px; }
  .section--customers .section-heading h2 { font-size: 54px; line-height: 60px; }
  .customer-showcase { display: flex; flex-direction: column; gap: 48px; margin-top: 56px; min-height: 0; }
  .customer-showcase__visual { align-self: flex-start; max-width: 667px; order: 1; }
  .customer-showcase__content { order: 2; width: 100%; }
  .included-grid { gap: 52px 42px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .section--pricing { padding: 80px 0; }
  .section--pricing .content-width { width: calc(100% - 80px); }
  .section--pricing .section-heading { max-width: 672px; }
  .section--pricing .section-heading h2 { font-size: 48px; line-height: 60px; }
  .pricing-grid { gap: 34px; grid-template-columns: 364px; margin-top: 72px; }
  .pricing-grid > .price-card { justify-self: center; margin-top: 0; }
  .price-card { height: 578px; padding: 40px; }
  .price-card--featured { height: 576px; }
  .section--faq { padding: 112px 0; }
  .section--faq .section-heading h2 { font-size: 60px; line-height: 64px; margin-top: 0; white-space: normal; }
  .section--faq .eyebrow { display: none; }
	.section--cta { min-height: 544px; padding: 80px 0; }
	.section--cta .content-width { width: calc(100% - 48px); }
	.section--cta h2 { font-size: 60px; letter-spacing: -2.1px; line-height: 68px; }
  .demo-store__stage, .demo-root--style .demo-store__stage, .demo-root--explore .demo-store__stage { height: 600px; }
  .demo-toolbar { margin-bottom: 28px; }
  .demo-palette { margin-top: 28px; }
  .demo-site { font-size: 8px; }
}

@media (min-width: 601px) and (max-width: 1023px) {
  .demo-frame { height: 640px; height: min(700px, 100svh); }
}

@media (min-width: 601px) and (max-width: 1023px) and (max-height: 700px) {
  .sim-gallery { height: 300px; }
  .sim-summary { padding-top: 32px; }
}

@media (max-width: 1023px) {
  .feature-visual--whatsapp { height: 288px; }
  .feature-visual--whatsapp .feature-shot { inset: 14px; }
  .feature-visual--whatsapp .feature-capture { inset: 6px !important; }
  .feature-visual--whatsapp .feature-shot::after { inset: 6px; }
  .feature-wa-scene--product { align-items: center; display: flex; }
  .feature-product-capture { grid-template-columns: 1fr; grid-template-rows: 154px 86.315px; height: 240.315px; width: 100%; }
  .feature-product-image { background: #f7f7f7; }
  .feature-product-image img { height: 82.68%; object-fit: contain; padding: 0; width: 65.19%; }
  .feature-product-chevron { display: none; }
  .feature-product-summary { align-self: stretch; display: flex; flex-direction: column; padding: 10.315px 20px 11px; }
  .feature-product-summary h4 { font-size: 12px; line-height: 14.64px; }
  .feature-product-summary > b { font-size: 10px; line-height: 14.4px; margin-top: 2px; }
  .feature-product-summary > small, .feature-mini-sizes { display: none; }
  .feature-product-summary button { font-size: 6px; height: 25px; margin-top: auto; }
  .feature-product-summary button img { height: 9px; width: 9px; }
  .feature-direct-checkout { grid-template-columns: 1fr; padding: 13px; }
  .feature-direct-checkout aside { display: none; }
  .feature-direct-checkout button { font-size: 6px; height: 25px; }
  .feature-direct-checkout button img { height: 9px; width: 9px; }
  .feature-direct-checkout main > button { align-self: center; width: calc(100% - 14px); }
  .feature-shot--whatsapp .feature-tap { bottom: 23px; right: 28px; }
}

@media (max-width: 600px) {
	.customer-heading--tablet { display: none; }
	.customer-heading--mobile { display: inline; }
  body.asovera-marketing-site { font-size: 16px; }
  .feature-woo-revenue { padding-top: 4%; }
  .content-width, .content-width--faq, .content-width--narrow { width: calc(100% - 40px); }
  .section { padding: 60px 0; }
  .section-heading { max-width: none; }
  .section-heading h2, .section--cta h2, .section--pricing .section-heading h2 { font-size: 36px; letter-spacing: -1.35px; line-height: 42px; margin: 20px 0; }
  .section-heading > p:not(.eyebrow) { font-size: 14px; line-height: 22px; }
  .eyebrow { font-size: 10px; letter-spacing: 2.1px; }
  .site-header .content-width { width: calc(100% - 40px); }
  .site-header__inner { height: 64px; }
  .button--small { font-size: 12px; font-weight: 400; height: 34px; line-height: 16px; min-height: 34px; padding: 0 14px; }
  .legal-page__hero-inner { padding: 42px 0; width: calc(100% - 40px); }
  .legal-page__hero h1 { font-size: 34px; letter-spacing: .17px; line-height: 46px; }
  .legal-page__content { gap: 46px; padding: 32px 0 60px; width: calc(100% - 40px); }
  .legal-page__updated { margin-bottom: -18px; }
  .legal-page__section h2 { font-size: 22px; line-height: 28px; margin-bottom: 24px; }

  .section--hero { padding: 60px 0; }
  .hero__content { gap: 32px; }
  .hero__intro { gap: 24px; }
  .hero h1 { font-size: 42px; letter-spacing: -1.7px; line-height: 46px; }
  .hero__intro > p { font-size: 14px; line-height: 22px; }
  .button-row { flex-direction: column; gap: 12px; width: 100%; }
  .button-row .button { min-height: 52px; width: 100%; }
  .hero-media { border-radius: 24px; height: 203px; }

  .section--styles { padding-top: 40px; }
  .section--styles .section-heading { margin-bottom: 54px; }
  .style-selector { display: grid; gap: 12px 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 24px; width: 100%; }
  .style-option, .style-option[data-demo-style="custom"] { border-radius: 12px; gap: 12px; height: 61.4px; padding: 10px 12px 10px 19px; width: 100%; }
  .style-option.is-active { border-width: 1.5px; }
  .custom-style-wrap { width: 100%; }
  .style-option b { font-size: 13px; line-height: 18px; }
  .style-option small { font-size: 12px; line-height: 17px; }
  .style-swatch { width: 46px; }
  .style-swatch i, .style-swatch img { height: 18px; width: 18px; }
  .custom-colour-controls { padding: 12px; }
  .colour-picker output { font-size: 8px; }
  .colour-picker span { align-self: center; }
  .demo-frame { height: 600px; }
  .sim-browser { flex-basis: 42px; min-height: 42px; padding-inline: 12px; }
  .sim-browser__domain { font-size: 9px; min-width: 164px; padding-inline: 18px; }
  .sim-browser__dots { gap: 5px; }
  .sim-browser__dots i { height: 7px; width: 7px; }
  .sim-lightbox { inset: 42px 0 0; }
  .sim-cart-panel { top: 42px; }
  .sim-announcement { font-size: 10px; padding-inline: 38px; text-align: center; }
  .sim-announcement > button { right: 14px; }
  .sim-header__logo { width: 96px; }
  .sim-header__actions { gap: 8px; }
  .sim-header__actions > button { height: 21px; width: 21px; }
  .sim-gallery { aspect-ratio: auto; height: clamp(300px, 82vw, 340px); }
  .sim-gallery__image { touch-action: pan-y; }
  .sim-gallery__image img.is-product-shot { object-fit: cover; object-position: center center; }
  .sim-gallery__control, .sim-gallery__counter { display: none; }
  .sim-gallery__dots { display: flex; }
  .sim-summary { padding: 40px 20px 0; }
  .sim-summary h1 { font-size: 22px; line-height: 28px; }
  .sim-price { font-size: 20px; line-height: 28px; margin-top: 16px; }
  .sim-product-actions { margin-top: 28px; }
  .sim-add-cart, .sim-add-wishlist, .sim-checkout { min-height: 48px; }
  .sim-details { margin-top: 32px; }
  .sim-details summary { font-size: 10px; line-height: 16px; padding-block: 20px; }
  .sim-details summary::after { top: 18px; }
  .sim-details details > div { font-size: 12px; line-height: 20px; }
  .sim-recent { --sim-recent-gutter: 20px; padding-block: 44px 60px; }
  .sim-recent h2 { font-size: 28px; font-weight: 400; line-height: 38px; margin-bottom: 24px; }
  .sim-recent h3 { font-size: 12px; }
  .sim-recent article p { font-size: 13px; }
  .sim-lightbox { padding: 54px 20px 24px; }
  .sim-lightbox > button { height: 40px; width: 40px; }
  .sim-lightbox > button.is-prev { left: 0; }
  .sim-lightbox > button.is-next { right: 0; }
  .sim-cart-panel { border-left: 0; padding: 20px; width: 100%; }
  .sim-cart-toast { bottom: 16px; left: 50%; max-width: calc(100% - 32px); transform: translateX(-50%); width: 268px; }
  .sim-wishlist-toast { animation-name: sim-toast-in-centered; bottom: 24px; left: 50%; transform: translateX(-50%); }

  .section--explore { padding-bottom: 84px; }
  .section--explore .section-heading { margin-bottom: 54px; }
  .demo-toolbar { align-items: stretch; flex-direction: column; gap: 12px; margin-bottom: 16px; }
  .demo-toolbar__tabs { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; }
  .demo-toolbar button { font-size: 9px; min-height: 34px; padding: 6px 4px; }
  .demo-toolbar__devices { display: none; }
  .demo-toolbar__devices button { height: 32px; min-height: 32px; width: 32px; }
  .demo-store__stage, .demo-root--explore .demo-store__stage { height: 604px; }
  .demo-canvas[data-device="desktop"] { width: 100%; }
  .demo-canvas[data-device="tablet"] { width: 82%; }
  .demo-canvas[data-device="mobile"] { width: 58%; }
  .demo-root--explore .demo-exact-view > img { object-position: 24% top; }
  .demo-palette { margin-top: 28px; }

  .section--features .section-heading { margin-bottom: 54px; }
  .feature-grid { display: block; }
  .feature-card { margin-bottom: 46px; }
  .feature-card:last-child { margin-bottom: 0; }
  .feature-visual { border-radius: 24px; height: 288px; }
  .feature-shot { inset: 14px; }
  .feature-capture { inset: 6px !important; }
  .feature-shot::after { inset: 6px; }
  .feature-direct-checkout button { font-size: 6px; height: 25px; }
  .feature-direct-checkout button img { height: 9px; width: 9px; }
  .feature-direct-checkout { gap: 9px; grid-template-columns: 1fr; padding: 13px; }
  .feature-direct-checkout aside { display: none; }
  .feature-kicker { font-size: 4px; margin-bottom: 4px; }
  .feature-direct-checkout h4 { font-size: 9px; margin-bottom: 4px; }
  .feature-direct-checkout h4:not(:first-of-type) { margin-top: 7px; }
  .feature-direct-checkout label { font-size: 4px; padding: 4px 5px; }
  .feature-direct-checkout label span { font-size: 5px; }
  .feature-direct-checkout aside { padding: 7px; }
  .feature-direct-checkout aside > strong { font-size: 5.5px; }
  .feature-direct-checkout aside > div { gap: 4px; grid-template-columns: 27px minmax(0,1fr) auto; margin-top: 6px; }
  .feature-direct-checkout aside img { height: 30px; width: 27px; }
  .feature-direct-checkout aside div span { font-size: 4.5px; }
  .feature-direct-checkout aside div small { font-size: 3.5px; }
  .feature-direct-checkout aside div b { font-size: 4px; grid-column: auto; }
  .feature-address-field span small { font-size: 4px; }
  .feature-address-field em { font-size: 4px; }
  .feature-direct-checkout aside > p { font-size: 5px; margin-top: 6px; padding-top: 5px; }
  .feature-wa-place-tap { bottom: 20px; right: 28px; }
  .feature-whatsapp-mobile { width: 178px; }
  .feature-shot .feature-checkout-scene--cart > h4 { font-size: 15px; margin: 14px 14px 5px; }
  .feature-shot .feature-checkout-item { gap: 7px; grid-template-columns: 46px 1fr auto; margin-inline: 14px; padding-bottom: 7px; }
  .feature-shot .feature-checkout-item > img { height: 43px; width: 46px; }
  .feature-shot .feature-checkout-item p strong { font-size: 6px; }
  .feature-shot .feature-checkout-item p small { font-size: 4px; }
  .feature-shot .feature-checkout-item > b { font-size: 6px; }
  .feature-shot .feature-checkout-total { font-size: 6px; margin-inline: 14px; }
  .feature-shot .feature-checkout-total strong { font-size: 7px; }
  .feature-shot .feature-checkout-scene--cart > button { font-size: 6px; margin-inline: 14px; width: calc(100% - 28px); }
  .feature-shot .feature-checkout-scene--form { padding: 13px !important; }
  .feature-checkout-columns { gap: 9px; grid-template-columns: 1fr; }
  .feature-checkout-columns aside { display: none; }
  .feature-checkout-columns h4 { font-size: 9px; line-height: 12px; margin-bottom: 4px; }
  .feature-checkout-columns label { font-size: 4px; padding: 4px 5px; }
  .feature-checkout-columns label span { font-size: 5px; }
  .feature-checkout-columns aside { padding: 6px; }
  .feature-checkout-columns aside > small { font-size: 4px; }
  .feature-checkout-columns aside > p { font-size: 4px; grid-template-columns: 22px minmax(0,1fr) auto; }
  .feature-checkout-columns aside > p img { height: 24px; width: 22px; }
  .feature-checkout-columns aside > p b { font-size: 4px; grid-column: auto; }
  .feature-checkout-columns aside > div { font-size: 5px; }
  .feature-shot .feature-checkout-scene--form > button { font-size: 6px; height: 24px; margin-top: 7px; width: 100%; }
  .feature-phone { height: calc(100% - 22px); top: 11px; }
  .feature-checkout-window { height: calc(100% - 32px); top: 16px; width: calc(100% - 28px); }
  .feature-card h3 { font-size: 16px; line-height: 24px; margin: 20px 0 5px; }
  .feature-card > p { font-size: 14px; line-height: 22px; }
  .feature-visual--manage .feature-woo-phone { left: 23%; width: 54%; }

  .section--customers { padding: 40px 0 60px; }
  .section--customers .section-heading h2 { font-size: 36px; line-height: 42px; margin-bottom: 20px; }
  .customer-showcase { gap: 40px; margin-top: 54px; }
  .customer-showcase__visual { border-radius: 20px; }
  .customer-showcase__glass { border-radius: 15px; inset: 14px; padding: 5px; }
  .customer-showcase__glass::after { border-radius: 10px; inset: 5px; }
  .customer-showcase__glass img { border-radius: 9px; }
  .customer-showcase__content h3 { font-size: 28px; letter-spacing: -.8px; line-height: 34px; margin-bottom: 20px; }
  .customer-showcase__content > p { font-size: 16px; line-height: 24px; }
  .customer-showcase ul { gap: 12px; margin: 20px 0 24px; padding: 20px 0 0; }
  .customer-showcase li { font-size: 12px; line-height: 32px; }
  .customer-showcase li:not(:last-child)::after { font-size: 16px; margin-left: 12px; }
  .customer-showcase__content .button { width: 100%; }

  .section--included { background: #fff; }
  .section--included .section-heading { margin-bottom: 24px; }
  .plan-tabs { margin-top: 0; }
  .plan-tabs__list { width: 100%; }
  .plan-tabs__list button { font-size: 12px; min-height: 36px; padding: 6px 3px; }
  .plan-tabs__intro { display: block; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 32px; }
  .included-grid { display: block; padding-top: 30px; }
  .included-grid article { min-height: 157px; padding: 16px 0; }
  .included-grid article img { height: 20px; width: 20px; }
  .included-grid h3 { font-size: 17px; line-height: 26px; margin: 20px 0 8px; }
  .included-grid p { font-size: 14px; line-height: 22.8px; }

  .section--pricing { background: #fff; padding: 40px 0 60px; }
  .section--pricing .content-width { width: calc(100% - 40px); }
  .section--pricing .section-heading { margin: 0; max-width: 335px; text-align: left; }
  .section--pricing .section-heading h2 { margin-top: 20px; }
  .pricing-grid { display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); margin-top: 54px; width: 100%; }
  .price-card-shell--featured { border-radius: 20px; height: 619.5px; padding: 8px 2.5px 2.5px; width: 100%; }
  .price-card { border-radius: 20px; height: auto; min-height: 0; width: 100%; }
  .pricing-grid > .price-card { padding: 41px 21px 40px; }
  .price-card--featured { flex-basis: 563px; height: 563px; min-height: 563px; padding: 40px 20px; width: 100%; }
  .price-card__badge { flex-basis: 38px; font-size: 14px !important; line-height: 38px; }
  .price-card h3 { font-size: 14px; line-height: 22px; }
  .price { margin-top: 12px; padding-top: 12px; }
  .price b { font-size: 28px; letter-spacing: -.8px; line-height: normal; }
  .price-card .button { margin-top: 24px; min-height: 52px; }

  .section--faq { padding: 40px 0 60px; }
  .section--faq .section-heading, .section--faq .section-heading--center { text-align: left; }
  .section--faq .section-heading h2 { font-size: 36px; letter-spacing: -1.26px; line-height: 42px; margin-top: 20px; white-space: normal; }
  .section--faq .eyebrow { display: block; font-size: 10px; font-weight: 600; letter-spacing: 2.1px; }
  .faq-list { margin-top: 54px; }
  .faq-list summary { font-size: 14px; gap: 16px; line-height: 22px; min-height: 70px; padding: 24px 4px; }
  .faq-answer { font-size: 14px; line-height: 22px; padding: 0 32px 24px 4px; }
  .faq-more { font-size: 14px; line-height: 22px; margin-top: 10px; }

  .section--cta { align-items: center; display: flex; min-height: 482px; padding: 60px 0; }
  .section--cta .content-width { width: calc(100% - 40px); }
  .section--cta h2 { font-size: 36px; letter-spacing: -1.26px; line-height: 42px; margin: 0; }
  .section--cta p { font-size: 16px; line-height: 28px; margin: 0; }
  .cta-copy--wide { display: none; }
  .cta-copy--mobile { display: block; }
  .section--cta .button { min-width: 0; }
  .site-footer__inner.content-width { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto auto auto; padding: 48px 0 34px; width: calc(100% - 40px); }
  .site-footer__brand { grid-column: 1 / -1; grid-row: 1; margin-bottom: 60px; }
  .site-footer__brand-link, .site-footer__brand-mark { height: 32px; width: 120px; }
  .site-footer__brand-mark { gap: 6.4px; }
  .site-footer__logogram { height: 32px; width: 32.098px; }
  .site-footer__logotype { height: 16.536px; width: 81.482px; }
  .site-footer__brand p { font-size: 16px; line-height: 28px; margin-top: 28px; max-width: 320px; }
  .site-footer__menus { display: grid; gap: 40px 24px; grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-self: stretch; margin-bottom: 60px; }
  .site-footer__menu, .site-footer__menu--contact { min-width: 0; }
  .site-footer__menu h2 { margin-bottom: 16px; }
  .site-footer__menu ul, .site-footer__menu address { gap: 12px; }
  .site-footer__menu li, .site-footer__menu address { font-size: 14px; line-height: 22px; }
  .site-footer__menu--contact { grid-column: 1; grid-row: 2; }
  .site-footer__label--desktop { display: none; }
  .site-footer__label--compact { display: inline; }
  .site-footer__socials { align-self: start; gap: 12px; grid-column: 1 / -1; grid-row: 3; margin-bottom: 40px; }
  .site-footer__copyright { grid-column: 1 / -1; grid-row: 4; justify-self: start; margin: 0; }

  .demo-site { font-size: 7px; }
  .demo-exact-view > img { object-fit: cover; }
  .ijese-header nav { display: none; }
}

@media (max-width: 782px) {
  .asovera-legal-page.admin-bar .site-header { top: 46px; }
}

@media (max-width: 340px) {
  .style-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .style-option, .style-option[data-demo-style="custom"] { gap: 7px; padding-inline: 8px; }
}

/* High-fidelity, self-contained Asovera storefront used by “Explore the storefront”. */
.section--explore .section-heading { max-width: 672px; }
.section--explore .section-heading h2 { font-size: 60px; line-height: 64px; }
.demo-root--explore { color: #12201e; font-family: Inter, Arial, sans-serif; height: auto; position: relative; }
.demo-root--explore button, .demo-root--explore input, .demo-root--explore select { font-family: Inter, Arial, sans-serif; }
.demo-root--explore svg { display: block; fill: currentColor; height: 100%; width: 100%; }
.demo-root--explore :is(button, a, input, select) { transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, opacity 180ms ease; }
.screen-reader-text { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.demo-root--explore .demo-toolbar { align-items: center; display: flex; justify-content: space-between; margin: 0 0 40px; }
.demo-root--explore .demo-toolbar__tabs,
.demo-root--explore .demo-toolbar__devices { background: #f9fafb; border: 1px solid rgba(29,34,43,.1); border-radius: 999px; display: flex; padding: 6px; }
.demo-root--explore .demo-toolbar__tabs { display: grid; grid-template-columns: repeat(4,78px); isolation: isolate; overflow: hidden; position: relative; }
.demo-root--explore .demo-toolbar__tabs::before { background: #052e28; border-radius: 999px; bottom: 6px; box-shadow: 0 2px 6px rgba(5,46,40,.08); content: ""; left: 6px; position: absolute; top: 6px; transform: translate3d(0,0,0); transition: transform 420ms var(--as-ease-soft), box-shadow 280ms ease; width: 78px; will-change: transform; z-index: 0; }
.demo-root--explore .demo-toolbar__tabs[data-view="shop"]::before { transform: translate3d(100%,0,0); }
.demo-root--explore .demo-toolbar__tabs[data-view="product"]::before { transform: translate3d(200%,0,0); }
.demo-root--explore .demo-toolbar__tabs[data-view="cart"]::before { transform: translate3d(300%,0,0); }
.demo-root--explore .demo-toolbar__tabs button { background: transparent; border: 0; border-radius: 999px; color: #585e68; font: 600 12px/16px var(--as-manrope); min-height: 32px; padding: 8px 10px; position: relative; transition: color 280ms ease; white-space: nowrap; z-index: 1; }
.demo-root--explore .demo-toolbar__tabs button span { display: block; transition: transform 160ms ease; }
.demo-root--explore .demo-toolbar__tabs button:active span { transform: scale(.97); }
.demo-root--explore .demo-toolbar__tabs button[aria-selected="true"] { background: transparent; color: #fff; }
.demo-root--explore .demo-toolbar__tabs button:focus-visible { outline-color: #052e28; }
.demo-root--explore .demo-toolbar__devices { display: grid; gap: 6px; grid-template-columns: repeat(3,32px); isolation: isolate; overflow: hidden; position: relative; }
.demo-root--explore .demo-toolbar__devices::before { background: var(--as-green); border-radius: 999px; bottom: 6px; box-shadow: 0 4px 12px rgba(0,138,97,.16); content: ""; left: 6px; position: absolute; top: 6px; transform: translate3d(0,0,0); transition: transform 420ms var(--as-ease-soft),box-shadow 280ms ease; width: 32px; will-change: transform; z-index: 0; }
.demo-root--explore .demo-toolbar__devices[data-device="tablet"]::before { transform: translate3d(38px,0,0); }
.demo-root--explore .demo-toolbar__devices[data-device="mobile"]::before { transform: translate3d(76px,0,0); }
.demo-root--explore .demo-toolbar__devices button { align-items: center; background: transparent; border: 0; border-radius: 999px; display: flex; height: 32px; justify-content: center; min-height: 32px; padding: 8px; position: relative; width: 32px; z-index: 1; }
.demo-root--explore .demo-toolbar__devices button[aria-pressed="true"] { background: transparent; }
.demo-root--explore .demo-toolbar__devices img { height: 16px; width: 16px; }
.demo-root--explore .demo-toolbar__devices button:not([aria-pressed="true"]) img { filter: brightness(0); opacity: .55; }
.demo-root--explore .demo-toolbar__devices button[aria-pressed="true"] img { filter: brightness(0) invert(1); }

.demo-root--explore .demo-store__stage { align-items: stretch; display: flex; height: 667px; justify-content: center; overflow: visible; }
.explore-canvas { border-radius: 24px; box-shadow: 55px 313px 89px rgba(0,0,0,0),35px 200px 81px rgba(0,0,0,.01),20px 113px 69px rgba(0,0,0,.02),9px 50px 51px rgba(0,0,0,.03),2px 13px 28px rgba(0,0,0,.04); height: 100%; min-width: 0; overflow: hidden; transition: border-radius 240ms ease, width 260ms cubic-bezier(.22,1,.36,1); width: 100%; }
.explore-canvas[data-device="tablet"] { flex: 0 1 768px; max-width: 100%; width: 768px; }
.explore-canvas[data-device="mobile"] { flex: 0 1 390px; max-width: 100%; width: 390px; }
.explore-window { background: #fff; border-radius: inherit; display: flex; flex-direction: column; height: 100%; isolation: isolate; overflow: hidden; position: relative; width: 100%; }
.demo-root--explore .sim-browser { background: #eef2f2; border-bottom-color: #cfd6d5; box-shadow: inset 0 -1px 0 rgba(18,32,30,.05); flex: 0 0 46px; min-height: 46px; }
.demo-root--explore .sim-browser__domain { border-color: #d4dbda; }
.explore-site { -webkit-overflow-scrolling: touch; --store-gutter: 54px; background: #fff; color: #12201e; flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: auto; position: relative; scrollbar-color: #c7cdcb transparent; scrollbar-width: thin; }
.explore-site img { max-width: 100%; }
.explore-announcement { align-items: center; background: var(--demo-action); color: var(--demo-on-action); display: flex; font-size: 10px; height: 36px; justify-content: center; line-height: 16px; min-height: 36px; padding: 8px 46px; position: relative; }
.explore-announcement > button:first-of-type { background: transparent; border: 0; color: inherit; margin-left: 6px; padding: 0; text-decoration: underline; text-underline-offset: 2px; }
.explore-announcement > button:last-of-type { background: transparent; border: 0; color: inherit; height: 16px; padding: 0; position: absolute; right: 20px; width: 16px; }

.explore-header { align-items: center; background: #fff; color: #495352; display: grid; gap: 20px; grid-template-columns: 1fr auto 1fr; min-height: 60px; padding: 12px var(--store-gutter); position: relative; width: 100%; z-index: 8; }
.explore-header.is-home { background: linear-gradient(to bottom, rgba(5,21,19,.34), transparent); color: #fff; left: 0; position: absolute; right: 0; top: 36px; }
.explore-site:not(:has(.explore-announcement)) .explore-header.is-home { top: 0; }
.explore-header button { background: transparent; border: 0; color: inherit; padding: 0; }
.explore-header__nav { align-items: center; display: flex; gap: 30px; }
.explore-header__nav button { color: inherit; font-size: 12px; font-weight: 500; line-height: 20px; }
.explore-header__nav button:hover { color: var(--demo-accent); }
.explore-header__logo { align-items: center; display: flex; height: 28px; justify-content: center; width: 104px; }
.explore-header__logo img { filter: brightness(0); height: 100%; object-fit: contain; width: 100%; }
.explore-header.is-home .explore-header__logo img { filter: none; }
.explore-header__actions { align-items: center; display: flex; gap: 18px; justify-content: flex-end; }
.explore-header__actions > button { height: 21px; position: relative; width: 21px; }
.explore-header__actions b { align-items: center; background: var(--demo-accent); border-radius: 999px; color: var(--demo-on-accent); display: flex; font-size: 7px; font-weight: 700; height: 14px; justify-content: center; min-width: 14px; padding-inline: 3px; position: absolute; right: -7px; top: -6px; }
.explore-header__menu { display: none; height: 24px; width: 24px; }

.explore-search, .explore-filter { background: rgba(255,255,255,.98); color: #12201e; inset: 0; position: absolute; z-index: 30; }
.explore-search header button, .explore-filter header button { background: transparent; border: 0; height: 22px; padding: 0; width: 22px; }
.explore-window.has-overlay .explore-site { overflow: hidden; }
.explore-mobile-menu { bottom: 0; left: 0; right: 0; top: 46px; }
.explore-search { padding: 18px var(--store-gutter); }
.explore-search header { align-items: center; display: flex; justify-content: space-between; }
.explore-search header img { filter: brightness(0); height: 28px; object-fit: contain; width: 104px; }
.explore-search form { margin-top: 34px; }
.explore-search label { color: #717978; display: block; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.explore-search form > div { display: flex; gap: 14px; margin-top: 10px; }
.explore-search input { border: 0; border-bottom: 1px solid #c6caca; flex: 1 1 auto; font-size: 16px; min-width: 0; padding: 10px 0; }
.explore-search form button { align-items: center; background: var(--demo-action); border: 0; color: var(--demo-on-action); display: flex; font-size: 11px; gap: 8px; padding: 10px 18px; text-transform: uppercase; }
.explore-search form button svg { height: 17px; width: 17px; }

.explore-home__hero { align-items: center; background-color: #605b55; background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)), var(--explore-hero-desktop); background-position: center 43%; background-repeat: no-repeat; background-size: cover; color: #fff; display: flex; height: 520px; padding: 80px var(--store-gutter) 32px; }
.explore-home__hero h1 { font-family: var(--as-rufina); font-size: clamp(50px,5.2vw,70px); font-weight: 700; letter-spacing: 0; line-height: 1.03; margin: 0; }
.explore-home__hero > div > div { display: flex; gap: 12px; margin-top: 26px; }
.explore-home__hero button { border: 1px solid #fff; font-size: 11px; font-weight: 600; min-height: 44px; padding: 10px 20px; text-transform: uppercase; }
.explore-home__hero button:first-child { background: #fff; color: #12201e; }
.explore-home__hero button:last-child { backdrop-filter: blur(18px); background: rgba(255,255,255,.09); color: #fff; }
.explore-rail { background: #fff; overflow: hidden; padding: 40px var(--store-gutter) 48px; }
.explore-rail > header { align-items: center; display: flex; justify-content: space-between; }
.explore-rail h2 { font-family: var(--as-rufina); font-size: 34px; font-weight: 400; line-height: 44px; margin: 0; }
.explore-rail > header button { background: transparent; border: 0; color: #12201e; font-size: 9px; font-weight: 600; text-transform: uppercase; }
.explore-rail > div { -webkit-overflow-scrolling: touch; display: flex; gap: 8px; margin: 32px calc(-1 * var(--store-gutter)) 0; overflow-x: auto; overscroll-behavior-x: contain; padding-inline: var(--store-gutter); scroll-padding-inline: var(--store-gutter); scroll-snap-type: x proximity; scrollbar-width: none; }
.explore-rail > div::-webkit-scrollbar { display: none; }
.explore-rail .explore-product-card { flex: 0 0 calc((100% - 24px) / 4); scroll-snap-align: start; }
.explore-editorial { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); height: 500px; }
.explore-editorial__media { background: #f0eae0; height: 500px; overflow: hidden; }
.explore-editorial__media img { height: 100%; object-fit: cover; width: 100%; }
.explore-editorial__copy { align-items: flex-start; background: var(--demo-action); color: var(--demo-on-action); display: flex; flex-direction: column; height: 500px; justify-content: center; padding: 60px; }
.explore-editorial__copy h2 { color: inherit; font-family: var(--as-rufina); font-size: 44px; font-weight: 700; line-height: 1.1; margin: 0; }
.explore-editorial__copy h2 span { color: var(--demo-accent); }
.demo-root--explore[data-style="custom"] .explore-editorial__copy h2 span { color: inherit; }
.explore-editorial__copy p { font-size: 14px; line-height: 1.75; margin: 22px 0 28px; max-width: 420px; }
.explore-editorial__copy button { background: color-mix(in srgb,var(--demo-on-action) 10%,transparent); border: 1px solid color-mix(in srgb,var(--demo-on-action) 75%,transparent); color: inherit; font-size: 12px; font-weight: 500; min-height: 48px; padding: 10px 30px; text-transform: uppercase; }
.explore-testimonial { align-items: start; background: #fff; display: grid; gap: clamp(54px,8vw,104px); grid-template-columns: minmax(390px,1fr) minmax(320px,1fr); padding: 80px var(--store-gutter); }
.explore-testimonial__visual { min-height: 480px; position: relative; }
.explore-testimonial__visual > img { height: 362px; object-fit: cover; object-position: center 38%; width: 301px; }
.explore-testimonial blockquote { background: var(--demo-action); color: var(--demo-on-action); left: 104px; margin: 0; padding: 34px 38px; position: absolute; top: 248px; width: 327px; }
.explore-testimonial blockquote strong { color: var(--demo-accent); display: block; font-size: 18px; text-align: center; }
.demo-root--explore[data-style="custom"] .explore-testimonial blockquote strong { color: inherit; }
.explore-testimonial blockquote p { font-family: var(--as-rufina); font-size: 14px; line-height: 1.55; margin: 12px 0 0; }
.explore-testimonial__copy { padding-top: 30px; }
.explore-testimonial__copy h2 { font-family: var(--as-rufina); font-size: 36px; line-height: 1.35; margin: 0; }
.explore-testimonial__copy p { color: #495352; font-size: 14px; line-height: 1.875; margin: 22px 0 0; max-width: 430px; }
.explore-faq { background: #fff; padding: 88px var(--store-gutter); }
.explore-faq > h2 { font-family: var(--as-rufina); font-size: 54px; font-weight: 700; line-height: 1.15; margin: 0 auto; max-width: 805px; text-align: center; }
.explore-faq > div { margin: 54px auto 0; max-width: 1000px; }
.explore-faq details { border-top: 1px solid #dfe2e1; }
.explore-faq details:last-child { border-bottom: 1px solid #dfe2e1; }
.explore-faq summary { align-items: center; cursor: pointer; display: flex; font-size: 14px; justify-content: space-between; list-style: none; min-height: 68px; padding: 18px 16px; }
.explore-faq summary::-webkit-details-marker { display: none; }
.explore-faq summary span { height: 14px; position: relative; width: 14px; }
.explore-faq summary span::before, .explore-faq summary span::after { background: var(--demo-action); content: ""; height: 1.5px; left: 0; position: absolute; top: 6px; transition: transform 160ms ease; width: 14px; }
.explore-faq summary span::after { transform: rotate(90deg); }
.explore-faq details[open] summary span::after { transform: rotate(0); }
.explore-faq details p { color: #495352; font-size: 12px; line-height: 1.75; margin: 0; max-width: 650px; padding: 0 44px 22px 16px; }
.explore-newsletter { align-items: center; background: var(--demo-action); color: var(--demo-on-action); display: grid; gap: 54px; grid-template-columns: 1fr 1fr; padding: 68px var(--store-gutter); }
.explore-newsletter h2 { font-family: var(--as-rufina); font-size: 44px; line-height: 1.2; margin: 0 0 16px; }
.explore-newsletter > div > p { font-size: 14px; line-height: 1.75; margin: 0; max-width: 480px; }
.explore-newsletter form > div { border: 1px solid var(--demo-on-action); display: flex; height: 54px; }
.explore-newsletter input { background: transparent; border: 0; color: inherit; flex: 1 1 auto; font: 500 14px Inter,Arial,sans-serif; min-width: 0; outline: 0; padding: 0 22px; }
.explore-newsletter input::placeholder { color: inherit; opacity: 1; }
.explore-newsletter form button { background: color-mix(in srgb,var(--demo-on-action) 5%,transparent); border: 0; border-left: 1px solid var(--demo-on-action); color: inherit; font-size: 12px; font-weight: 500; padding-inline: 22px; text-transform: uppercase; }
.explore-newsletter form > p { font-size: 10px; font-weight: 600; margin: 8px 0 0; min-height: 15px; }
.explore-footer { background: #f4f5f4; color: #12201e; overflow: hidden; padding: 66px var(--store-gutter) 24px; position: relative; }
.explore-footer__grid { align-items: start; display: grid; gap: 70px; grid-template-columns: minmax(200px,1fr) repeat(3,max-content); position: relative; z-index: 2; }
.explore-footer__brand > img { filter: brightness(0); height: 42px; object-fit: contain; object-position: left center; width: 138px; }
.explore-footer__brand > div { display: flex; gap: 14px; margin-top: 28px; }
.explore-footer__brand span { align-items: center; border: 1px solid #d1d5d4; border-radius: 50%; display: flex; height: 30px; justify-content: center; width: 30px; }
.explore-footer__brand span img { height: 16px; width: 16px; }
.explore-footer nav { align-items: flex-start; display: flex; flex-direction: column; gap: 12px; }
.explore-footer nav h3 { font-size: 14px; line-height: 22px; margin: 0 0 6px; }
.explore-footer nav button { background: transparent; border: 0; color: #495352; font-size: 12px; line-height: 20px; padding: 0; }
.explore-footer__meta { align-items: center; display: flex; justify-content: space-between; margin-top: 80px; padding: 18px 0 8px; position: relative; z-index: 2; }
.explore-footer__meta p { color: #495352; font-size: 11px; margin: 0; }
.explore-footer__watermark { color: #bfc2c1; font-family: var(--as-rufina); font-size: clamp(140px,22vw,250px); left: 50%; line-height: .7; opacity: .5; pointer-events: none; position: absolute; top: 54%; transform: translateX(-50%); white-space: nowrap; }

.explore-product-card { min-width: 0; }
.explore-product-card__media { aspect-ratio: 276 / 374; background: #f6f6f6; overflow: hidden; position: relative; }
.explore-product-card__open { background: transparent; border: 0; height: 100%; padding: 0; width: 100%; }
.explore-product-card__open img { height: 100%; object-fit: cover; transition: transform 240ms ease; width: 100%; }
.explore-product-card:hover .explore-product-card__open img { transform: scale(1.015); }
.explore-product-card__media > button:last-child { align-items: center; background: transparent; border: 0; color: #717978; display: flex; height: 28px; justify-content: center; padding: 5px; position: absolute; right: 6px; top: 6px; width: 28px; }
.explore-product-card__media > button:last-child.is-saved { color: var(--demo-action); }
.explore-product-card h3 { font-family: Inter, Arial, sans-serif; font-size: 11px; font-weight: 400; line-height: 18px; margin: 12px 0 0; }
.explore-product-card h3 button { background: transparent; border: 0; color: #12201e; overflow: hidden; padding: 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.explore-product-card > p { font-size: 12px; font-weight: 600; line-height: 18px; margin: 5px 0 0; }

.explore-shop { min-height: 100%; padding: 42px var(--store-gutter) 70px; }
.explore-shop__intro { align-items: start; display: grid; gap: 50px; grid-template-columns: 1fr 2fr; }
.explore-shop__intro h1, .explore-cart > h1 { font-family: var(--as-rufina); font-size: 38px; font-weight: 400; line-height: 48px; margin: 0; }
.explore-shop__intro p { color: #495352; font-size: 12px; line-height: 20px; margin: 2px 0 0 auto; max-width: 520px; }
.explore-shop__toolbar { align-items: flex-start; display: flex; gap: 26px; justify-content: space-between; margin-top: 40px; }
.explore-shop__toolbar nav { display: flex; flex-wrap: wrap; gap: 8px; }
.explore-shop__toolbar button { background: transparent; border: 0; color: #12201e; }
.explore-shop__toolbar nav button { align-items: center; border: 1px solid #e1e4e3; color: #717978; display: flex; font-size: 8px; font-weight: 500; gap: 6px; min-height: 30px; padding: 6px 9px; text-transform: uppercase; }
.explore-shop__toolbar nav button.is-active { border-color: var(--demo-action); color: #12201e; }
.explore-shop__toolbar nav img { height: 15px; width: 15px; }
.explore-shop__toolbar > button { align-items: center; display: flex; font-size: 10px; gap: 5px; padding: 7px 0; white-space: nowrap; }
.explore-shop__toolbar > button svg { height: 14px; width: 14px; }
.explore-shop__grid { display: grid; gap: 42px 8px; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 52px; }
.explore-filter-overlay { backdrop-filter: blur(7px); background: rgba(0,0,0,.24); border: 0; inset: 0; padding: 0; position: absolute; z-index: 29; }
.explore-filter { --filter-pad: 24px; background: #fff; color: #12201e; display: flex; flex-direction: column; height: 100%; inset: 0 0 0 auto; padding: var(--filter-pad); width: min(420px,100%); }
.explore-window > .explore-filter-overlay, .explore-window > .explore-filter { bottom: 0; top: 46px; }
.explore-window > .explore-filter { height: auto; }
.explore-filter__close-row { display: flex; justify-content: flex-end; min-height: 48px; }
.explore-filter__close-row button { align-items: center; background: transparent; border: 0; color: #12201e; display: flex; height: 48px; justify-content: center; padding: 12px; width: 48px; }
.explore-filter__close-row svg { height: 24px; width: 24px; }
.explore-filter form { display: flex; flex: 1; flex-direction: column; margin-top: 14px; min-height: 0; }
.explore-filter__fields { flex: 1; margin-right: calc(-1 * var(--filter-pad)); min-height: 0; overflow-y: auto; padding-right: var(--filter-pad); scrollbar-color: #c6caca transparent; scrollbar-width: thin; }
.explore-filter header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 32px; }
.explore-filter header > div { align-items: center; display: flex; gap: 10px; }
.explore-filter h2 { font-family: Inter,Arial,sans-serif; font-size: 22px; font-weight: 600; line-height: 28px; margin: 0; text-transform: uppercase; }
.explore-filter header output { align-items: center; background: var(--demo-accent); border-radius: 50%; color: var(--demo-on-accent); display: inline-flex; font-size: 10px; font-weight: 600; height: 23px; justify-content: center; min-width: 23px; padding: 0 5px; }
.explore-filter header > button { background: transparent; border: 0; color: var(--demo-highlight); font-size: 12px; height: auto; padding: 0; text-decoration: underline; text-underline-offset: 3px; width: auto; }
.explore-filter details { border: 0; margin: 0; }
.explore-filter summary { align-items: center; color: #717978; cursor: pointer; display: flex; font-size: 14px; justify-content: space-between; line-height: 22px; list-style: none; min-height: 54px; padding: 16px 0; text-transform: uppercase; }
.explore-filter summary::-webkit-details-marker { display: none; }
.explore-filter details[open] summary { color: #12201e; }
.explore-filter summary i { border-bottom: 1px solid currentColor; border-right: 1px solid currentColor; display: block; height: 8px; margin-right: 5px; transform: rotate(45deg); transition: transform 180ms ease; width: 8px; }
.explore-filter details[open] summary i { transform: rotate(-135deg); }
.explore-filter fieldset { border: 0; margin: 0; padding: 0 0 24px; }
.explore-filter__options { display: grid; gap: 20px 24px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.explore-filter__options.is-facets { grid-template-columns: 1fr; }
.explore-filter__options label { align-items: center; cursor: pointer; display: flex; font-size: 14px; gap: 8px; line-height: 20px; min-width: 0; position: relative; }
.explore-filter__options input { height: 1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; }
.explore-filter__options input + span { background: #fff; border: 1px solid #adb3b2; display: block; flex: 0 0 18px; height: 18px; position: relative; width: 18px; }
.explore-filter__options.is-sort input + span { border-radius: 50%; }
.explore-filter__options input:focus-visible + span { outline: 2px solid var(--demo-highlight); outline-offset: 2px; }
.explore-filter__options input:checked + span { background: var(--demo-action); border-color: var(--demo-action); }
.explore-filter__options input[type="checkbox"]:checked + span::after { border-bottom: 2px solid var(--demo-on-action); border-right: 2px solid var(--demo-on-action); content: ''; height: 8px; left: 5px; position: absolute; top: 2px; transform: rotate(45deg); width: 4px; }
.explore-filter__options.is-sort input:checked + span::after { background: var(--demo-on-action); border-radius: 50%; content: ''; height: 6px; inset: 5px; position: absolute; width: 6px; }
.explore-filter__options label > span:nth-of-type(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.explore-filter__options small { color: #717978; font-size: 12px; margin-left: auto; }
.explore-filter__range { height: 32px; margin: 3px 8px 15px; position: relative; }
.explore-filter__range::before { background: linear-gradient(to right,#d9dcdb 0 var(--explore-range-min),var(--demo-action) var(--explore-range-min) var(--explore-range-max),#d9dcdb var(--explore-range-max) 100%); content: ''; height: 2px; left: 0; position: absolute; right: 0; top: 15px; }
.explore-filter__range input { appearance: none; background: transparent; height: 32px; inset: 0; margin: 0; pointer-events: none; position: absolute; width: 100%; }
.explore-filter__range input::-webkit-slider-thumb { appearance: none; background: #fff; border: 2px solid var(--demo-action); border-radius: 50%; height: 18px; pointer-events: auto; width: 18px; }
.explore-filter__range input::-moz-range-thumb { background: #fff; border: 2px solid var(--demo-action); border-radius: 50%; height: 18px; pointer-events: auto; width: 18px; }
.explore-filter__price-fields { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.explore-filter__price-fields label { color: #717978; display: grid; font-size: 11px; gap: 6px; text-transform: uppercase; }
.explore-filter__price-fields label > span:last-child { align-items: center; border: 1px solid #d9dcdb; display: flex; min-height: 42px; }
.explore-filter__price-fields b { color: #12201e; font-size: 13px; font-weight: 400; padding-left: 11px; }
.explore-filter__price-fields input { border: 0; color: #12201e; font: inherit; font-size: 13px; min-width: 0; padding: 10px 8px; width: 100%; }
.explore-filter footer { background: #fff; padding-top: 24px; }
.explore-filter footer button { background: var(--demo-action); border: 0; color: var(--demo-on-action); font-size: 13px; font-weight: 500; min-height: 48px; text-transform: uppercase; width: 100%; }

.explore-product { background: #fff; }
.explore-product__main { align-items: start; display: grid; gap: 48px; grid-template-columns: minmax(0,1fr) 420px; padding: 32px var(--store-gutter) 0; }
.explore-product__gallery { background: #fff; height: 500px; overflow: hidden; position: relative; }
.explore-product__gallery-open { background: #fff; border: 0; cursor: zoom-in; height: 100%; inset: 0; padding: 0; position: absolute; width: 100%; }
.explore-product__gallery-open img { height: 100%; object-fit: contain; width: 100%; }
.explore-product__gallery > button:not(.explore-product__gallery-open) { align-items: center; background: transparent; border: 0; color: #12201e; display: flex; height: 48px; justify-content: center; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 48px; }
.explore-product__gallery > button:not(.explore-product__gallery-open) svg { height: 48px; width: 48px; }
.explore-product__gallery > button.is-prev { left: 0; }
.explore-product__gallery > button.is-prev svg { transform: rotate(-90deg); }
.explore-product__gallery > button.is-next { right: 0; }
.explore-product__gallery > button.is-next svg { transform: rotate(90deg); }
.explore-product__counter { bottom: 8px; color: #717978; font-size: 9px; left: 50%; position: absolute; transform: translateX(-50%); }
.explore-product__summary { padding-top: 20px; }
.explore-product__summary > h1 { font-family: var(--as-rufina); font-size: 27px; font-weight: 400; line-height: 36px; margin: 0; }
.explore-product__price { font-size: 20px; font-weight: 600; line-height: 28px; margin: 18px 0 0; }
.explore-product__sizes { margin-top: 18px; }
.explore-product__sizes > div:first-child { color: #717978; display: flex; font-size: 9px; justify-content: space-between; line-height: 14px; margin-bottom: 7px; text-transform: uppercase; }
.explore-product__sizes > div:last-child { display: flex; flex-wrap: wrap; }
.explore-product__sizes button { background: #fff; border: 1px solid #e1e4e3; color: #12201e; font-size: 11px; height: 40px; min-width: 52px; padding: 0 12px; }
.explore-product__sizes button.is-selected { border-color: var(--demo-action); border-width: 1.5px; color: var(--demo-action); position: relative; z-index: 1; }
.explore-product__actions { display: grid; gap: 9px; margin-top: 28px; }
.explore-product__actions > button { align-items: center; border: 1px solid var(--demo-action); display: flex; font-size: 10px; font-weight: 500; gap: 8px; justify-content: center; min-height: 44px; padding: 10px 16px; text-transform: uppercase; }
.explore-product__actions > button:first-child { background: var(--demo-action); color: var(--demo-on-action); }
.explore-product__actions > button:last-child { background: #fff; color: var(--demo-action); }
.explore-product__actions > button:last-child.is-saved { background: #f6f6f6; }
.explore-product__actions svg { height: 18px; width: 18px; }
.explore-product__summary .sim-details { margin-top: 34px; }
.explore-product__summary .sim-details summary { font-size: 10px; line-height: 18px; padding-block: 14px; }
.explore-product__summary .sim-details summary::after { font-size: 16px; top: 13px; }
.demo-root--explore .sim-recent { padding: 46px var(--store-gutter) 60px; }
.demo-root--explore .sim-recent h2 { font-size: 28px; line-height: 38px; margin-bottom: 28px; }
.demo-root--explore .sim-recent h3 { font-size: 10px; }
.demo-root--explore .sim-recent article p { font-size: 11px; }

.explore-cart { min-height: 100%; padding: 42px var(--store-gutter) 72px; }
.explore-cart__layout { display: grid; gap: 52px; grid-template-columns: minmax(0,1.6fr) minmax(250px,.8fr); margin-top: 36px; }
.explore-cart__columns { border-bottom: 1px solid #e1e4e3; color: #717978; display: grid; font-size: 8px; grid-template-columns: 110px 1fr auto; padding: 0 0 10px; text-transform: uppercase; }
.explore-cart__item { align-items: start; border-bottom: 1px solid #e1e4e3; display: grid; gap: 18px; grid-template-columns: 110px minmax(0,1fr) auto; padding: 18px 0; }
.explore-cart__item > img { aspect-ratio: 1; background: #f6f6f6; height: 110px; object-fit: cover; width: 110px; }
.explore-cart__item h2 { font-family: Inter,Arial,sans-serif; font-size: 12px; font-weight: 500; line-height: 18px; margin: 0 0 5px; }
.explore-cart__item div > strong, .explore-cart__item > strong { font-size: 11px; }
.explore-cart__item p { color: #717978; font-size: 9px; line-height: 15px; margin: 7px 0 0; }
.explore-cart__quantity { align-items: center; display: flex; margin-top: 10px; }
.explore-cart__quantity button, .explore-cart__quantity output { align-items: center; background: #fff; border: 1px solid #e1e4e3; display: flex; font-size: 10px; height: 28px; justify-content: center; width: 28px; }
.explore-cart__quantity output { border-inline: 0; }
.explore-cart__quantity button:last-child { border: 0; color: #717978; margin-left: 8px; padding: 5px; }
.explore-cart__layout > aside { border: 1px solid #e1e4e3; padding: 22px; }
.explore-cart__layout > aside h2 { font-size: 12px; letter-spacing: .04em; margin: 0; text-transform: uppercase; }
.explore-cart__layout > aside > button:first-of-type { align-items: center; background: transparent; border: 0; border-bottom: 1px solid #e1e4e3; color: #495352; display: flex; font-size: 10px; justify-content: space-between; min-height: 42px; padding: 10px 0; width: 100%; }
.explore-cart__layout > aside > div { display: flex; font-size: 11px; justify-content: space-between; padding: 18px 0; }
.explore-cart__layout > aside > button:last-of-type, .explore-cart__empty button { background: var(--demo-action); border: 1px solid var(--demo-action); color: var(--demo-on-action); font-size: 10px; min-height: 44px; text-transform: uppercase; width: 100%; }
.explore-cart__empty { margin: 80px auto 0; max-width: 460px; text-align: center; }
.explore-cart__empty h2 { font-family: var(--as-rufina); font-size: 26px; font-weight: 400; margin: 0; }
.explore-cart__empty p { color: #717978; font-size: 11px; margin: 12px 0 24px; }
.explore-cart__empty button { max-width: 240px; }

.explore-toast { align-items: center; animation: sim-toast-in 180ms ease both; backdrop-filter: blur(20px); background: rgba(0,0,0,.66); border-radius: 6px; bottom: 18px; box-shadow: 0 6px 20px rgba(0,0,0,.16); color: #fff; display: grid; gap: 10px; grid-template-columns: 42px 1fr auto; left: 18px; padding: 7px 11px 7px 7px; position: absolute; width: 278px; z-index: 40; }
.explore-toast img { background: #f6f6f6; border-radius: 4px; height: 42px; object-fit: contain; width: 42px; }
.explore-toast p { font-size: 11px; line-height: 16px; margin: 0; }
.explore-toast button { background: transparent; border: 0; color: #fff; font-size: 11px; padding: 4px 0; text-decoration: underline; text-underline-offset: 2px; }

.demo-palette-wrap { margin: 34px auto 0; position: relative; width: max-content; }
.demo-root--explore .demo-palette { align-items: center; background: #f9fafb; border: 1px solid #c6caca; border-radius: 999px; display: flex; gap: 10px; height: 46px; margin: 0; padding: 8px; width: max-content; }
.demo-root--explore .demo-palette button { border: 0; border-radius: 50%; flex: 0 0 25.2px; height: 25.2px; padding: 0; width: 25.2px; }
.demo-root--explore .demo-palette button[aria-pressed="true"] { box-shadow: 0 0 0 2px #f9fafb, 0 0 0 5px var(--as-green); }
.demo-root--explore .demo-palette button:focus-visible { outline-color: var(--as-green); }
.demo-root--explore .demo-palette .is-evergreen { background: #092622; }
.demo-root--explore .demo-palette .is-merlot { background: #422124; }
.demo-root--explore .demo-palette .is-noir { background: #2b2b2b; }
.demo-root--explore .demo-palette .is-custom { background: #fff; box-shadow: none; }
.demo-root--explore .demo-palette .is-custom img { height: 100%; width: 100%; }
.demo-palette-custom { background: #fff; border: 1px solid #e1e4e3; border-radius: 12px; bottom: 54px; box-shadow: 0 14px 32px rgba(18,32,30,.14); display: grid; gap: 9px; left: 50%; padding: 12px; position: absolute; transform: translateX(-50%); width: 184px; z-index: 50; }
.demo-palette-custom label { align-items: center; color: #495352; display: flex; font-size: 9px; justify-content: space-between; text-transform: capitalize; }
.demo-palette-custom input { background: transparent; border: 0; height: 26px; padding: 0; width: 32px; }

@media (max-width: 1023px) {
  .demo-root--explore .demo-palette-wrap { bottom: 18px; left: 50%; margin: 0; position: absolute; transform: translateX(-50%); z-index: 45; }
  .demo-root--explore .demo-palette { -webkit-backdrop-filter: blur(24px) saturate(180%) contrast(108%); backdrop-filter: blur(24px) saturate(180%) contrast(108%); background: linear-gradient(135deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.18) 48%,rgba(226,239,236,.3) 100%); border-color: rgba(255,255,255,.78); box-shadow: 0 12px 30px rgba(9,38,34,.16),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(9,38,34,.12); isolation: isolate; position: relative; }
  .demo-root--explore .demo-palette::before { background: radial-gradient(90% 115% at 16% -28%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.42) 30%,transparent 62%),linear-gradient(112deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.06) 44%,rgba(255,255,255,.28) 100%); border-radius: inherit; content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 0; }
  .demo-root--explore .demo-palette::after { border: 1px solid rgba(255,255,255,.54); border-radius: inherit; box-shadow: inset 1px 1px 0 rgba(255,255,255,.72),inset -1px -1px 0 rgba(9,38,34,.08); content: ""; inset: 1px; pointer-events: none; position: absolute; z-index: 1; }
  .demo-root--explore .demo-palette button { position: relative; z-index: 2; }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  @media (max-width: 1023px) {
    .demo-root--explore .demo-palette { background: rgba(247,250,249,.92); }
  }
}

@media (max-width: 600px) {
  .plan-tabs__list { -webkit-backdrop-filter: blur(16px) saturate(130%); backdrop-filter: blur(16px) saturate(130%); background: rgba(243,245,245,.92); position: sticky; top: 12px; z-index: 45; }
}

@media (min-width: 1024px) and (hover: hover) {
  a.button > img { transition: transform 280ms var(--as-ease-soft); will-change: transform; }
  a.button:hover > img, a.button:focus-visible > img { transform: translate3d(4px,0,0); }
}

.explore-canvas[data-device="tablet"] .explore-site { --store-gutter: 32px; }
.explore-canvas[data-device="tablet"] .explore-header,
.explore-canvas[data-device="mobile"] .explore-header { display: flex; justify-content: space-between; min-height: 58px; padding: 10px var(--store-gutter); }
.explore-canvas[data-device="tablet"] .explore-header__nav,
.explore-canvas[data-device="mobile"] .explore-header__nav { display: none; }
.explore-canvas[data-device="tablet"] .explore-header__menu,
.explore-canvas[data-device="mobile"] .explore-header__menu { display: block; flex: 0 0 22px; }
.explore-canvas[data-device="tablet"] .explore-header__logo,
.explore-canvas[data-device="mobile"] .explore-header__logo { left: 50%; position: absolute; transform: translateX(-50%); }
.explore-canvas[data-device="tablet"] .explore-home__hero { align-items: flex-end; background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),var(--explore-hero-mobile); background-position: 62% center; height: 500px; padding-bottom: 48px; }
.explore-canvas[data-device="tablet"] .explore-home__hero h1 { font-size: 46px; }
.explore-canvas[data-device="tablet"] .explore-rail { padding-inline: 32px; }
.explore-canvas[data-device="tablet"] .explore-rail .explore-product-card,
.explore-canvas[data-device="tablet"] .sim-recent article { flex-basis: calc((100% + var(--store-gutter) - 16px) / 2.25); }
.explore-canvas[data-device="tablet"] .explore-editorial { display: block; height: auto; }
.explore-canvas[data-device="tablet"] .explore-editorial__media { height: 520px; }
.explore-canvas[data-device="tablet"] .explore-editorial__copy { height: 390px; padding: 64px 56px; }
.explore-canvas[data-device="tablet"] .explore-editorial__copy h2 { font-size: 42px; }
.explore-canvas[data-device="tablet"] .explore-testimonial { display: flex; flex-direction: column; gap: 48px; padding: 60px 32px; }
.explore-canvas[data-device="tablet"] .explore-testimonial__copy { order: -1; padding: 0; }
.explore-canvas[data-device="tablet"] .explore-testimonial__copy,
.explore-canvas[data-device="tablet"] .explore-testimonial__visual { width: 100%; }
.explore-canvas[data-device="tablet"] .explore-testimonial__copy h2 { font-size: 42px; white-space: nowrap; }
.explore-canvas[data-device="tablet"] .explore-testimonial__visual { min-height: 570px; }
.explore-canvas[data-device="tablet"] .explore-testimonial__visual > img { height: 520px; width: 430px; }
.explore-canvas[data-device="tablet"] .explore-testimonial blockquote { left: 220px; top: 352px; width: 400px; }
.explore-canvas[data-device="tablet"] .explore-faq { padding: 60px 32px; }
.explore-canvas[data-device="tablet"] .explore-faq > h2 { font-size: 42px; white-space: nowrap; }
.explore-canvas[data-device="tablet"] .explore-faq > h2 br { display: none; }
.explore-canvas[data-device="tablet"] .explore-faq > div { margin-top: 50px; max-width: none; }
.explore-canvas[data-device="tablet"] .explore-newsletter { display: block; padding: 60px 32px; }
.explore-canvas[data-device="tablet"] .explore-newsletter h2 { font-size: 42px; }
.explore-canvas[data-device="tablet"] .explore-newsletter form { margin-top: 34px; max-width: 430px; }
.explore-canvas[data-device="tablet"] .explore-footer { padding: 58px 32px 24px; }
.explore-canvas[data-device="tablet"] .explore-footer__grid { gap: 50px 24px; grid-template-columns: repeat(3,1fr); }
.explore-canvas[data-device="tablet"] .explore-footer__brand { grid-column: 1/-1; }
.explore-canvas[data-device="tablet"] .explore-footer__meta { margin-top: 54px; }
.explore-canvas[data-device="tablet"] .explore-shop__intro { display: block; }
.explore-canvas[data-device="tablet"] .explore-shop__intro p { margin: 16px 0 0; max-width: 560px; }
.explore-canvas[data-device="tablet"] .explore-shop__toolbar { display: block; margin-top: 30px; }
.explore-canvas[data-device="tablet"] .explore-shop__toolbar > button { margin-top: 16px; }
.explore-canvas[data-device="tablet"] .explore-shop__grid { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 36px; }
.explore-canvas[data-device="tablet"] .explore-product__main { display: block; padding: 0; }
.explore-canvas[data-device="tablet"] .explore-product__gallery { height: 390px; }
.explore-canvas[data-device="tablet"] .explore-product__summary { padding: 34px 32px 0; }
.explore-canvas[data-device="tablet"] .explore-cart__layout { gap: 28px; grid-template-columns: 1fr 260px; }
.explore-canvas[data-device="tablet"] .explore-cart__item { grid-template-columns: 90px minmax(0,1fr); }
.explore-canvas[data-device="tablet"] .explore-cart__item > img { height: 90px; width: 90px; }
.explore-canvas[data-device="tablet"] .explore-cart__item > strong { grid-column: 2; }

.explore-canvas[data-device="mobile"] .explore-site { --store-gutter: 20px; }
.explore-canvas[data-device="mobile"] .sim-browser__domain { min-width: 164px; }
.explore-canvas[data-device="mobile"] .explore-header { min-height: 56px; }
.explore-canvas[data-device="mobile"] .explore-header__logo { height: 25px; width: 94px; }
.explore-canvas[data-device="mobile"] .explore-header__actions { gap: 11px; }
.explore-canvas[data-device="mobile"] .explore-header__actions > button { height: 19px; width: 19px; }
.explore-canvas[data-device="mobile"] .explore-header__search { display: none; }
.explore-canvas[data-device="mobile"] .explore-announcement { font-size: 9px; padding-inline: 34px; text-align: center; }
.explore-canvas[data-device="mobile"] .explore-home__hero { align-items: flex-end; background-image: linear-gradient(0deg,rgba(0,0,0,.58),transparent 65%),var(--explore-hero-mobile); background-position: 62% center; height: 442px; padding: 40px 20px 42px; }
.explore-canvas[data-device="mobile"] .explore-home__hero h1 { font-size: 39px; line-height: 1.08; }
.explore-canvas[data-device="mobile"] .explore-home__hero > div > div { gap: 8px; margin-top: 24px; }
.explore-canvas[data-device="mobile"] .explore-home__hero button { font-size: 8px; min-height: 38px; padding: 8px; }
.explore-canvas[data-device="mobile"] .explore-rail { padding: 30px 20px 42px; }
.explore-canvas[data-device="mobile"] .explore-rail h2 { font-size: 27px; line-height: 38px; }
.explore-canvas[data-device="mobile"] .explore-rail > div { margin-top: 20px; }
.explore-canvas[data-device="mobile"] .explore-rail .explore-product-card { flex-basis: calc((100% + var(--store-gutter) - 16px) / 2.25); }
.explore-canvas[data-device="mobile"] .explore-editorial { display: block; height: auto; }
.explore-canvas[data-device="mobile"] .explore-editorial__media { height: 380px; }
.explore-canvas[data-device="mobile"] .explore-editorial__copy { height: auto; min-height: 0; padding: 52px 20px; }
.explore-canvas[data-device="mobile"] .explore-editorial__copy h2 { font-size: 31px; line-height: 1.25; }
.explore-canvas[data-device="mobile"] .explore-editorial__copy p { font-size: 12px; margin: 20px 0 26px; }
.explore-canvas[data-device="mobile"] .explore-editorial__copy button { font-size: 10px; min-height: 44px; }
.explore-canvas[data-device="mobile"] .explore-testimonial { display: flex; flex-direction: column; gap: 48px; padding: 54px 20px; }
.explore-canvas[data-device="mobile"] .explore-testimonial__copy { order: -1; padding: 0; }
.explore-canvas[data-device="mobile"] .explore-testimonial__copy,
.explore-canvas[data-device="mobile"] .explore-testimonial__visual { width: 100%; }
.explore-canvas[data-device="mobile"] .explore-testimonial__copy h2 { font-size: 31px; line-height: 1.35; }
.explore-canvas[data-device="mobile"] .explore-testimonial__copy p { font-size: 12px; line-height: 1.75; }
.explore-canvas[data-device="mobile"] .explore-testimonial__visual { min-height: 430px; }
.explore-canvas[data-device="mobile"] .explore-testimonial__visual > img { height: 330px; width: 100%; }
.explore-canvas[data-device="mobile"] .explore-testimonial blockquote { bottom: 0; left: 0; padding: 30px 20px; top: auto; width: 100%; }
.explore-canvas[data-device="mobile"] .explore-testimonial blockquote strong { font-size: 16px; }
.explore-canvas[data-device="mobile"] .explore-testimonial blockquote p { font-size: 12px; min-height: 58px; }
.explore-canvas[data-device="mobile"] .explore-faq { padding: 54px 20px; }
.explore-canvas[data-device="mobile"] .explore-faq > h2 { font-size: 31px; line-height: 1.35; }
.explore-canvas[data-device="mobile"] .explore-faq > div { margin-top: 24px; }
.explore-canvas[data-device="mobile"] .explore-faq summary { font-size: 11px; min-height: 62px; padding-inline: 8px; }
.explore-canvas[data-device="mobile"] .explore-faq details p { font-size: 10px; padding-inline: 8px 34px; }
.explore-canvas[data-device="mobile"] .explore-newsletter { display: block; padding: 54px 20px; }
.explore-canvas[data-device="mobile"] .explore-newsletter h2 { font-size: 31px; }
.explore-canvas[data-device="mobile"] .explore-newsletter > div > p { font-size: 12px; }
.explore-canvas[data-device="mobile"] .explore-newsletter form { margin-top: 32px; }
.explore-canvas[data-device="mobile"] .explore-newsletter form > div { height: 50px; }
.explore-canvas[data-device="mobile"] .explore-newsletter input { font-size: 12px; padding-inline: 14px; }
.explore-canvas[data-device="mobile"] .explore-newsletter form button { font-size: 9px; padding-inline: 12px; }
.explore-canvas[data-device="mobile"] .explore-footer { padding: 44px 20px 22px; }
.explore-canvas[data-device="mobile"] .explore-footer__grid { gap: 36px 24px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.explore-canvas[data-device="mobile"] .explore-footer__brand { grid-column: 1/-1; margin-bottom: 14px; }
.explore-canvas[data-device="mobile"] .explore-footer__brand > img { height: 34px; width: 110px; }
.explore-canvas[data-device="mobile"] .explore-footer nav:nth-of-type(3) { grid-column: 1; }
.explore-canvas[data-device="mobile"] .explore-footer nav h3 { font-size: 12px; }
.explore-canvas[data-device="mobile"] .explore-footer nav button { font-size: 10px; line-height: 18px; }
.explore-canvas[data-device="mobile"] .explore-footer__meta { align-items: flex-start; margin-top: 50px; }
.explore-canvas[data-device="mobile"] .explore-footer__meta p { font-size: 9px; }
.explore-canvas[data-device="mobile"] .explore-footer__watermark { font-size: 108px; top: 100%; transform: translate(-50%,-58%); }
.explore-canvas[data-device="mobile"] .explore-product-card h3 { font-size: 10px; }
.explore-canvas[data-device="mobile"] .explore-shop { padding: 32px 20px 54px; }
.explore-canvas[data-device="mobile"] .explore-shop__intro { display: block; }
.explore-canvas[data-device="mobile"] .explore-shop__intro h1 { font-size: 32px; line-height: 42px; }
.explore-canvas[data-device="mobile"] .explore-shop__intro p { font-size: 10px; line-height: 17px; margin: 13px 0 0; }
.explore-canvas[data-device="mobile"] .explore-shop__toolbar { display: block; margin-top: 25px; }
.explore-canvas[data-device="mobile"] .explore-shop__toolbar nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.explore-canvas[data-device="mobile"] .explore-shop__toolbar nav::-webkit-scrollbar { display: none; }
.explore-canvas[data-device="mobile"] .explore-shop__toolbar nav button { flex: 0 0 auto; }
.explore-canvas[data-device="mobile"] .explore-shop__toolbar > button { margin-top: 14px; }
.explore-canvas[data-device="mobile"] .explore-shop__grid { gap: 34px 8px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 28px; }
.explore-canvas[data-device="mobile"] .explore-product__main { display: block; padding: 0; }
.explore-canvas[data-device="mobile"] .explore-product__gallery { height: 330px; }
.explore-canvas[data-device="mobile"] .explore-product__gallery-open { touch-action: pan-y; }
.explore-canvas[data-device="mobile"] .explore-product__gallery > :is(button.is-prev, button.is-next, .explore-product__counter) { display: none; }
.explore-canvas[data-device="mobile"] .explore-product__dots { display: flex; }
.explore-canvas[data-device="mobile"] .explore-product__summary { padding: 34px 20px 0; }
.explore-canvas[data-device="mobile"] .explore-product__summary > h1 { font-size: 22px; line-height: 28px; }
.explore-canvas[data-device="mobile"] .explore-product__price { font-size: 18px; margin-top: 14px; }
.explore-canvas[data-device="mobile"] .explore-product__sizes { display: none; }
.explore-canvas[data-device="mobile"] .explore-product__actions { margin-top: 28px; }
.explore-canvas[data-device="mobile"] .explore-filter { width: 100%; }
.explore-canvas[data-device="mobile"] .sim-recent { padding-inline: 20px; }
.explore-canvas[data-device="mobile"] .sim-recent article { flex-basis: calc((100% + var(--store-gutter) - 16px) / 2.25); }
.explore-canvas[data-device="mobile"] .explore-cart { padding: 32px 20px 52px; }
.explore-canvas[data-device="mobile"] .explore-cart > h1 { font-size: 32px; line-height: 42px; }
.explore-canvas[data-device="mobile"] .explore-cart__layout { display: block; margin-top: 26px; }
.explore-canvas[data-device="mobile"] .explore-cart__columns { display: none; }
.explore-canvas[data-device="mobile"] .explore-cart__item { grid-template-columns: 84px minmax(0,1fr); }
.explore-canvas[data-device="mobile"] .explore-cart__item > img { height: 84px; width: 84px; }
.explore-canvas[data-device="mobile"] .explore-cart__item > strong { grid-column: 2; }
.explore-canvas[data-device="mobile"] .explore-cart__layout > aside { margin-top: 28px; }
.explore-canvas[data-device="mobile"] .explore-toast { bottom: 14px; left: 0; margin-inline: auto; max-width: calc(100% - 24px); right: 0; }

@media (min-width: 601px) and (max-width: 1023px) {
  .section--explore { padding: 100px 0 200px; }
  .section--explore > .content-width { width: calc(100% - 80px); }
  .section--explore .section-heading { margin-bottom: 48px; max-width: 672px; }
  .section--explore .section-heading h2 { font-size: 60px; line-height: 64px; }
  .demo-root--explore .demo-store__stage { height: 606px; }
  .demo-root--explore .demo-toolbar { margin-bottom: 40px; }
}

@media (max-width: 600px) {
  .section--explore { padding: 60px 0; }
  .section--explore .section-heading { margin-bottom: 54px; }
  .section--explore .section-heading h2 { font-size: 36px; line-height: 42px; }
  .section--explore .section-heading > p:not(.eyebrow) { font-size: 16px; line-height: 24px; }
  .section--explore .section-heading > p:not(.eyebrow) { max-width: 330px; }
  .section--explore .section-heading > p:not(.eyebrow) { font-size: 16px; letter-spacing: -.25px; line-height: 24px; max-width: 335px; }
  .section--explore .explore-copy-device { display: none; }
  .demo-root--explore .demo-toolbar { margin-bottom: 24px; }
  .demo-root--explore .demo-toolbar__tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 4px; width: 100%; }
  .demo-root--explore .demo-toolbar__tabs::before { bottom: 4px; left: 4px; top: 4px; width: calc(25% - 2px); }
  .demo-root--explore .demo-toolbar__tabs button { font-size: 12px; min-height: 34px; overflow: hidden; padding: 7px 5px; text-overflow: ellipsis; }
  .demo-root--explore .demo-toolbar__devices { display: none; }
  .demo-root--explore .demo-store__stage { height: 600px; }
  .demo-root--explore .explore-canvas { border-radius: 24px; width: 100%; }
  .demo-root--explore .demo-palette { height: 42px; padding: 6px; width: max-content; }
}

@media (prefers-reduced-motion: reduce) {
  html.has-scroll-reveal [data-scroll-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .feature-mesh { animation: none !important; transform: none; }
  .feature-wa-scene--product, .feature-wa-scene--checkout, .feature-checkout-scene--cart, .feature-checkout-scene--success { animation: none !important; opacity: 0; }
  .feature-wa-scene--chat, .feature-checkout-scene--form { animation: none !important; opacity: 1; transform: none; }
  .feature-tap, .feature-wa-place-tap, .feature-checkout-tap { display: none; }
}