:root {
  --ink: #07100f;
  --ink-2: #0b1816;
  --ink-3: #11231f;
  --paper: #f4f2eb;
  --paper-2: #e8e5dc;
  --white: #fffef9;
  --lime: #d8ff4f;
  --mint: #87f0c8;
  --coral: #ff806d;
  --violet: #9987ff;
  --text: #101817;
  --muted: #66706e;
  --line: rgba(9, 24, 21, .14);
  --radius: 24px;
  font-family: Inter, "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--paper); }
body { margin: 0; min-width: 320px; color: var(--text); background: var(--paper); -webkit-font-smoothing: antialiased; }
button, input, textarea { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { border: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

.speed-note { min-height: 34px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 7px 20px; color: #c9d4d1; background: var(--ink); font-size: 11px; letter-spacing: .025em; text-align: center; }
.pulse { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(216,255,79,.1); animation: pulse 2s infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 9px rgba(216,255,79,0); } }

.shop-header { position: sticky; z-index: 30; top: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 72px; padding: 0 clamp(20px, 4vw, 64px); border-bottom: 1px solid var(--line); background: rgba(244,242,235,.88); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; font-size: 13px; font-weight: 850; letter-spacing: .15em; }
.brand-mark { display: flex; align-items: flex-end; justify-content: center; gap: 2px; width: 26px; height: 26px; padding: 6px; border: 1px solid currentColor; border-radius: 50%; }
.brand-mark i { width: 2px; border-radius: 3px; background: currentColor; }
.brand-mark i:nth-child(1) { height: 6px; }.brand-mark i:nth-child(2) { height: 12px; }.brand-mark i:nth-child(3) { height: 8px; }
.market-name { font-size: 14px; font-weight: 900; letter-spacing: .13em; }
.market-name span { color: #5a49de; }.market-name small { display: block; margin-top: 1px; color: var(--muted); font-size: 8px; font-weight: 750; letter-spacing: .18em; text-align: center; }
.shop-header nav { display: flex; align-items: center; justify-self: end; gap: 8px; }
.shop-header nav button { padding: 10px 12px; color: #3e4947; background: transparent; font-size: 12px; font-weight: 700; }
.shop-header nav .create-shop-link { padding: 10px 13px; color: #fff; border-radius: 50px; background: #5a49de; font-size: 10px; font-weight: 800; }
.shop-header nav button:hover { color: #000; }
.shop-header .language { min-width: 38px; border: 1px solid var(--line); border-radius: 50px; }
.shop-header .cart-button { display: flex; align-items: center; gap: 8px; color: var(--paper); border-radius: 50px; background: var(--ink); }
.cart-button b { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; color: var(--ink); border-radius: 20px; background: var(--lime); font-size: 10px; }

.shop-hero { position: relative; min-height: 760px; overflow: hidden; padding: clamp(82px, 8vw, 120px) clamp(24px, 6vw, 96px) 122px; color: #f6f7ef; background: var(--ink); }
.hero-aurora { position: absolute; inset: 0; background: radial-gradient(circle at 86% 20%, rgba(153,135,255,.48), transparent 28%), radial-gradient(circle at 72% 76%, rgba(135,240,200,.30), transparent 29%), radial-gradient(circle at 25% 115%, rgba(216,255,79,.14), transparent 35%); }
.hero-aurora::before, .hero-aurora::after { position: absolute; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; content: ""; }
.hero-aurora::before { top: -320px; right: -120px; width: 760px; height: 760px; }
.hero-aurora::after { top: -200px; right: 0; width: 520px; height: 520px; }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.92fr); align-items: center; gap: clamp(40px,6vw,90px); max-width: 1540px; margin: 0 auto; }
.hero-copy { max-width: 820px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; color: #a6b5b2; font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.eyebrow > span:first-child { width: 28px; height: 1px; background: var(--lime); }
.shop-hero h1 { max-width: 820px; margin: 0; font-size: clamp(3.6rem, 6.2vw, 7rem); font-weight: 620; line-height: .88; letter-spacing: -.075em; text-wrap: balance; }
.shop-hero p { max-width: 640px; margin: 30px 0 0; color: #aebbb8; font-size: clamp(1rem, 1.7vw, 1.35rem); line-height: 1.55; }
.hero-prompt { display: grid; grid-template-columns: 1fr auto; gap: 8px; max-width: 740px; margin-top: 36px; padding: 8px; border: 1px solid rgba(255,255,255,.17); border-radius: 18px; background: rgba(255,255,255,.08); box-shadow: 0 26px 80px rgba(0,0,0,.28); backdrop-filter: blur(20px); }
.hero-prompt input { min-width: 0; padding: 13px 16px; color: #fff; border: 0; outline: 0; background: transparent; font-size: 15px; }
.hero-prompt input::placeholder { color: #80908d; }
.hero-prompt button { display: flex; align-items: center; gap: 26px; padding: 15px 18px; border-radius: 12px; background: var(--lime); font-size: 12px; font-weight: 850; letter-spacing: .04em; }
.prompt-suggestions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.prompt-suggestions button { padding: 9px 12px; color: #b6c2bf; border: 1px solid rgba(255,255,255,.13); border-radius: 50px; background: transparent; font-size: 11px; }
.prompt-suggestions button:hover { color: #fff; border-color: rgba(216,255,79,.55); }
.live-preview { min-width: 0; padding: 22px; border: 1px solid rgba(255,255,255,.18); border-radius: 30px; background: linear-gradient(145deg,rgba(22,36,33,.92),rgba(8,17,15,.88)); box-shadow: 0 35px 100px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.07); backdrop-filter: blur(24px); }
.live-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.1); }
.live-preview-head div { display: flex; align-items: center; gap: 9px; color: #b9c6c2; font-size: 9px; font-weight: 850; letter-spacing: .16em; }
.live-preview-head i { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(216,255,79,.09); }
.live-preview-head strong { color: #8fa09b; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.live-preview > p { min-height: 42px; margin: 17px 0 15px; color: #91a19c; font-size: 11px; line-height: 1.6; }
.live-preview-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.live-result { display: grid; grid-template-columns: 62px 1fr; gap: 10px; align-items: center; min-width: 0; padding: 8px; color: #edf4f1; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.055); transition: border-color .2s, transform .2s; }
.live-result:hover { border-color: rgba(216,255,79,.36); transform: translateY(-2px); }
.live-result img { width: 62px; height: 62px; object-fit: contain; padding: 7px; border-radius: 12px; background: #e9e7df; }
.live-result div { min-width: 0; }
.live-result b { display: block; overflow: hidden; font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.live-result span { display: block; margin-top: 4px; color: #82928d; font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.live-result strong { display: block; margin-top: 5px; color: var(--lime); font-size: 10px; }
.live-preview > small { display: flex; align-items: center; gap: 8px; margin-top: 15px; color: #687974; font-size: 8px; letter-spacing: .06em; }
.live-preview > small > span:first-child { width: 24px; height: 1px; background: var(--mint); }
.live-empty { grid-column: 1/-1; display: grid; min-height: 170px; place-items: center; padding: 30px; color: #81908c; border: 1px dashed rgba(255,255,255,.15); border-radius: 18px; font-size: 11px; text-align: center; }
.hero-proof { position: absolute; left: clamp(24px, 6vw, 96px); bottom: 42px; z-index: 2; display: flex; gap: clamp(24px, 4vw, 64px); }
.hero-proof div { display: grid; gap: 2px; }
.hero-proof strong { font-size: 25px; font-weight: 650; letter-spacing: -.04em; }
.hero-proof span { color: #879792; font-size: 9px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }

.commerce-shell { display: grid; grid-template-columns: minmax(310px, 390px) 1fr; min-height: 900px; }
.advisor { position: sticky; top: 72px; align-self: start; display: flex; flex-direction: column; height: calc(100vh - 72px); min-height: 640px; color: #f0f6f4; border-right: 1px solid rgba(255,255,255,.10); background: var(--ink-2); }
.advisor-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 24px; border-bottom: 1px solid rgba(255,255,255,.09); }
.avatar { display: grid; place-items: center; width: 42px; height: 42px; color: var(--ink); border-radius: 14px; background: linear-gradient(135deg, var(--lime), var(--mint)); font-weight: 900; }
.advisor-head strong { display: block; font-size: 14px; letter-spacing: .1em; }.advisor-head span { display: flex; align-items: center; gap: 7px; color: #82918e; font-size: 10px; }.advisor-head span i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); }
.advisor-head button { color: #82918e; background: transparent; font-size: 18px; }
.advisor-context { padding: 16px 24px; border-bottom: 1px solid rgba(255,255,255,.09); }
.advisor-context > span { display: block; margin-bottom: 10px; color: #687875; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.advisor-context > div { display: flex; flex-wrap: wrap; gap: 6px; }
.advisor-context em { color: #667370; font-size: 11px; font-style: normal; }
.context-chip { padding: 6px 8px; color: #c7d4d0; border: 1px solid rgba(135,240,200,.22); border-radius: 50px; background: rgba(135,240,200,.06); font-size: 10px; }
.destination { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; margin-top: 13px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.08); color: #687875; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.destination select { min-width: 0; padding: 7px 25px 7px 9px; color: #d8e4e0; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; outline: 0; background: #0a1513; font-size: 10px; letter-spacing: 0; }
.messages { flex: 1; overflow-y: auto; padding: 22px 20px; scrollbar-width: thin; scrollbar-color: #354542 transparent; }
.message { max-width: 92%; margin-bottom: 14px; padding: 13px 14px; border-radius: 16px; font-size: 12px; line-height: 1.55; }
.message.ai { border: 1px solid rgba(255,255,255,.08); border-bottom-left-radius: 5px; background: #12231f; }.message.user { margin-left: auto; color: #17201e; border-bottom-right-radius: 5px; background: #e8eee8; }
.message small { display: block; margin-top: 7px; color: #7f918c; font-size: 9px; letter-spacing: .05em; }
.typing { display: flex; gap: 4px; width: 52px; }.typing i { width: 5px; height: 5px; border-radius: 50%; background: #91a09c; animation: dots 1.2s infinite; }.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dots{50%{transform:translateY(-4px);background:var(--lime)}}
.advisor-chips { display: flex; gap: 6px; overflow-x: auto; padding: 0 16px 9px; scrollbar-width: none; }
.advisor-chips:empty { display: none; }
.advisor-chips button { flex: 0 0 auto; padding: 7px 9px; color: #aebdb8; border: 1px solid rgba(255,255,255,.12); border-radius: 50px; background: transparent; font-size: 9px; }
.advisor-form { display: grid; grid-template-columns: 1fr auto auto auto; gap: 6px; margin: 0 16px 12px; padding: 7px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: #08110f; }
.advisor-form textarea { resize: none; padding: 10px; color: #f1f5f3; border: 0; outline: 0; background: transparent; font-size: 12px; line-height: 1.45; }.advisor-form textarea::placeholder{color:#62706d}.advisor-form button{align-self:end;width:36px;height:36px;border-radius:11px;background:var(--lime);font-weight:900}
.advisor-form .voice-button,.advisor-form .sound-button { color: #a8b7b2; border: 1px solid rgba(255,255,255,.12); background: #11201d; }
.advisor-form .voice-button.active,.advisor-form .sound-button.active { color: var(--ink); border-color: var(--mint); background: var(--mint); box-shadow: 0 0 0 4px rgba(135,240,200,.1); }
.advisor-trust { display: flex; gap: 7px; padding: 0 20px 18px; color: #667672; font-size: 9px; line-height: 1.4; }

.catalog-area { min-width: 0; padding: clamp(36px, 5vw, 72px); }
.catalog-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.catalog-kicker { color: #737f7c; font-size: 9px; font-weight: 850; letter-spacing: .17em; }
.catalog-head h2 { margin: 8px 0 5px; font-size: clamp(2rem, 4vw, 4rem); font-weight: 600; letter-spacing: -.055em; }.catalog-head p { margin: 0; color: var(--muted); font-size: 11px; }
.view-controls { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 10px; }.view-controls button { width: 32px; height: 30px; color: #8c9794; border-radius: 7px; background: transparent; }.view-controls button.active { color: #fff; background: var(--ink); }
.category-rail { display: flex; gap: 7px; overflow-x: auto; margin: 28px 0 30px; padding-bottom: 5px; scrollbar-width: none; }.category-rail::-webkit-scrollbar{display:none}.category-rail button { flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--line); border-radius: 50px; background: transparent; font-size: 10px; font-weight: 720; }.category-rail button.active { color: #fff; border-color: var(--ink); background: var(--ink); }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); }
.product-card { min-width: 0; }
.product-image { position: relative; display: block; width: 100%; aspect-ratio: 1/.96; overflow: hidden; border-radius: 20px; background: #ebe9e1; }
.product-image::after { position:absolute; inset:0; background:linear-gradient(to top,rgba(6,16,14,.07),transparent 45%);content:"";pointer-events:none}.product-image img { width: 100%; height: 100%; object-fit: contain; padding: 12%; transition: transform .45s ease; }.product-card:hover img{transform:scale(1.055)}
.product-badge { position: absolute; z-index: 2; top: 12px; left: 12px; padding: 6px 8px; border-radius: 50px; background: rgba(255,255,255,.87); font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; backdrop-filter:blur(9px)}.product-badge:empty{display:none}.product-arrow{position:absolute;z-index:2;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.88);font-size:13px}
.product-meta { display: flex; justify-content: space-between; gap: 10px; margin-top: 13px; color: #7b8784; font-size: 8px; font-weight: 760; letter-spacing: .09em; text-transform: uppercase; }.product-rating{letter-spacing:0}
.product-card h3 { overflow: hidden; margin: 6px 0 0; font-size: 14px; font-weight: 700; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }.product-reason { min-height: 30px; margin: 7px 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.product-buy { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 10px; }.product-buy strong { font-size: 13px; }.product-buy button { width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: #fff; font-size: 17px; line-height: 1; transition:transform .2s}.product-buy button:hover{transform:scale(1.08);background:#5a49de}
.load-more { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-top: 32px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: transparent; font-size: 11px; font-weight: 780; }.load-more:hover{background:var(--paper-2)}

.shop-intelligence { padding: clamp(70px, 9vw, 130px) clamp(24px, 8vw, 130px); color: #f4f7f4; background: var(--ink); }.shop-intelligence > div:first-child{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.shop-intelligence h2{max-width:850px;margin:0;font-size:clamp(2.5rem,5.5vw,6.5rem);font-weight:560;line-height:.96;letter-spacing:-.065em}.shop-intelligence .catalog-kicker{color:var(--mint)}
.intelligence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:rgba(255,255,255,.13)}.intelligence-grid article{padding:30px;background:var(--ink)}.intelligence-grid article>span{color:#5f706c;font-size:10px}.intelligence-grid strong{display:block;margin:42px 0 10px;color:var(--lime);font-size:13px;letter-spacing:.12em}.intelligence-grid p{max-width:320px;margin:0;color:#8fa09c;font-size:12px;line-height:1.65}
.bring-data { display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:60px;padding:clamp(70px,8vw,120px) clamp(24px,8vw,130px);background:#dfe3d5}.bring-data h2{max-width:750px;margin:9px 0 16px;font-size:clamp(2.2rem,5vw,5.2rem);font-weight:620;line-height:.98;letter-spacing:-.06em}.bring-data p{max-width:650px;margin:0;color:#5b6662;font-size:14px;line-height:1.7}.upload-cta{display:grid;grid-template-columns:auto 1fr;gap:4px 15px;align-items:center;padding:28px;border-radius:22px;color:#eff7f3;background:var(--ink);box-shadow:0 25px 70px rgba(7,16,15,.2);transition:transform .2s}.upload-cta:hover{transform:translateY(-4px)}.upload-cta>span{grid-row:1/3;display:grid;place-items:center;width:50px;height:50px;color:var(--ink);border-radius:16px;background:var(--lime);font-size:23px}.upload-cta strong{font-size:15px}.upload-cta small{color:#7f918c;font-size:9px;letter-spacing:.08em}
.shop-closing{position:relative;overflow:hidden;padding:clamp(90px,12vw,180px) 24px;text-align:center;color:#f5f6ef;background:#5a49de}.closing-orbit{position:absolute;left:50%;top:50%;width:900px;height:900px;border:1px solid rgba(255,255,255,.17);border-radius:50%;transform:translate(-50%,-50%)}.closing-orbit::before,.closing-orbit::after{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.13);border-radius:50%;content:""}.closing-orbit::after{inset:26%}.shop-closing>span,.shop-closing h2,.shop-closing p,.shop-closing a{position:relative}.shop-closing>span{font-size:10px;font-weight:850;letter-spacing:.2em}.shop-closing h2{margin:24px auto;max-width:1000px;font-size:clamp(3rem,7vw,7.5rem);font-weight:600;line-height:.91;letter-spacing:-.07em}.shop-closing p{max-width:650px;margin:0 auto 30px;color:#d2cdfb;font-size:14px;line-height:1.7}.shop-closing a{display:inline-flex;align-items:center;gap:40px;padding:16px 18px 16px 22px;border-radius:50px;color:var(--ink);background:var(--lime);font-size:12px;font-weight:850}.shop-closing a b{font-size:16px}
footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px clamp(24px,5vw,72px);color:#879691;background:var(--ink);font-size:10px}footer .brand{color:#eff5f2}

body.modal-open { overflow: hidden; }
.drawer-backdrop { position: fixed; z-index: 80; inset: 0; visibility: hidden; background: rgba(3,8,7,.48); opacity: 0; transition: opacity .25s, visibility .25s; backdrop-filter: blur(5px); }
.drawer-backdrop.open { visibility: visible; opacity: 1; }
.cart-drawer { position: fixed; z-index: 90; top: 0; right: 0; display: flex; flex-direction: column; width: min(440px,100%); height: 100dvh; padding: 28px; color: #eef4f1; background: var(--ink-2); box-shadow: -30px 0 90px rgba(0,0,0,.28); transform: translateX(105%); transition: transform .32s cubic-bezier(.2,.8,.2,1); }
.cart-drawer.open { transform: translateX(0); }
.drawer-head { display: flex; align-items: start; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.1); }.drawer-head span{color:var(--mint);font-size:8px;font-weight:850;letter-spacing:.18em}.drawer-head h2{margin:6px 0 0;font-size:29px;font-weight:620;letter-spacing:-.04em}.drawer-head button,.modal-close{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#c8d2cf;background:rgba(255,255,255,.08);font-size:23px}
.cart-items { flex: 1; overflow-y: auto; padding: 12px 0; }.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cart-item img{width:72px;height:72px;object-fit:contain;padding:8px;border-radius:15px;background:#ece9df}.cart-item strong{display:block;font-size:12px}.cart-item small{display:block;margin-top:5px;color:#778984;font-size:9px}.cart-item-controls{display:flex;align-items:center;gap:8px;margin-top:9px}.cart-item-controls button{width:23px;height:23px;border-radius:50%;color:#e5ece9;background:rgba(255,255,255,.09)}.cart-item-controls b{font-size:10px}.cart-remove{color:#778984;background:transparent;font-size:17px}
.cart-empty { flex:1;display:none;place-content:center;text-align:center;color:#879792}.cart-empty.show{display:grid}.cart-empty>span{font-size:35px}.cart-empty strong{margin-top:13px;color:#e7efec;font-size:15px}.cart-empty p{max-width:240px;margin:7px auto;font-size:11px;line-height:1.5}
.cart-summary { padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.cart-summary>div{display:flex;justify-content:space-between}.cart-summary>div span{color:#8b9a96;font-size:11px}.cart-summary>div strong{font-size:22px}.cart-summary small{display:block;margin:7px 0 16px;color:#657570;font-size:9px}.cart-summary>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 17px;border-radius:13px;background:var(--lime);font-size:11px;font-weight:850}.cart-summary[hidden]{display:none}
.modal-shell { position: fixed; z-index: 110; inset: 0; display: grid; place-items: center; visibility: hidden; padding: 20px; opacity: 0; transition: opacity .24s, visibility .24s; }.modal-shell.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(3,8,7,.68);backdrop-filter:blur(7px)}
.product-dialog { position:relative;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,.9fr);overflow:hidden;width:min(930px,100%);max-height:calc(100dvh - 40px);border-radius:28px;background:var(--white);box-shadow:0 35px 120px rgba(0,0,0,.34)}.product-dialog .modal-close,.checkout-dialog .modal-close{position:absolute;z-index:2;top:18px;right:18px;color:#26312f;background:rgba(255,255,255,.85)}.dialog-image{display:grid;place-items:center;min-height:520px;background:#e9e7df}.dialog-image img{width:100%;height:100%;max-height:620px;object-fit:contain;padding:12%}.dialog-copy{align-self:center;padding:55px}.dialog-copy>span{color:#6f7d79;font-size:9px;font-weight:850;letter-spacing:.16em}.dialog-copy h2{margin:10px 0 15px;font-size:clamp(2rem,4vw,3.8rem);font-weight:600;line-height:.95;letter-spacing:-.055em}.dialog-copy>p{color:#5b6865;font-size:12px;line-height:1.65}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:24px 0}.detail-facts div{padding:11px;border:1px solid var(--line);border-radius:12px}.detail-facts span{display:block;color:#88938f;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.detail-facts strong{display:block;margin-top:4px;font-size:10px}.dialog-buy{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px}.dialog-buy>strong{font-size:26px}.dialog-buy button{display:flex;align-items:center;gap:22px;padding:14px 16px;border-radius:12px;color:#fff;background:var(--ink);font-size:11px;font-weight:800}.dialog-buy button b{font-size:18px}
.checkout-dialog { position:relative;width:min(620px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:50px;border-radius:28px;background:var(--paper);box-shadow:0 35px 120px rgba(0,0,0,.34)}.simulation-label{display:inline-block;padding:7px 9px;border-radius:50px;color:#5443ce;background:#e4e0ff;font-size:8px;font-weight:900;letter-spacing:.13em}.checkout-dialog h2{max-width:480px;margin:18px 0 12px;font-size:clamp(2.2rem,5vw,4rem);font-weight:600;line-height:.94;letter-spacing:-.06em}.checkout-dialog>div>p{color:#5f6a67;font-size:12px;line-height:1.65}.checkout-route{display:grid;grid-template-columns:1fr 2fr;gap:7px 20px;margin:24px 0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.checkout-route span{color:#85908d;font-size:9px}.checkout-route strong{font-size:10px;text-align:right}.payment-demo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-demo button{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:14px;background:transparent}.payment-demo button.selected{border-color:#5a49de;box-shadow:0 0 0 2px rgba(90,73,222,.08)}.payment-demo button>span{grid-row:1/3}.payment-demo b{font-size:10px}.payment-demo small{color:#87918e;font-size:8px}.checkout-total{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.checkout-total span{font-size:11px}.checkout-total strong{font-size:25px}.place-demo-order{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 18px;border-radius:13px;color:#fff;background:#5a49de;font-size:11px;font-weight:850}.checkout-success{display:none!important;min-height:440px;place-content:center;text-align:center}.checkout-success.show{display:grid!important}.checkout-success>span{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 20px;border-radius:50%;background:var(--lime);font-size:28px}.checkout-success h2{margin-inline:auto}.checkout-success p{max-width:430px;margin:0 auto 25px}.checkout-success button{width:fit-content;margin:auto;padding:12px 16px;border-radius:50px;color:#fff;background:var(--ink);font-size:10px;font-weight:800}

@media (max-width:1100px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-shell{grid-template-columns:330px 1fr}.catalog-area{padding:40px 32px}.shop-hero{padding-bottom:70px}.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:900px}.shop-hero h1{max-width:900px}.live-preview{max-width:780px}.hero-proof{position:relative;left:auto;bottom:auto;margin:55px auto 0;max-width:1540px}.shop-intelligence>div:first-child{grid-template-columns:1fr}.intelligence-grid{margin-top:50px}}
@media (max-width:800px){.speed-note{font-size:9px}.shop-header{grid-template-columns:1fr auto;min-height:64px}.market-name{display:none}.shop-header nav>button:not(.language):not(.cart-button),.shop-header nav .create-shop-link{display:none}.commerce-shell{display:flex;flex-direction:column}.advisor{position:relative;top:auto;width:100%;height:680px;min-height:0}.catalog-area{padding:45px 20px}.shop-hero{padding:85px 22px 55px}.shop-hero h1{font-size:clamp(3.2rem,14vw,6rem)}.hero-prompt{grid-template-columns:1fr}.hero-prompt button{justify-content:space-between}.live-preview{padding:15px;border-radius:22px}.live-result{grid-template-columns:50px 1fr}.live-result img{width:50px;height:50px}.hero-proof{gap:25px;justify-content:space-between}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.product-reason{display:none}.shop-intelligence{padding-inline:22px}.intelligence-grid{grid-template-columns:1fr}.bring-data{grid-template-columns:1fr;gap:35px;padding-inline:22px}footer{align-items:flex-start;flex-direction:column}.product-dialog{grid-template-columns:1fr;overflow-y:auto}.dialog-image{min-height:260px;height:36vh}.dialog-copy{padding:30px}.checkout-dialog{padding:38px 22px}.payment-demo{grid-template-columns:1fr}.cart-drawer{padding:22px}}
@media (max-width:460px){.product-card h3{font-size:12px}.product-image{border-radius:15px}.product-meta{font-size:7px}.catalog-head{align-items:start}.view-controls{display:none}.hero-proof strong{font-size:20px}.hero-proof span{font-size:7px}.shop-closing h2{font-size:3rem}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}