.xop-store{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.sf-header{z-index:10;-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);border-bottom:1px solid var(--border);background:#ffffffd1;background:lab(100% 0 0/.82);position:sticky;top:0}[data-theme=dark] .sf-header{background:#111419d1;background:lab(6.14235% -.0647605 -4.15282/.82)}.sf-bar{max-width:1200px;padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.sf-logo{align-items:center;gap:var(--space-3);color:var(--text);text-decoration:none;display:flex}.sf-logo .mk{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.sf-logo img{width:auto;height:30px;display:block}[data-theme=dark] .sf-logo img{filter:invert()brightness(1.6)}.sf-nav{gap:var(--space-1);margin-left:var(--space-4);display:flex}.sf-nav a{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-weight:600;text-decoration:none;transition:color .15s,background .15s}.sf-nav a:hover{color:var(--text);background:var(--surface-hover)}.sf-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.sf-search{width:240px;position:relative}.sf-search svg{width:16px;height:16px;color:var(--text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sf-search input{height:38px;padding-left:38px}.sf-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.sf-icon-btn:hover{background:var(--surface-hover)}.sf-icon-btn svg{width:18px;height:18px}.sf-cart-count{border-radius:var(--radius-full);background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);font-family:var(--font-mono);justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-6px;right:-6px}.sf-account{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--text-sm);text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}a.sf-account:hover{background:var(--surface-hover)}.sf-account svg{width:18px;height:18px;color:var(--text-secondary)}.sf-account-label{white-space:nowrap}.sf-account-logout{cursor:pointer;margin-left:var(--space-1);color:var(--text-tertiary);font-size:var(--text-sm);background:0 0;border:none;padding:0;text-decoration:underline}.sf-account-logout:hover{color:var(--text)}@media (max-width:640px){.sf-account-label{display:none}}.sf-announce{background:linear-gradient(90deg, var(--brand), var(--accent));color:var(--neutral-0);text-align:center;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);font-weight:600}.sf-main{width:100%;max-width:1200px;padding:var(--space-8) var(--space-6) var(--space-16);flex:1;margin:0 auto}.sf-hero{border-radius:var(--radius-2xl);border:1px solid var(--border);background:radial-gradient(120% 140% at 0% 0%, var(--brand-subtle), transparent 55%), radial-gradient(120% 140% at 100% 100%, var(--accent-subtle), transparent 55%), var(--surface);padding:var(--space-16) var(--space-12);margin-bottom:var(--space-12);position:relative;overflow:hidden}.sf-hero h1{font-size:var(--text-3xl);max-width:16ch;margin-bottom:var(--space-4)}.sf-hero p{color:var(--text-secondary);font-size:var(--text-md);max-width:52ch;margin-bottom:var(--space-6)}.sf-section-h{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;display:flex}.sf-section-h h2{font-size:var(--text-xl)}.sf-section-h a{font-size:var(--text-sm);color:var(--brand);font-weight:600;text-decoration:none}.sf-cats{gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.sf-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.product{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden}.product:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-3px)}.product .ph{aspect-ratio:1;background:var(--bg-sunken);color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;position:relative}.product .ph svg{opacity:.5;width:40px;height:40px}.product .tag{top:var(--space-3);left:var(--space-3);position:absolute}.product .body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.product .nm{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.product .pr{font-family:var(--font-mono);font-weight:600;font-size:var(--text-md);margin-top:auto}.product .pr .old{color:var(--text-tertiary);font-size:var(--text-sm);margin-right:var(--space-2);font-weight:400;text-decoration:line-through}.product .add{margin:0 var(--space-4) var(--space-4)}.sf-empty{text-align:center;padding:var(--space-16);flex:1;justify-content:center;align-items:center;display:flex}.sf-back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);font-weight:600;text-decoration:none;display:inline-flex}.sf-back:hover{color:var(--text)}.sf-auth{padding:var(--space-8) 0;justify-content:center;display:flex}.sf-auth-card{width:100%;max-width:420px}.sf-auth-card .sf-back{margin-bottom:var(--space-4)}.sf-auth-title{font-size:var(--text-2xl);margin:0 0 var(--space-1)}.sf-auth-sub{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-6)}.sf-auth-form{gap:var(--space-4);flex-direction:column;display:flex}.sf-auth-alt{margin:var(--space-5) 0 0;text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.sf-auth-alt a{color:var(--accent);font-weight:600;text-decoration:none}.sf-auth-alt a:hover{text-decoration:underline}.sf-product{gap:var(--space-10);grid-template-columns:1fr 1fr;align-items:start;display:grid}.sf-gallery{gap:var(--space-3);flex-direction:column;display:flex;position:sticky;top:90px}.sf-gallery-main{aspect-ratio:1;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-gallery-main img{object-fit:cover;width:100%;height:100%}.sf-thumbs{gap:var(--space-2);flex-wrap:wrap;display:flex}.sf-thumb{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg-sunken);cursor:pointer;width:64px;height:64px;padding:0;overflow:hidden}.sf-thumb.active{border-color:var(--brand)}.sf-thumb img{object-fit:cover;width:100%;height:100%}.sf-pinfo{gap:var(--space-4);flex-direction:column;display:flex}.sf-pmeta{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sf-pinfo h1{font-size:var(--text-2xl);line-height:var(--leading-tight)}.sf-price-lg{font-family:var(--font-mono);font-weight:700;font-size:var(--text-2xl);color:var(--text)}.sf-consult{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--text-secondary);font-weight:600}.sf-variants{gap:var(--space-2);flex-direction:column;display:flex}.sf-variants-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.sf-variant-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.sf-variant-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:border-color .15s,background .15s}.sf-variant-btn:hover{background:var(--surface-hover)}.sf-variant-btn.active{border-color:var(--brand);background:var(--brand-subtle);color:var(--brand)}.sf-pshort{color:var(--text-secondary);font-size:var(--text-md)}.sf-pcta{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.sf-pcta .btn:disabled{opacity:.55;cursor:not-allowed}.sf-soon-note{font-size:var(--text-xs);color:var(--text-tertiary)}.sf-pdesc{border-top:1px solid var(--border);padding-top:var(--space-5);margin-top:var(--space-2)}.sf-pdesc h3{font-size:var(--text-md);margin-bottom:var(--space-2)}.sf-pdesc p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap}@media (max-width:860px){.sf-product{gap:var(--space-6);grid-template-columns:1fr}.sf-gallery{position:static}}.sf-qty-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sf-qty{border:1px solid var(--border-strong);border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.sf-qty button{background:var(--surface);width:38px;height:42px;color:var(--text);font-size:var(--text-lg);cursor:pointer;border:0;line-height:1}.sf-qty button:hover{background:var(--surface-hover)}.sf-qty span{text-align:center;min-width:40px;font-family:var(--font-mono);font-weight:600}.sf-added{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--success-600,var(--brand));font-weight:600;text-decoration:none;display:inline-flex}.sf-cart{gap:var(--space-8);grid-template-columns:1fr 320px;align-items:start;display:grid}.sf-cart-empty{align-items:center;gap:var(--space-4);padding:var(--space-16);text-align:center;color:var(--text-secondary);flex-direction:column;display:flex}.sf-cart-lines{gap:var(--space-3);flex-direction:column;display:flex}.sf-cart-line{gap:var(--space-4);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:64px 1fr auto auto auto;align-items:center;display:grid}.sf-cart-line.unavailable{opacity:.6}.sf-cart-img{border-radius:var(--radius-md);background:var(--bg-sunken);width:64px;height:64px;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-cart-img img{object-fit:cover;width:100%;height:100%}.sf-cart-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sf-cart-name a,.sf-cart-name{font-weight:600;font-size:var(--text-sm);color:var(--text);text-decoration:none}.sf-cart-name a:hover{color:var(--brand)}.sf-cart-attrs{font-size:var(--text-xs);color:var(--text-tertiary)}.sf-cart-unit{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono)}.sf-cart-flag{font-size:var(--text-xs);color:var(--accent);font-weight:600}.sf-cart-qty{border:1px solid var(--border-strong);border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.sf-cart-qty button{background:var(--surface);width:30px;height:32px;color:var(--text);cursor:pointer;border:0}.sf-cart-qty button:hover{background:var(--surface-hover)}.sf-cart-qty span{text-align:center;min-width:32px;font-family:var(--font-mono);font-size:var(--text-sm)}.sf-cart-linetotal{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);text-align:right;min-width:90px}.sf-cart-rm{color:var(--text-tertiary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);background:0 0;border:0}.sf-cart-rm:hover{color:var(--danger-600,var(--accent));background:var(--surface-hover)}.sf-cart-summary{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;display:flex;position:sticky;top:90px}.sf-cart-summary h3{font-size:var(--text-md)}.sf-cart-subtotal{font-size:var(--text-md);justify-content:space-between;align-items:baseline;display:flex}.sf-cart-subtotal strong{font-family:var(--font-mono);font-size:var(--text-lg)}.sf-cart-note{font-size:var(--text-xs);color:var(--accent)}.sf-cart-summary .btn:disabled{opacity:.55;cursor:not-allowed}.sf-cart-clear{color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1);background:0 0;border:0;text-decoration:underline}.sf-cart-clear:hover{color:var(--text-secondary)}.sf-cart-syncing{font-size:var(--text-xs);color:var(--text-tertiary)}@media (max-width:860px){.sf-cart{grid-template-columns:1fr}.sf-cart-summary{position:static}.sf-cart-line{row-gap:var(--space-2);grid-template-columns:56px 1fr auto}.sf-cart-linetotal{text-align:left;grid-column:2/4}.sf-cart-rm{grid-area:1/3}}.sf-checkout{gap:var(--space-8);grid-template-columns:1fr 340px;align-items:start;display:grid}.sf-checkout-form{gap:var(--space-2);flex-direction:column;display:flex}.sf-checkout-lines{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.sf-checkout-line{justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.sf-checkout-line span:last-child{font-family:var(--font-mono);white-space:nowrap}.sf-checkout-result{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}@media (max-width:860px){.sf-checkout{grid-template-columns:1fr}}.sf-footer{border-top:1px solid var(--border);background:var(--bg-elevated)}.sf-foot-in{max-width:1200px;padding:var(--space-12) var(--space-6);gap:var(--space-8);grid-template-columns:1.4fr repeat(3,1fr);margin:0 auto;display:grid}.sf-foot-in h4{font-family:var(--font-sans);font-size:var(--text-sm);margin-bottom:var(--space-3);font-weight:700}.sf-foot-in a{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-1) 0;text-decoration:none;display:block}.sf-foot-in a:hover{color:var(--text)}.sf-foot-bottom{border-top:1px solid var(--border);padding:var(--space-5) var(--space-6);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary)}.sf-powered{font-family:var(--font-mono)}.sf-powered .o{color:var(--brand);font-weight:700}.sf-ownerbar{left:50%;bottom:var(--space-5);z-index:50;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--neutral-900);color:var(--neutral-50);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);font-size:var(--text-sm);display:flex;position:fixed;transform:translate(-50%)}.sf-ownerbar .dot{background:var(--success-500);border-radius:50%;width:7px;height:7px}@media (max-width:1000px){.sf-grid{grid-template-columns:repeat(2,1fr)}.sf-foot-in{grid-template-columns:1fr 1fr}}@media (max-width:720px){.sf-nav,.sf-search{display:none}.sf-hero{padding:var(--space-12) var(--space-6)}.sf-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}.sf-logo .sf-logo-img{object-fit:contain;width:auto;max-width:170px;height:32px;display:block}[data-theme=dark] .sf-logo .sf-logo-img{filter:none}.sf-contact{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.sf-contact span{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:inline-flex}.sf-contact svg{color:var(--brand);flex-shrink:0}