@font-face{font-family:Peyda;src:url('./fonts/Peyda-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Peyda;src:url('./fonts/Peyda-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Peyda;src:url('./fonts/Peyda-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
@font-face{font-family:GoogleSans;src:url('./fonts/GoogleSans-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
.brand-mark{border-radius:50%;background:transparent;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
/* Foundations */
:root{color-scheme:dark;--page:#020814;--surface:#081421;--surface-2:#101f2f;--ink:#f4f8fb;--muted:#a2b2c1;--line:#233344;--blue:#38c8ff;--radius:16px;--container:1180px;--safe-bottom:max(16px,env(safe-area-inset-bottom))}
*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--page);font-family:Manrope,system-ui,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100svh}[dir=rtl] body{font-family:Peyda,Tahoma,sans-serif}[dir=rtl] h1{letter-spacing:0;line-height:1.45}body.modal-open{overflow:hidden}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer;min-height:44px}button:disabled{cursor:wait;opacity:.55}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}svg{width:22px;height:22px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}::selection{background:#155572;color:#fff}h1,h2,h3,p{margin:0}h2{font-size:1.5rem;line-height:1.35;letter-spacing:-.025em}h3{font-size:1.125rem;line-height:1.4}small{font-size:.8125rem}input{min-width:0;max-width:100%}.skip-link{position:fixed;top:8px;left:16px;padding:12px 18px;background:var(--blue);color:var(--page);z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
/* Header */
.announcement{padding:7px 16px;border-bottom:1px solid var(--line);background:#07111c;color:var(--muted);font-size:.8125rem;text-align:center}.site-header{min-height:80px;padding:12px max(24px,calc((100% - var(--container))/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:var(--page)}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:44px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:transparent;color:var(--page);font:800 1rem Manrope,system-ui;overflow:hidden}.brand-name{font:500 1rem GoogleSans,sans-serif;letter-spacing:-.025em;white-space:nowrap;line-height:1.1;font-synthesis:none}.brand-name em{font-weight:500;opacity:.86}.brand-name em{color:var(--blue);font-style:normal}.site-header nav{display:flex;align-items:center;gap:24px;margin-inline-start:auto}.site-header nav a,.nav-link{min-height:44px;display:flex;align-items:center;border:0;background:none;color:var(--muted);font-size:.875rem;padding:8px 0}.site-header nav a:hover,.nav-link:hover{color:var(--ink)}.header-actions{display:flex;gap:8px;margin-inline-start:auto;align-items:center}.language-button,.account-trigger{min-height:44px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 12px;font-size:.875rem;display:flex;align-items:center;gap:8px}.language-button{min-width:48px;font-family:GoogleSans,Peyda,sans-serif;font-weight:500;justify-content:center;line-height:1.2;letter-spacing:0;font-synthesis:none}.account-trigger-avatar{display:grid;place-items:center;width:26px;height:26px;overflow:hidden;border-radius:50%;background:var(--surface-2);color:var(--blue)}.account-trigger-avatar img{width:100%;height:100%;object-fit:cover}.account-trigger [data-account-label]{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Catalogue */
main{max-width:var(--container);margin:auto;padding-inline:24px}.store-intro{padding:56px 0 40px;max-width:790px}.eyebrow{display:block;font-size:.75rem;color:var(--blue);font-weight:700;letter-spacing:.08em;margin-bottom:12px}.store-intro h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;letter-spacing:-.05em;font-weight:700;max-width:750px}.store-intro p{color:var(--muted);max-width:580px;margin-top:18px;font-size:1rem;line-height:1.75}.products-section{padding-bottom:64px;scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 22px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:1.375rem}.search-box{display:flex;align-items:center;gap:10px;width:310px;max-width:100%;padding:0 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--surface)}.search-box:focus-within{border-color:var(--blue)}.search-box input{width:100%;height:48px;border:0;background:none;color:var(--ink);outline:none;font-size:.875rem}.search-box input::placeholder{color:var(--muted)}.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0}.filter-interaction{position:relative;display:flex;gap:8px;z-index:5}.filter-toggle,.filter-orb{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid var(--line);background:var(--surface);border-radius:10px;font-size:.875rem;padding:10px 12px}.filter-toggle{width:200px;justify-content:flex-start}.filter-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-orb{width:44px;padding:10px}.filter-toggle[aria-expanded=true],.filter-orb[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}.filter-panel{position:absolute;top:calc(100% + 10px);inset-inline-start:0;width:280px;max-width:calc(100vw - 48px);background:#101f2f;border:1px solid #3a4b5d;border-radius:14px;padding:14px;box-shadow:0 20px 50px #0008;animation:panel-in .15s ease-out}.filter-panel-head{color:var(--muted);font-size:.8125rem;padding:4px 8px 12px}.category-row{display:grid;gap:4px}.category-row button{display:flex;align-items:center;gap:12px;padding:10px;background:none;border:1px solid transparent;border-radius:8px;text-align:start;font-size:.875rem;min-height:44px}.category-row button:hover{background:#1b3044}.category-row button.active{background:#15374c;color:var(--blue);border-color:#28556c}.category-mark{display:flex}.filter-check{display:none;margin-inline-start:auto}.filter-check svg{width:16px;height:16px}.category-row button.active .filter-check{display:flex}.catalog-result{font-size:.875rem;color:var(--muted);white-space:nowrap}.catalog-result strong{color:var(--ink);font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{display:flex;flex-direction:column;gap:20px;min-width:0;min-height:280px;border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--surface);transition:border-color .16s,background .16s}.product-card:hover{border-color:#60768c;background:#0d1b2a}.card-topline{display:flex;align-items:center;gap:12px}.product-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--tone,var(--blue));font:700 1.125rem Manrope,system-ui}.card-category{font-size:.8125rem;color:var(--muted)}.product-card h3{font-size:1.25rem;letter-spacing:-.02em;font-weight:700}.product-card p{color:var(--muted);font-size:.9375rem;line-height:1.7;margin-top:9px}.card-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px}.card-price{display:flex;gap:7px;align-items:baseline}.card-price small{color:var(--muted)}.card-price strong{font-size:1.5rem;font-weight:600;letter-spacing:-.04em}.card-plan-count{font-size:.8125rem;color:var(--muted)}.card-cta{font-size:.875rem;color:var(--blue);font-weight:600}.product-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid.compact .product-card{min-height:220px;gap:14px}.empty-products{padding:44px 18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}
/* Supporting content */
.steps-section{border-top:1px solid var(--line);padding:48px 0 56px;display:grid;grid-template-columns:1fr 2fr;gap:64px}.steps-section>div>p{margin-top:14px;color:var(--muted)}.steps-section ol{list-style:none;margin:0;padding:0;display:grid;gap:24px}.steps-section li{display:flex;gap:18px}.steps-section li>span{color:var(--blue);font-size:.8125rem;font-family:Manrope,system-ui;padding-top:3px}.steps-section li p{margin-top:5px;color:var(--muted);font-size:.9375rem}footer{border-top:1px solid var(--line);max-width:var(--container);margin:auto;padding:30px 24px;display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;color:var(--muted)}footer>p{font-size:.875rem}footer>div{display:flex;gap:22px;margin-inline-start:auto}footer a,footer button{font-size:.875rem;display:inline-flex;align-items:center;min-height:44px}footer button{border:0;background:none;padding:0}footer>small{flex-basis:100%}.mobile-nav{display:none}
/* Forms and overlays */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:1px solid var(--blue);border-radius:10px;background:var(--blue);color:#03101c;font-size:.9375rem;font-weight:700;transition:background .15s}.button:hover{background:#79dcff}.wide{width:100%}.secondary-action{display:flex;justify-content:center;align-items:center;min-height:44px;width:100%;margin-top:10px;border:0;background:none;color:var(--muted);font-size:.875rem}.modal,.drawer{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}.modal-backdrop,.drawer-backdrop{position:absolute;inset:0;background:#000b}.modal-panel,.drawer-panel{position:relative;background:#081421;border:1px solid var(--line);border-radius:20px;width:520px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:32px;box-shadow:0 24px 80px #0008}.modal-close{position:absolute;top:12px;inset-inline-end:12px;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;border-radius:8px;color:var(--muted);font-size:1.6rem;line-height:1;z-index:1}.modal-close:hover{background:var(--surface-2);color:var(--ink)}.checkout-progress{display:flex;align-items:center;gap:8px;margin:14px 40px 24px 0;direction:ltr}.checkout-progress span{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:.75rem;color:var(--muted)}.checkout-progress span.active{border-color:var(--blue);color:var(--blue)}.checkout-progress span.current{background:var(--blue);color:var(--page)}.checkout-progress i{height:1px;background:var(--line);flex:1}.checkout-stage>p,.auth-subtitle{color:var(--muted);margin:12px 0 24px}.checkout-stage h2{padding-inline-end:16px}.checkout-summary-card,.demo-payment-card,.delivery-box{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);margin:20px 0}.checkout-summary-card>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;flex-wrap:wrap}.checkout-summary-card strong{font-weight:600}.field,.auth-form label{display:grid;gap:8px;margin-bottom:18px}.field>span,.auth-form label>span{font-size:.875rem;color:var(--muted)}.field input,.auth-form input{width:100%;min-height:48px;border:1px solid #384d62;background:var(--page);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:1rem}.form-error,.auth-message.error{color:#ffb6b6;font-size:.875rem}.payment-row{display:flex;justify-content:space-between;gap:16px;margin-top:14px;flex-wrap:wrap;font-size:.875rem}.payment-row>span{color:var(--muted)}.technical-value,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;font-size:.8125rem;word-break:break-word}.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #5b5029;border-radius:7px;background:#2c2616;color:#f4d69c;font-size:.75rem}.status-pill.paid{border-color:#255a47;background:#112e24;color:#9ae5bc}.delivery-box code{display:block;margin-top:16px}.activity-indicator{display:block;width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:24px auto}.busy-stage{text-align:center}.drawer{justify-content:flex-end;padding:0}.drawer-panel{height:100dvh;max-height:100dvh;width:480px;border-radius:20px 0 0 20px;padding:64px 28px}.drawer-panel .muted{color:var(--muted);margin-top:12px}.orders-list{display:grid;gap:16px;margin-top:26px}.order-row{border:1px solid var(--line);padding:18px;border-radius:12px;overflow-wrap:anywhere}.order-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-row h3{font-size:1rem}.order-row small{display:block;color:var(--muted);margin-top:5px}.empty-orders{padding:30px 0;color:var(--muted)}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%,12px);max-width:calc(100% - 32px);padding:12px 20px;background:#15374c;border:1px solid #396a83;border-radius:10px;z-index:100;color:var(--ink);font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Account */
.payment-methods{border:0;padding:0;margin:20px 0;min-width:0}.payment-methods legend{font-size:1rem;font-weight:600;padding:0}.payment-method-note{color:var(--muted);font-size:.875rem;line-height:1.7;margin:10px 0 14px}.payment-method{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--page);cursor:pointer}.payment-method:has(input:checked){border-color:var(--blue);background:#0a2739}.payment-method:focus-within{outline:2px solid var(--blue);outline-offset:3px}.payment-method input{width:18px;height:18px;margin:0;accent-color:var(--blue);flex-shrink:0}.payment-method-details{min-width:0;flex:1}.payment-method-details strong{display:block;font-size:1rem}.payment-method-details small{display:block;color:var(--muted);font-size:.875rem;margin-top:3px}.payment-demo-badge{padding:3px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.8125rem;white-space:nowrap}
.checkout-stage .muted{color:var(--muted);font-size:.875rem;margin:16px 0 22px}.product-card p{font-size:1rem}.steps-section li p{font-size:1rem}.identity-row>div,.auth-method-head>div{min-width:0}.product-buy-box .buy-kicker{font-size:1.125rem}.product-detail-copy{min-width:0}.product-detail-copy h1{overflow-wrap:anywhere}
.account-panel{padding-top:54px}.account-profile{display:flex;align-items:center;gap:16px;margin:12px 0 24px}.account-profile h2{overflow-wrap:anywhere}.account-profile p{color:var(--muted);font-size:.875rem}.account-avatar{width:60px;height:60px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;overflow:hidden;background:var(--surface-2);color:var(--blue);font-size:1.5rem}.account-avatar img{width:100%;height:100%;object-fit:cover}.auth-method,.merge-confirmation{border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0}.auth-method-head,.identity-row{display:flex;align-items:flex-start;gap:12px}.auth-method-head{margin-bottom:16px}.identity-icon{flex-shrink:0;display:grid;place-items:center;width:36px;min-height:36px;border:1px solid var(--line);border-radius:8px;font:.75rem Manrope,system-ui;color:var(--blue)}.auth-method small,.identity-row small{display:block;color:var(--muted);font-size:.8125rem;margin-top:4px;overflow-wrap:anywhere}.auth-method b,.identity-row b{font-size:.9375rem}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.875rem;margin:24px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.identity-list{display:grid;gap:18px}.identity-row{padding:14px 0;border-bottom:1px solid var(--line)}.identity-row i{color:#9ae5bc;font-style:normal;margin-inline-start:auto}.test-mode-note,.test-code{display:block;color:#f4d69c;font-size:.8125rem;margin-top:12px}.demo-auth-button{background:none;color:var(--blue)}.auth-message{margin-top:16px;overflow-wrap:anywhere}.auth-message.success{color:#9ae5bc}.account-loading{text-align:center;padding:40px 0}.merge-confirmation h3{margin:8px 0}.merge-confirmation p{font-size:.875rem;color:var(--muted);margin-bottom:12px}.merge-confirmation strong{display:block;overflow-wrap:anywhere;margin-bottom:16px}
/* Product */
.product-detail-page{padding-top:32px;padding-bottom:64px}.back-to-catalog{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:.875rem;margin-bottom:30px}.back-to-catalog:hover{color:var(--blue)}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:64px;align-items:start}.product-detail-copy h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;line-height:1.2;margin:18px 0}.product-detail-copy>p{color:var(--muted);max-width:580px;font-size:1rem;line-height:1.8}.product-identity{display:flex;align-items:center;gap:14px}.product-identity .product-symbol{width:52px;height:52px;font-size:1.5rem}.product-identity .eyebrow{margin:0;color:var(--muted)}.product-buy-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;grid-column:2;grid-row:1 / span 2}.buy-kicker{display:block;font-weight:600;margin-bottom:20px}.detail-variants{display:grid;gap:10px}.detail-variant{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--page);text-align:start}.detail-variant.selected{border-color:var(--blue);background:#0a2739}.detail-variant b{font-size:1rem;font-weight:600}.detail-variant small{display:block;color:var(--muted);margin-top:3px}.detail-variant strong{font-weight:600;white-space:nowrap}.detail-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 20px}.detail-total>span{color:var(--muted)}.detail-total>strong{font-size:1.875rem;font-weight:600}.product-buy-box>small{display:block;text-align:center;color:var(--muted);margin-top:14px}.product-information{max-width:630px;display:grid;gap:28px}.info-block{border-top:1px solid var(--line);padding-top:24px}.info-block h2{font-size:1.125rem}.info-block p{color:var(--muted);line-height:1.8;margin-top:10px}.product-footer{justify-content:space-between}.not-found{max-width:620px;padding:40px 0 80px}.not-found p{margin:16px 0 26px;color:var(--muted)}.noscript{padding:24px;color:#ffb6b6}
/* Responsive and WebView safe areas */
/* Brand marks: fixed geometry, monochrome artwork, no RTL mirroring. */
.product-symbol{flex-shrink:0;overflow:hidden;color:var(--ink);background:#0b1928}
.product-icon{display:block;width:28px;height:28px;object-fit:contain;pointer-events:none;user-select:none}
.product-identity .product-icon{width:34px;height:34px}
@media(min-width:1230px){main{padding-inline:0}}
@media(max-width:1050px){.site-header{gap:18px}.site-header nav{gap:16px}.product-layout{gap:36px;grid-template-columns:minmax(0,1fr) 350px}.product-card{padding:20px}}
@media(max-width:800px){.site-header nav{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-intro{padding-top:40px}.steps-section{gap:32px}.product-layout{grid-template-columns:1fr;gap:30px}.product-buy-box{grid-column:1;grid-row:2}.product-information{grid-column:1;grid-row:3}.product-detail-copy{grid-row:1}.mobile-nav{position:fixed;bottom:0;inset-inline:0;z-index:35;display:flex;justify-content:space-around;background:#07111c;border-top:1px solid var(--line);padding:4px 8px var(--safe-bottom)}.mobile-nav a,.mobile-nav button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;min-height:44px;border:0;background:none;color:var(--muted);text-align:center}.mobile-nav small{font-size:.8125rem}.mobile-nav a:hover,.mobile-nav button:hover{color:var(--blue)}body:not(.product-detail-body){padding-bottom:86px}.toast{bottom:100px}}
@media(max-width:600px){.site-header{min-height:72px;padding:12px 18px;gap:12px}.brand{gap:8px}.brand-name{font-size:.9375rem}.brand-mark{width:30px;height:30px}.header-actions{gap:6px}.account-trigger{padding:6px 8px}.account-trigger [data-account-label]{max-width:72px;font-size:.8125rem}.language-button{min-width:44px;padding:6px 8px}.announcement{font-size:.75rem;padding:6px 12px}main{padding-inline:18px}.store-intro{padding:32px 0}.store-intro h1{font-size:2.25rem;max-width:360px}.store-intro p{margin-top:14px}.section-heading{align-items:stretch;flex-direction:column;gap:16px;padding-bottom:18px}.search-box{width:100%}.catalog-controls{padding:18px 0}.filter-toggle{width:180px}.filter-panel{max-width:calc(100vw - 36px)}.catalog-result{font-size:.8125rem}.product-grid,.product-grid.compact{grid-template-columns:1fr;gap:14px}.product-card{min-height:265px;padding:22px;gap:18px}.product-grid.compact .product-card{min-height:220px;padding:18px;gap:12px}.steps-section{grid-template-columns:1fr;gap:28px;padding:32px 0 40px}.products-section{padding-bottom:40px}footer{padding:24px 18px;gap:16px}footer>div{margin-inline-start:0;flex-basis:100%;flex-wrap:wrap}footer>p{flex-basis:100%}.modal{padding:12px;align-items:flex-end}.modal-panel{padding:52px 22px 24px;border-radius:18px;width:100%;max-height:calc(100dvh - 24px);padding-bottom:max(24px,env(safe-area-inset-bottom))}.checkout-progress{margin-top:0;margin-bottom:22px;margin-inline-end:20px}.drawer-panel{width:100%;border-radius:0;padding:64px 22px max(24px,env(safe-area-inset-bottom))}.product-detail-page{padding-top:20px;padding-bottom:40px}.back-to-catalog{margin-bottom:22px}.product-buy-box{padding:22px}.product-detail-copy h1{font-size:2.25rem}.product-layout{gap:28px}.detail-total strong{font-size:1.75rem}}
@media(max-width:370px){.brand-name{letter-spacing:.02em}.account-trigger [data-account-label]{display:none}.filter-toggle{width:165px}.catalog-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@keyframes panel-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
.dialog-language{position:absolute;top:12px;inset-inline-start:12px;z-index:1}.modal-panel,.drawer-panel{padding-top:76px}.checkout-progress{margin-top:0}

/* Orders entry is separate from email verification in the account panel. */
.account-order-entry{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.account-orders-link{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);min-height:68px;color:var(--ink);text-decoration:none}.account-orders-link:hover{border-color:var(--blue)}.account-orders-link>svg{width:22px;height:22px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--blue)}.account-orders-link>span{flex:1;min-width:0}.account-orders-link b{font-size:14px}.account-orders-link small{display:block;font-size:12px;line-height:1.8;color:var(--muted);margin-top:4px}.account-orders-link .account-orders-chevron{width:16px;color:var(--muted)}[dir=rtl] .account-orders-chevron{transform:rotate(180deg)}.account-orders-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}

/* A quiet supplier cue and an editorial pick, without invented sales claims. */
.supplier-notice{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px auto 0;padding:0 20px;color:var(--muted);font-size:12px;line-height:1.9;text-align:center}.supplier-notice svg{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}.card-badges,.detail-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-badges{margin-bottom:0}.supplier-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;font-size:10px;line-height:1.5;color:var(--muted);font-weight:500}.supplier-badge svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.shop-pick-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:600;line-height:1.5;padding:5px 8px;border:1px solid rgba(56,200,255,.16);border-radius:7px;color:var(--blue);background:rgba(56,200,255,.045)}.detail-badges{margin-top:24px;margin-bottom:14px}.activity-controls{display:flex;justify-content:flex-end;margin:0 0 14px}.activity-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:11px}.activity-toggle:hover{color:var(--ink);border-color:var(--line)}.activity-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.activity-toggle svg{width:14px;height:14px;fill:currentColor}.product-detail-page>.supplier-notice{justify-content:flex-start;padding:0;margin-top:0;margin-bottom:24px;text-align:start}
@media(max-width:640px){.supplier-notice{font-size:11px;max-width:45ch;margin-top:18px;align-items:flex-start}.supplier-notice svg{margin-top:2px}.card-badges{margin-bottom:0;gap:6px}.supplier-badge,.shop-pick-badge{font-size:10px}.activity-controls{justify-content:flex-start;margin-bottom:12px}.product-detail-page>.supplier-notice{margin-bottom:22px}}

.demo-receipt{display:grid;gap:14px;min-width:0;padding:16px 0 0}.demo-receipt p,.demo-receipt>small{font-size:12px;color:var(--muted);line-height:1.9}.demo-receipt>div{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px;min-width:0}.demo-receipt small{font-size:11px;color:var(--muted)}.demo-receipt code{font-size:12px;word-break:break-all;white-space:pre-wrap}.demo-receipt-orders{display:inline-flex;min-height:44px;align-items:center;justify-content:center;font-size:12px}.demo-order-details{margin-top:16px;border-top:1px solid var(--line)}.demo-order-details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:12px;color:var(--blue);padding-top:8px}.demo-order-details>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

/* Price always belongs to the displayed access period. */
.card-pricing { min-width: 0; flex: 1; }
.card-price-from { display: block; margin-bottom: 3px; color: var(--muted); font-size: .75rem; }
.card-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.card-price strong{font-size:1.875rem;line-height:1.25;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Owner 2026-10-09: an unavailable plan puts a full sentence in the price slot; the
   30px nowrap price style pushed it outside the card. Status text wraps and stays inside. */
.card-price strong.price-message{font-size:.9375rem;line-height:1.6;font-weight:600;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:normal;color:var(--muted)}
.card-price{min-width:0;flex-wrap:wrap}
.card-heading{min-width:0}
.card-heading h3,.card-heading p,.card-bottom,.card-cta{min-width:0;overflow-wrap:anywhere}
/* Descriptions are authored line-per-feature; the line feeds carry the paragraph breaks. */
.product-card .card-heading p{white-space:pre-line}
.product-detail-copy .detail-description,#detailDescription{white-space:pre-line}
.card-price-period { color: var(--muted); font-size: .8125rem; white-space: nowrap; }
.card-plan-count { display: block; margin-top: 5px; font-size: .75rem; line-height: 1.7; }
.card-cta { flex-shrink: 0; white-space: nowrap; }
.detail-variant > span:first-child { min-width: 0; }
.variant-pricing { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; }
.variant-pricing strong { font-size: 1.125rem; font-variant-numeric: tabular-nums; }
.variant-pricing small { font-size: .6875rem; }
.detail-total { margin: 24px 0 6px; }
.price-equivalent { color: var(--muted); font-size: .8125rem; line-height: 1.7; }
.billing-note { color: var(--muted); font-size: .8125rem; line-height: 1.8; margin: 8px 0 18px; }
@media (max-width: 350px) {
  .card-bottom { gap: 10px; }
  .card-price strong { font-size: 1.75rem; }
  .card-price-period, .card-cta { font-size: .75rem; }
}

/* Mobile browsing: keep prices/actions visible and let translated content reflow.
   Deliberately scoped below the desktop breakpoint; no overflow-hiding workaround. */
@media (max-width: 800px) {
  .site-header, .header-actions, .section-heading > *, .filter-interaction { min-width: 0; }
  .catalog-controls { flex-wrap: wrap; gap: 12px; }
  .catalog-result { white-space: normal; }
  .product-grid { align-items: start; }
  .product-card, .product-grid.compact .product-card { min-height: 0; }
  .product-card h3, .product-card p, .detail-variant b,
  .checkout-summary-card, .payment-method-details, .account-profile > div:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  /* The entire card opens details; previews must not bury the other products. */
  .card-heading > p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
  .card-heading > p:empty, .card-recent:empty { display: none; }
  .card-bottom { flex-wrap: wrap; align-items: center; }
  .card-cta { display: inline-flex; align-items: center; min-height: 44px; }
  .mobile-nav { padding-inline: max(8px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-right)); }
  body:not(.product-detail-body) { padding-bottom: calc(72px + var(--safe-bottom)); }
  .toast { bottom: calc(82px + var(--safe-bottom)); }
  .modal-panel, .drawer-panel { scroll-padding-block: 16px; overflow-wrap: anywhere; }
  .checkout-progress { margin-inline: 0; }
  .checkout-progress span { flex-shrink: 0; }
  .checkout-summary-card > div { flex-wrap: wrap; gap: 6px 12px; }
  .checkout-summary-card > div > * { min-width: 0; }
  .detail-variant { flex-wrap: wrap; }
  .detail-variant > span:first-child { flex: 1 1 140px; }
  .detail-total { flex-wrap: wrap; }
  .payment-method { flex-wrap: wrap; }
  .search-box input, .modal-panel input, .drawer-panel input { font-size: 16px; }
}
@media (max-width: 600px) {
  .store-intro h1, .product-detail-copy h1 { font-size: clamp(1.875rem, 8vw, 2.25rem); }
  .product-card { padding: 18px; gap: 14px; }
  .product-buy-box { padding: 18px; }
  .modal { padding: 8px; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  .modal-panel {
    padding-inline: 18px;
    max-height: calc(100dvh - 16px - env(safe-area-inset-bottom));
  }
  .drawer-panel { padding-inline: 18px; }
  .checkout-summary-card, .demo-payment-card, .delivery-box { padding: 14px; }
}
@media (max-width: 370px) {
  .catalog-controls .filter-interaction { width: 100%; }
  .catalog-controls .filter-toggle { flex: 1; width: auto; }
  .filter-orb { flex-shrink: 0; }
  .catalog-result { width: 100%; }
}

/* Same SVG geometry for first-response HTML and hydrated cards. */
.product-symbol img{width:32px;height:32px;object-fit:contain;display:block}