:root{--accent:#e35b0a;--accent-dark:#bf4c07;--accent-light:#fef1e8;--dark:#12181f;--dark-2:#1c2530;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--bg-soft:#f6f7f9;--whatsapp:#25d366;--radius:10px;--radius-sm:6px;--accent-glow:rgba(227,91,10,.3);--accent-glow-soft:rgba(227,91,10,.16);--shadow:0 2px 14px rgba(17,24,39,.06);--shadow-md:0 10px 30px rgba(17,24,39,.12);--maxw:1280px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);zoom:var(--fs-scale,1);color:var(--text);background:#fff;line-height:1.5;font-size:15px}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}#root{min-height:100vh;display:flex;flex-direction:column}#root>*{width:100%}#root>footer{margin-top:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:24px;font-weight:700;font-size:13.5px;border:2px solid transparent;cursor:pointer;white-space:nowrap;line-height:1.2;letter-spacing:.1px;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s,color .15s,box-shadow .18s,transform .12s}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-light),0 0 0 5px var(--accent)}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 2px 8px var(--accent-glow-soft)}.btn-primary:hover{background:var(--accent-dark);box-shadow:0 6px 18px var(--accent-glow);transform:translateY(-1px)}.btn-dark{background:linear-gradient(180deg,var(--dark-2),var(--dark));color:#fff;box-shadow:0 2px 8px #11182738}.btn-dark:hover{background:linear-gradient(180deg,var(--accent),var(--accent-dark));box-shadow:0 6px 18px var(--accent-glow);transform:translateY(-1px)}.btn-outline{background:#fff;color:var(--dark);border-color:var(--border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-light);box-shadow:0 4px 12px #11182714;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.btn-ghost:hover{background:var(--bg-soft);color:var(--accent-dark)}.btn-block{width:100%}.btn-sm{padding:7px 14px;font-size:12.5px;border-radius:18px}.btn-lg{padding:13px 26px;font-size:14.5px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn:disabled:hover{transform:none;box-shadow:none}.badge{display:inline-block;font-size:11px;font-weight:800;padding:3px 9px;border-radius:5px;letter-spacing:.3px}.badge-sale{background:var(--accent);color:#fff}.badge-new{background:var(--dark);color:#fff}.badge-hot{background:#dc2626;color:#fff}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;width:100%;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}label{font-size:12.5px;font-weight:700;display:block;margin-bottom:6px;color:var(--text)}.form-row{margin-bottom:16px}.topbar{background:var(--dark);color:#c7cdd6;font-size:12.5px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:34px}.topbar a{color:#c7cdd6}.topbar a:hover{color:var(--accent)}.topbar-links{display:flex;gap:18px}.site-header{position:sticky;top:0;background:#fff;z-index:500;border-bottom:1px solid var(--border)}.header-main{display:flex;align-items:center;gap:22px;padding:14px 20px}@media (min-width:1180px){.header-main{display:grid;grid-template-columns:1fr minmax(240px,min(600px,calc(100vw - 900px))) 1fr}.header-main>.search-form{max-width:none}.header-main>.header-actions{justify-self:end;margin-left:0}}.header-actions .action span:last-of-type{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.hamburger-btn{display:none;font-size:22px;background:none;border:none;cursor:pointer;color:var(--dark)}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;white-space:nowrap}.logo-box{background:var(--accent);color:#fff;width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.logo-text{font-family:var(--title-font,inherit);color:var(--title-color,inherit)}.logo-text small{display:block;font-size:9.5px;font-weight:600;color:var(--muted);letter-spacing:.8px}.search-form{flex:1;display:flex;max-width:600px}.search-form input{border:2px solid var(--dark);border-right:none;border-radius:24px 0 0 24px;padding:10px 18px}.search-form input:focus{box-shadow:none}.search-form button{background:var(--dark);color:#fff;padding:0 20px;border-radius:0 24px 24px 0;border:none;cursor:pointer;font-size:15px}.search-form button:hover{background:var(--accent)}.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto;flex-shrink:0}.header-actions .action{display:flex;flex-direction:column;align-items:center;font-size:11.5px;font-weight:700;color:var(--text);gap:2px;position:relative;min-width:60px}.header-actions .action .ic{font-size:20px}.header-actions .action:hover{color:var(--accent)}.cart-badge{position:absolute;top:-6px;right:6px;background:var(--accent);color:#fff;border-radius:50%;font-size:10px;font-weight:800;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}.main-nav{background:var(--dark)}.main-nav-inner{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.main-nav-inner::-webkit-scrollbar{display:none}.main-nav-inner a{padding:13px 18px;font-size:13.5px;font-weight:600;color:#d7dbe1;white-space:nowrap;border-bottom:3px solid transparent}.main-nav-inner a:hover,.main-nav-inner a.active{color:#fff;border-bottom-color:var(--accent);background:#ffffff0a}.page-wrap{max-width:var(--maxw);margin:0 auto;padding:22px 20px 60px;display:grid;grid-template-columns:270px 1fr;gap:26px;align-items:start}.page-wrap-full{max-width:var(--maxw);margin:0 auto;padding:22px 20px 60px}.breadcrumb{font-size:12.5px;color:var(--muted);margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.breadcrumb a{color:var(--muted);font-weight:600}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .sep{color:#c7c7c7}.breadcrumb .current{color:var(--text);font-weight:700}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141a8c;z-index:590;display:none}.sidebar-overlay.show{display:block}.sidebar-slot{position:sticky;top:140px;align-self:start;max-height:calc(100vh - 160px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar-slot::-webkit-scrollbar{width:8px}.sidebar-slot::-webkit-scrollbar-thumb{background:#d8dbe0;border-radius:4px}.sidebar-slot::-webkit-scrollbar-thumb:hover{background:#c2c6cc}.sidebar{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sidebar-head{display:none;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--dark);color:#fff;font-weight:800;font-size:14px}.sidebar-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.sidebar-title{padding:16px 18px 10px;font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-collapse-btn{background:none;border:1px solid var(--border);border-radius:6px;font-size:14px;cursor:pointer;color:var(--muted);width:26px;height:26px;line-height:1;flex-shrink:0}.sidebar-collapse-btn:hover{background:var(--bg-soft);color:var(--accent);border-color:var(--accent)}.page-wrap.no-sidebar{grid-template-columns:1fr}.page-wrap.no-sidebar .sidebar-slot{display:none}.sidebar-reopen-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:16px;color:var(--text)}.sidebar-reopen-btn:hover{border-color:var(--accent);color:var(--accent-dark)}@media (max-width:900px){.sidebar-collapse-btn{display:none}}.sidebar-nav{padding:4px 0 10px}.cat-group{border-top:1px solid #f1f2f4}.cat-group:first-child{border-top:none}.cat-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 18px;font-size:13.7px;font-weight:600;color:var(--text)}.cat-group .cat-link{padding:0}.cat-group .cat-link a{flex:1;padding:11px 0 11px 18px}.cat-link:hover,.cat-link a:hover{color:var(--accent)}.cat-link.active,.cat-group.active-cat>.cat-link{background:var(--accent-light);color:var(--accent-dark);border-left:3px solid var(--accent)}.cat-group.active-cat>.cat-link a{color:var(--accent-dark)}.chev-btn{background:none;border:none;cursor:pointer;font-size:11px;color:var(--muted);padding:11px 16px;transition:transform .15s}.cat-group.open .chev-btn{transform:rotate(180deg)}.sub-links{display:none;padding-bottom:6px}.cat-group.open .sub-links{display:block}.sub-link{display:block;padding:8px 18px 8px 44px;font-size:12.8px;color:var(--muted)}.sub-link:hover{color:var(--accent)}.sub-link.active{color:var(--accent-dark);font-weight:700}.plain-link{display:block;padding:11px 18px;font-size:13.7px;font-weight:600;border-top:1px solid #f1f2f4}.plain-link:hover{color:var(--accent)}.sidebar-banner{margin:12px;padding:16px;border-radius:var(--radius-sm);background:var(--dark);color:#fff}.sidebar-banner strong{display:block;font-size:13.5px;margin-bottom:4px}.sidebar-banner p{font-size:12px;color:#c7cdd6}.hero-banner{background:linear-gradient(120deg,#101720 45%,var(--accent-dark));color:#fff;border-radius:var(--radius);padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;position:relative;overflow:hidden}.hero-banner h1{font-size:30px;font-weight:800;max-width:480px;line-height:1.25}.hero-banner p{margin-top:12px;font-size:14.5px;max-width:420px;opacity:.88}.hero-banner .btn{margin-top:20px}.hero-banner .hero-emoji{font-size:150px;opacity:.16;position:absolute;right:20px;bottom:-20px}.mini-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:8px}.mini-banner{border-radius:var(--radius-sm);padding:18px;color:#fff;position:relative;overflow:hidden;min-height:96px;display:flex;flex-direction:column;justify-content:center}.mini-banner h4{font-size:14.5px;font-weight:800}.mini-banner p{font-size:11.8px;opacity:.9;margin-top:4px}.mini-banner .emoji{position:absolute;right:8px;bottom:-8px;font-size:56px;opacity:.25}.mini-banner.mb1{background:#0d1b2a}.mini-banner.mb2{background:var(--accent)}.mini-banner.mb3{background:#3f3f46}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:30px 0 16px}.section-head h2{font-size:19px;font-weight:800;border-left:4px solid var(--accent);padding-left:11px}.section-head a{font-size:12.5px;font-weight:700;color:var(--accent)}.cat-tile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat-tile{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 8px;text-align:center;transition:.15s}.cat-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.cat-tile .ic{font-size:28px;margin-bottom:8px}.cat-tile span{font-size:11.8px;font-weight:700;display:block}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}.feature-box{display:flex;gap:12px;align-items:flex-start;background:var(--bg-soft);border:1px solid var(--border);padding:16px;border-radius:var(--radius-sm)}.feature-box .ic{font-size:24px}.feature-box h4{font-size:13.5px;font-weight:800;margin-bottom:3px}.feature-box p{font-size:11.8px;color:var(--muted)}.brand-strip{display:flex;gap:12px;flex-wrap:wrap}.brand-chip{flex:1;min-width:120px;text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;font-weight:800;letter-spacing:1px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:.15s}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.product-card .badge{position:absolute;top:10px;left:10px;z-index:2}.product-img{height:150px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-size:54px}.product-body{padding:14px;display:flex;flex-direction:column;gap:5px;flex:1}.product-brand{font-size:10.6px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.product-name{font-size:13.6px;font-weight:700;min-height:37px;color:var(--text)}.product-name:hover{color:var(--accent)}.product-rating{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:5px}.stars{color:#f5a623;letter-spacing:1px;font-size:12px}.price-row{margin-top:auto;display:flex;align-items:baseline;gap:8px;padding-top:4px}.old-price{font-size:12px;color:var(--muted);text-decoration:line-through}.price{font-size:17px;font-weight:800;color:var(--accent-dark)}.card-installment{font-size:11.3px;color:var(--muted);font-weight:600}.add-cart-btn{margin-top:8px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state .ic{font-size:56px;margin-bottom:14px}.empty-state h3{font-size:17px;color:var(--text);margin-bottom:6px}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:18px;flex-wrap:wrap}.result-count{font-size:13px;color:var(--muted)}.result-count strong{color:var(--text)}.toolbar-right{display:flex;align-items:center;gap:10px}.sort-select{width:auto;padding:8px 12px;font-size:13px}.mobile-filter-btn{display:none}.filter-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:18px}.filter-title{font-size:13px;font-weight:800;margin-bottom:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.filter-group{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1f2f4}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-group h5{font-size:13px;font-weight:700;margin-bottom:10px}.price-inputs{display:flex;align-items:center;gap:8px}.price-inputs input{width:100%;padding:8px 10px;font-size:13px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px;cursor:pointer;color:var(--text)}.checkbox-item input{width:auto}.load-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:26px}.load-more-count{font-size:12.5px;color:var(--muted);font-weight:600}.load-more-sentinel{height:1px;width:100%}.pagination{display:flex;justify-content:center;gap:6px;margin-top:26px;flex-wrap:wrap}.pagination button{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:#fff;font-weight:700;font-size:13px;cursor:pointer}.pagination button:hover{border-color:var(--accent);color:var(--accent)}.pagination button.active{background:var(--dark);color:#fff;border-color:var(--dark)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.product-detail{display:grid;grid-template-columns:560px 1fr;gap:34px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px}.gallery-main{height:480px;background:var(--bg-soft);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:150px;margin-bottom:12px}.gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap}.gallery-thumbs div{width:76px;height:76px;background:var(--bg-soft);border:2px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer}.gallery-thumbs div.active{border-color:var(--accent)}.detail-info h1{font-size:22px;font-weight:800;margin-bottom:8px;line-height:1.3}.detail-meta{display:flex;gap:16px;font-size:12.5px;color:var(--muted);margin-bottom:14px;flex-wrap:wrap}.detail-meta strong{color:var(--text)}.detail-price-box{background:var(--bg-soft);border-radius:var(--radius-sm);padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.detail-price-box .price{font-size:26px}.detail-price-box .old-price{font-size:15px}.stock-ok{color:#059669;font-weight:700;font-size:12.5px}.stock-low{color:#d97706;font-weight:700;font-size:12.5px}.qty-row{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.qty-stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:24px;overflow:hidden}.qty-stepper button{width:36px;height:38px;background:var(--bg-soft);border:none;font-size:16px;cursor:pointer;font-weight:700}.qty-stepper input{width:48px;text-align:center;border:none;padding:0;height:38px}.qty-stepper input:focus{box-shadow:none}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.tabs{margin-top:30px}.tab-nav{display:flex;gap:4px;border-bottom:2px solid var(--border)}.tab-nav button{padding:12px 18px;font-size:13.5px;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px;background:none;cursor:pointer}.tab-nav button.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.tab-panel{display:none;padding:22px 4px;font-size:13.8px;color:var(--text);line-height:1.8}.tab-panel.active{display:block}.specs-table{width:100%;border-collapse:collapse}.specs-table tr{border-bottom:1px solid #f1f2f4}.specs-table td{padding:10px 6px;font-size:13.3px}.specs-table td:first-child{color:var(--muted);width:42%;font-weight:600}.installment-hint{font-size:12.5px;margin-top:-6px;margin-bottom:2px}.installment-hint a{color:var(--accent-dark);font-weight:700}.installment-hint a:hover{text-decoration:underline}.payment-options{display:flex;flex-direction:column;gap:16px}.payment-block{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px}.payment-block-head{font-size:14px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.payment-block p{font-size:12.3px;color:var(--muted);margin-top:12px;line-height:1.6}.payment-cash{background:var(--accent-light);border-color:#f4c9a4;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.payment-cash .payment-block-head{margin-bottom:0}.payment-cash-price{font-size:26px;font-weight:800;color:var(--accent-dark);white-space:nowrap}.payment-cash p{width:100%;margin-top:2px}.payment-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.payment-table{width:100%;min-width:380px;border-collapse:collapse;table-layout:fixed}.payment-table col.col-label{width:34%}.payment-table col.col-monthly,.payment-table col.col-total{width:33%}.payment-table th{text-align:right;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;padding:0 4px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.payment-table th:first-child,.payment-table td:first-child{text-align:left}.payment-table td{font-size:13.5px;padding:10px 4px;border-bottom:1px solid #ecedf0;text-align:right;white-space:nowrap}.payment-table tr:last-child td{border-bottom:none}.payment-table td:first-child{font-weight:700;color:var(--text)}@media (max-width:520px){.payment-cash{flex-direction:column;align-items:flex-start;gap:8px}.payment-table{font-size:12.5px}}.payment-method-box{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.payment-method-box h4{font-size:13.5px;font-weight:800;margin-bottom:10px}.pm-option{display:block;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;cursor:pointer;font-size:13px;font-weight:600}.pm-option.selected{border-color:var(--accent);background:var(--accent-light)}.pm-option input{width:auto;margin-right:8px}.pm-sub-select{margin-top:8px;width:100%;padding:8px 10px;font-size:12.8px}.summary-row.diff-pos span:last-child{color:#dc2626}.summary-row.diff-neg span:last-child{color:#059669}.cart-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.cart-table-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cart-row{display:grid;grid-template-columns:64px 1fr auto auto auto;gap:14px;align-items:center;padding:16px;border-bottom:1px solid #f1f2f4}.cart-row:last-child{border-bottom:none}.cart-thumb{width:64px;height:64px;background:var(--bg-soft);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:30px}.cart-item-name{font-size:13.8px;font-weight:700}.cart-item-brand{font-size:11.5px;color:var(--muted);margin-top:2px}.cart-price{font-weight:800;color:var(--accent-dark);font-size:14.5px;white-space:nowrap}.remove-btn{background:none;border:none;color:#dc2626;font-size:18px;cursor:pointer}.summary-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:sticky;top:140px}.summary-box h3{font-size:15.5px;font-weight:800;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:10px;color:var(--muted)}.summary-row.total{border-top:1px solid var(--border);padding-top:12px;margin-top:6px;font-size:16px;font-weight:800;color:var(--text)}.summary-row.total span:last-child{color:var(--accent-dark)}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:960px;margin:30px auto;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}.auth-promo{background:linear-gradient(150deg,#101720,var(--accent-dark));color:#fff;padding:44px 38px}.auth-promo h2{font-size:23px;font-weight:800;margin-bottom:14px;line-height:1.3}.auth-promo ul{margin-top:18px;display:flex;flex-direction:column;gap:12px}.auth-promo ul li{font-size:13.5px;display:flex;gap:10px;align-items:flex-start;opacity:.94}.auth-card{background:#fff;padding:44px 38px}.auth-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:22px}.auth-tabs button{flex:1;padding:12px;font-size:13.5px;font-weight:800;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px;background:none;cursor:pointer}.auth-tabs button.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.auth-panel{display:none}.auth-panel.active{display:block}.auth-links{display:flex;justify-content:space-between;font-size:12.5px;margin-top:14px}.auth-links a{color:var(--accent-dark);font-weight:700}.form-cols-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}footer{background:#0e1319;color:#9aa2ad;font-size:13px;margin-top:20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.3fr;gap:24px;padding:44px 0 28px}.footer-grid h5{color:#fff;font-size:14px;margin-bottom:14px;font-weight:800}.footer-grid ul li{margin-bottom:9px}.footer-grid ul li a:hover{color:var(--accent)}.footer-about p{color:#8a919c;margin-bottom:14px}.footer-social{display:flex;gap:10px}.footer-social a{width:32px;height:32px;border-radius:50%;background:#1c232c;display:flex;align-items:center;justify-content:center}.footer-social a:hover{background:var(--accent)}.footer-contact li{display:flex;gap:8px;align-items:flex-start}.footer-bottom{border-top:1px solid #202730;padding:16px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px}.payment-icons{display:flex;gap:8px}.payment-icons span{background:#1c232c;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.fixed-btns{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:12px;z-index:400}#root>.fixed-btns{width:auto}.fixed-btns a,.fixed-btns button{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;box-shadow:0 6px 16px #00000040;border:none;cursor:pointer}.fixed-btns .whatsapp{background:var(--whatsapp)}.fixed-btns .totop{background:var(--dark);display:none}.fixed-btns .totop.show{display:flex}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--dark);color:#fff;padding:13px 22px;border-radius:24px;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:.25s;z-index:600;display:flex;align-items:center;gap:8px}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}.cat-tile-grid{grid-template-columns:repeat(4,1fr)}.feature-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.product-detail{grid-template-columns:440px 1fr}.gallery-main{height:400px}}@media (max-width:900px){.page-wrap{grid-template-columns:1fr}.sidebar-slot{position:static;max-height:none;overflow:visible}.sidebar{position:fixed;top:0;bottom:0;left:-300px;width:280px;border-radius:0;z-index:600;transition:left .25s ease;overflow-y:auto;height:100vh}.sidebar.open{left:0;box-shadow:0 0 40px #00000059}.sidebar-head{display:flex}.sidebar-title{display:none}.hamburger-btn{display:block}.mobile-filter-btn{display:inline-flex}.filter-box{display:none}.filter-box.open{display:block}.cart-layout,.product-detail{grid-template-columns:1fr}.gallery-main{height:440px}.auth-wrap{grid-template-columns:1fr}.auth-promo{order:2}}@media (max-width:720px){.topbar{display:none}.header-main{flex-wrap:wrap;padding:12px 16px}.search-form{order:3;flex-basis:100%;max-width:none;margin-top:8px}.header-actions{gap:14px}.header-actions .action span:last-of-type{display:none}.header-actions .action{min-width:auto}.hero-banner{padding:30px 22px;flex-direction:column;align-items:flex-start}.hero-banner h1{font-size:23px}.hero-banner .hero-emoji{font-size:90px}.mini-banners{grid-template-columns:1fr}.cat-tile-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-strip{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;padding:30px 0 20px}.footer-about{grid-column:1/-1}.cart-row{grid-template-columns:52px 1fr;grid-template-areas:"thumb name" "thumb price" "thumb qty";row-gap:6px}.cart-thumb{grid-area:thumb}.list-toolbar{flex-direction:column;align-items:stretch}.toolbar-right{justify-content:space-between}.product-detail{padding:16px;gap:20px}.gallery-main{height:300px;font-size:110px}.gallery-thumbs div{width:64px;height:64px}}:root{--maxw:none}@media (min-width:1500px){.product-grid{grid-template-columns:repeat(5,1fr)}.cat-tile-grid{grid-template-columns:repeat(8,1fr)}}@media (min-width:1800px){.product-grid{grid-template-columns:repeat(6,1fr)}}.topbar{background:var(--topbar-bg, var(--dark));color:var(--topbar-fg, #c7cdd6)}.topbar a{color:var(--topbar-fg, #c7cdd6)}.fx-ticker{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12.5px}.topbar-links{margin-left:auto;align-items:center}.fx-item{display:inline-flex;align-items:center;gap:6px;padding:1px 9px 1px 2px;border:1px solid currentColor;border-radius:999px}.fx-code{font-weight:800;letter-spacing:.3px;padding:0 6px;border-radius:999px;background:var(--topbar-fg, #c7cdd6);color:var(--topbar-bg, var(--dark))}.fx-val{font-weight:700;font-variant-numeric:tabular-nums}.fx-src{font-size:11px;opacity:.75}@media (max-width:720px){.topbar:has(.fx-ticker){display:block}.topbar:has(.fx-ticker) .topbar-inner{justify-content:center}.topbar .topbar-text,.topbar .topbar-links{display:none}.fx-item:nth-child(n+3){display:none}.fx-src{display:none}}.main-nav{background:var(--nav-bg, var(--dark))}.main-nav-inner a{color:var(--nav-fg, #d7dbe1)}.main-nav-inner a:hover,.main-nav-inner a.active{color:var(--nav-fg-active, #fff)}.main-nav{position:relative}.nav-dd{display:flex}.nav-dd-trigger{padding:13px 18px;font:inherit;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;background:none;border:none;border-bottom:3px solid transparent;color:var(--nav-fg, #d7dbe1)}.nav-dd-trigger:hover,.nav-dd-trigger.active,.nav-dd-trigger[aria-expanded=true]{color:var(--nav-fg-active, #fff);border-bottom-color:var(--accent);background:#ffffff0a}.nav-dd-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-dd-caret{font-size:10px;margin-left:4px;display:inline-block;transition:transform .15s}.nav-dd-trigger[aria-expanded=true] .nav-dd-caret{transform:rotate(180deg)}.brands-panel{position:absolute;left:0;right:0;top:100%;z-index:600;background:#fff;border-bottom:3px solid var(--accent);box-shadow:var(--shadow-md);padding:18px 0 20px;max-height:min(60vh,460px);overflow-y:auto}.brands-grid{list-style:none;margin:0;padding:0;display:grid;gap:2px 16px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.brands-grid a{display:block;padding:7px 10px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brands-grid a:hover,.brands-grid a:focus-visible{background:var(--accent-light);color:var(--accent-dark);outline:none}.brands-empty{font-size:13px;color:var(--muted)}@media (max-width:640px){.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}footer{background:var(--footer-bg, #0e1319);color:var(--footer-fg, #9aa2ad)}.footer-grid h5{color:var(--footer-heading, #fff)}.footer-about p{color:var(--footer-fg, #8a919c)}.logo-img{height:var(--logo-h,58px);width:auto;display:block}.logo .logo-text{line-height:1.1}.user-menu{position:relative}.user-menu-panel{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:210px;padding:10px 0;z-index:700}.user-menu-panel .um-head{padding:6px 16px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.user-menu-panel .um-name{font-weight:800;font-size:13.5px;color:var(--text)}.user-menu-panel .um-dealer{font-size:11.8px;color:var(--muted)}.user-menu-panel button,.user-menu-panel a{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 16px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.user-menu-panel button:hover,.user-menu-panel a:hover{background:var(--bg-soft);color:var(--accent-dark)}.product-img img{width:100%;height:100%;object-fit:contain}.gallery-main img{max-width:100%;max-height:100%;object-fit:contain}.gallery-thumbs div img{width:100%;height:100%;object-fit:contain;border-radius:4px}.cart-thumb img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-sm)}.stock-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:3px 9px;border-radius:12px;letter-spacing:.3px}.stock-badge.in{background:#d1fae5;color:#047857}.stock-badge.out{background:#fee2e2;color:#b91c1c}.product-card .stock-badge{position:absolute;top:10px;right:10px;z-index:2}.price-list{margin-top:auto;display:flex;flex-direction:column;gap:3px;padding-top:6px;border-top:1px dashed var(--border)}.price-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12.6px}.price-line .pl-type{color:var(--muted);font-weight:700;font-size:11.3px;text-transform:uppercase;letter-spacing:.4px}.price-line .pl-val{font-weight:800;color:var(--text);white-space:nowrap}.price-line .pl-old{font-size:11px;color:var(--muted);text-decoration:line-through;margin-right:6px;font-weight:600}.price-line.primary .pl-val{color:var(--accent-dark);font-size:16px}.price-line .pl-disc{font-size:10.3px;font-weight:800;color:#059669;background:#d1fae5;border-radius:4px;padding:1px 5px;margin-left:6px}.price-line:has(.pl-fx){flex-wrap:wrap;row-gap:4px}.price-line .pl-fx{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--accent-light);border:1px solid var(--accent);border-radius:6px;padding:4px 8px;color:var(--accent-dark);white-space:nowrap}.price-line .pl-fx-amt{font-size:13.5px;font-weight:800}.price-line .pl-fx-rate{font-size:11.5px;font-weight:700}.price-empty{font-size:12px;color:var(--muted);padding-top:6px;margin-top:auto}.detail-prices{width:100%;border-collapse:collapse;margin-bottom:16px;background:var(--bg-soft);border-radius:var(--radius-sm);overflow:hidden}.detail-prices td,.detail-prices th{padding:10px 14px;font-size:13.5px;text-align:left;border-bottom:1px solid #ecedf0}.detail-prices tr:last-child td{border-bottom:none}.detail-prices th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.detail-prices .dp-type{font-weight:800}.detail-prices .dp-old{color:var(--muted);text-decoration:line-through;font-size:12.5px}.detail-prices .dp-net{font-weight:800;color:var(--accent-dark);font-size:16px;white-space:nowrap}.detail-prices .dp-disc{font-size:11px;font-weight:800;color:#059669}.detail-prices .dp-fx{font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap}.detail-prices-wrap{overflow-x:auto;margin-bottom:16px}.detail-prices-wrap .detail-prices{margin-bottom:0}.detail-fx-note{font-size:11.8px;color:var(--muted);margin:-8px 0 16px}.qty-hint{font-size:11.8px;color:var(--muted)}.pl-vatflag{font-size:9.5px;font-weight:800;color:var(--muted);letter-spacing:.2px;text-transform:none}.detail-prices .dp-vat{font-size:12px;font-weight:700;color:var(--muted)}.cart-table-wrap{overflow-x:auto}.cart-tbl{width:100%;min-width:760px;border-collapse:collapse}.cart-tbl th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;text-align:left;padding:12px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg-soft)}.cart-tbl td{padding:12px;border-bottom:1px solid #f1f2f4;vertical-align:middle;font-size:13.5px}.cart-tbl tr:last-child td{border-bottom:none}.cart-tbl .ct-num{text-align:right;white-space:nowrap}.cart-tbl .ct-center{text-align:center}.cart-tbl .ct-prod{display:flex;align-items:center;gap:12px;min-width:220px}.cart-tbl .qty-stepper{display:inline-flex}@media (max-width:720px){.cart-table-wrap{overflow-x:visible;background:transparent;border:none}.cart-tbl{min-width:0}.cart-tbl thead{display:none}.cart-tbl,.cart-tbl tbody{display:block;width:100%}.cart-tbl tr{display:block;position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:6px 0}.cart-tbl td{display:block;width:100%;border:none;padding:7px 14px}.cart-tbl td[data-label]{display:flex;align-items:center;justify-content:space-between;gap:10px}.cart-tbl td[data-label]:before{content:attr(data-label);font-size:10.6px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.cart-tbl .ct-prod{min-width:0;padding-right:36px}.cart-tbl td.ct-remove{position:absolute;top:6px;right:6px;width:auto;padding:0}.cart-tbl td.ct-remove .remove-btn{width:32px;height:32px}}.cart-alt-totals{border-top:1px dashed var(--border);margin-top:10px;padding-top:10px}.joi-mini{font-size:10.5px;color:var(--muted);font-weight:600}.portal-loading{padding:60px 20px;text-align:center;color:var(--muted);font-weight:600}.portal-loading:before{content:"";display:block;width:34px;height:34px;margin:0 auto 12px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:portal-spin .8s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}.hero-slider{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:24px;height:clamp(630px,calc((100vw - 340px)*.4),900px)}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;pointer-events:none;overflow:hidden;background:linear-gradient(120deg,#101720 45%,var(--accent-dark));background-size:cover;background-position:center}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide.fit-contain{background:#11161d}.hero-slide-bg{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background-size:cover;background-position:center;filter:blur(40px) saturate(1.15) brightness(.8);transform:translateZ(0)}.hero-slide-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-position:center;background-repeat:no-repeat}.hero-slide-overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;gap:12px;padding:44px 48px 58px;color:#fff}.hero-slide-overlay p{font-size:14.5px;max-width:560px;text-shadow:0 1px 6px rgba(0,0,0,.55)}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#12181f59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;padding-bottom:3px;box-shadow:0 4px 14px #00000038;transition:opacity .2s,background .15s,transform .15s}.hero-nav:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-50%) scale(1.08)}.hero-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-nav.prev{left:18px}.hero-nav.next{right:18px}@media (hover:hover){.hero-nav{opacity:0}.hero-slider:hover .hero-nav,.hero-nav:focus-visible{opacity:1}}.hero-dots{position:absolute;left:50%;transform:translate(-50%);bottom:16px;display:flex;align-items:center;gap:7px;z-index:3;background:#12181f4d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:14px;padding:7px 12px}.hero-dots button{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff8c;cursor:pointer;padding:0;transition:.2s}.hero-dots button:hover{background:#fff}.hero-dots button.active{background:var(--accent);width:26px;border-radius:5px}@media (max-width:720px){.hero-slide-overlay{padding:26px 22px 52px}.hero-slide-overlay h1{font-size:22px}.hero-slider{height:495px}.hero-nav{display:none}}.quick-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:20px;font-size:12.8px;font-weight:700;border:1px solid var(--border);background:#fff;color:var(--text);cursor:pointer;transition:.15s;white-space:nowrap}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip:disabled{opacity:.45;cursor:not-allowed}.filter-search{display:flex;gap:6px}.filter-search input{flex:1;padding:8px 10px;font-size:13px;min-width:0}.brand-check-list{max-height:220px;overflow-y:auto;padding-right:4px}.gallery-main.zoomable{cursor:zoom-in;position:relative;overflow:hidden}.gallery-main.zoomable img{transition:transform .15s ease}.gallery-main.zoomable:hover img{transform:scale(2)}.zoom-hint{position:absolute;left:10px;bottom:10px;background:#12181fb8;color:#fff;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:12px;pointer-events:none;opacity:.9}.gallery-main.zoomable:hover .zoom-hint{opacity:0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e14e0;z-index:800;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:8px;background:#fff;padding:10px;cursor:default}.lb-close{position:absolute;top:18px;right:22px;width:42px;height:42px;border-radius:50%;border:none;background:#ffffff24;color:#fff;font-size:19px;cursor:pointer}.lb-close:hover{background:var(--accent)}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:none;background:#ffffff29;color:#fff;font-size:26px;cursor:pointer;display:flex;align-items:center;justify-content:center}.lb-nav:hover{background:var(--accent)}.lb-nav.prev{left:20px}.lb-nav.next{right:20px}.auth-page{min-height:100vh;padding:48px 0 64px;display:flex;align-items:center;background:radial-gradient(1100px 480px at 85% -10%,var(--accent-light),transparent 60%),radial-gradient(900px 420px at -10% 110%,#e8edf5,transparent 55%),var(--bg-soft)}.auth-page .container{width:100%}.auth-page .auth-wrap{margin:0 auto;box-shadow:0 24px 64px #1118272e}.auth-promo{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.auth-promo:after{content:"🧰";position:absolute;right:-10px;bottom:-16px;font-size:140px;opacity:.12;pointer-events:none}.auth-promo p{font-size:13.5px;opacity:.9;line-height:1.6}.auth-promo-logo{display:inline-flex;align-self:flex-start;background:#fff;border-radius:12px;padding:8px 14px;margin-bottom:18px;box-shadow:0 6px 18px #00000040}.auth-promo-logo img{height:44px;display:block}.auth-promo ul li .li-ic{width:26px;height:26px;border-radius:50%;background:#ffffff24;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.auth-card{display:flex;flex-direction:column;justify-content:center}.auth-title-lg{font-size:22px;font-weight:800;color:var(--text)}.auth-sub{font-size:12.8px;color:var(--muted);margin:2px 0 20px}.captcha-row{display:flex;align-items:stretch;gap:8px}.captcha-row .captcha-img{height:48px;min-width:150px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.captcha-row .captcha-img img{height:100%;display:block}.captcha-row .captcha-wait{color:var(--muted);font-weight:700}.captcha-refresh{width:42px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:19px;color:var(--muted);flex-shrink:0}.captcha-refresh:hover{color:var(--accent);border-color:var(--accent)}.captcha-row input{flex:1;min-width:90px;text-transform:uppercase;letter-spacing:3px;font-weight:800;text-align:center}@media (max-width:900px){.auth-page{padding:20px 0 40px;align-items:flex-start}}.auth-single{max-width:460px;margin:40px auto}.auth-single .auth-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.auth-error{background:#fee2e2;color:#b91c1c;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:14px}.auth-info{background:#e0f2fe;color:#0369a1;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:14px}.auth-warning{background:#fef3c7;color:#92400e;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:14px}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}.auth-logo img{height:46px}.auth-logo .al-title{font-weight:800;font-size:19px;color:var(--text)}.auth-logo .al-sub{font-size:11.5px;color:var(--muted);font-weight:600;letter-spacing:.6px}.guest-form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;grid-column:1;scroll-margin-top:140px}.guest-form-card .guest-form{border-top:none;margin-top:0;padding-top:0}.guest-form-card .guest-form h4{font-size:16px}.guest-actions{display:flex;gap:10px;margin-top:4px}.guest-actions .btn{min-width:160px}@media (max-width:520px){.guest-actions{flex-direction:column}.guest-actions .btn{min-width:0;width:100%}}.guest-form{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.guest-form h4{font-size:14px;font-weight:800;margin-bottom:12px}.guest-form .form-row{margin-bottom:12px}.guest-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;width:100%;outline:none;resize:vertical;font-family:inherit;font-size:13.5px}.guest-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.guest-form-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:520px){.guest-form-cols{grid-template-columns:1fr}}.guest-invoice{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin:10px 0 12px}.account-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-bottom:8px}@media (max-width:560px){.account-cards{grid-template-columns:1fr}}.account-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:box-shadow .18s,transform .18s}.account-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.account-card .ac-ic{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:10px;background:var(--bg-soft);color:var(--muted)}.account-card.is-debt .ac-ic{background:#fee2e2;color:#b91c1c}.account-card.is-credit .ac-ic{background:#d1fae5;color:#047857}.account-card.is-report .ac-ic{background:var(--accent-light);color:var(--accent-dark)}.account-card .ac-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.account-card .ac-value{font-size:22px;font-weight:800;color:var(--text)}.account-card .ac-value.ac-debit{color:#dc2626}.account-card .ac-value.ac-credit{color:#059669}.account-card .ac-sub{font-size:12px;color:var(--muted);margin-top:4px}.acc-refresh{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:7px 15px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:.15s}.acc-refresh:hover{color:var(--accent-dark);border-color:var(--accent);background:var(--accent-light);box-shadow:0 4px 12px #11182714;transform:translateY(-1px)}.acc-refresh:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-light)}.order-ref{font-size:11px;color:var(--muted);margin-top:3px;white-space:nowrap}.order-chip{display:inline-block;font-size:11px;font-weight:800;padding:3px 10px;border-radius:12px}.order-chip.st-new{background:#e0f2fe;color:#0369a1}.order-chip.st-done{background:#d1fae5;color:#047857}.order-chip.st-cancelled{background:#fee2e2;color:#b91c1c}.orders-tbl{min-width:640px}.order-detail-row>td{background:var(--bg-soft)}.order-detail{padding:6px 4px}.order-items{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm)}.order-items th{font-size:10.8px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}.order-items td{padding:9px 10px;border-bottom:1px solid #f1f2f4;font-size:13px}.order-items tfoot td{border-bottom:none}.order-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12.6px;color:var(--muted);margin-top:10px}.joi-muted-note{font-size:12px;color:var(--muted);font-weight:500}.mono{font-family:Consolas,Menlo,monospace}.cart-note{background:var(--accent-light);border:1px solid #f4c9a4;border-radius:var(--radius-sm);padding:12px 16px;font-size:12.8px;color:var(--accent-dark);font-weight:600;margin-top:14px}.order-chip.st-invoiced{background:#ede9fe;color:#6d28d9}.order-chip.st-partial{background:#fef3c7;color:#b45309}.report-controls{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:18px;display:flex;flex-direction:column;gap:14px}.report-tabs{display:inline-flex;align-self:flex-start;background:var(--bg-soft);border:1px solid var(--border);border-radius:22px;padding:4px;gap:4px}.report-tabs button{border:none;background:none;border-radius:18px;padding:8px 18px;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:.15s}.report-tabs button:hover{color:var(--accent-dark)}.report-tabs button.active{background:linear-gradient(180deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 2px 8px var(--accent-glow-soft)}.report-tabs button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-light)}.report-range{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;border-top:1px dashed var(--border);padding-top:14px}.report-range .rf{display:flex;flex-direction:column;gap:5px}.report-range label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.report-range input[type=date],.report-range select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 11px;font-family:inherit;font-size:13px;background:#fff;transition:.15s}.report-range select{min-width:160px;max-width:230px}.report-range input[type=date]:focus,.report-range select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.report-range .rf-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}@media (max-width:720px){.report-range .rf{flex:1 1 150px}.report-range .rf-actions{margin-left:0;width:100%}.report-range .rf-actions .btn{flex:1 1 auto}}.report-wrap{overflow-x:auto}.report-tbl{width:100%;border-collapse:collapse;min-width:720px}.report-tbl th{font-size:10.8px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-soft);white-space:nowrap}.report-tbl td{padding:9px 12px;border-bottom:1px solid #f1f2f4;font-size:13px;vertical-align:top}.report-tbl .ct-num{text-align:right;white-space:nowrap}.report-tbl tbody tr:hover{background:#fafbfc}.report-tbl tfoot td{border-top:2px solid var(--border);border-bottom:none;background:var(--bg-soft)}.report-opening td{background:#f8f9fb;font-style:italic;color:var(--muted)}.report-note{margin-top:12px}.account-card .ac-actions{display:flex;gap:8px;flex-wrap:wrap;margin:auto 0 0;padding-top:12px;border-top:1px dashed var(--border)}.account-card .ac-actions .btn{flex:1 1 auto}.print-head{display:none}@media print{.topbar,.site-header,footer,.breadcrumb,.report-controls,.report-note{display:none!important}.print-head{display:block;margin-bottom:12px}.print-head h2{font-size:18px;margin-bottom:4px}.print-head div{font-size:12px;color:#333}.page-wrap-full{padding:0;max-width:none}.report-wrap{overflow:visible;border:none}.report-tbl{min-width:0}.report-tbl th{background:#eee;color:#000}body{background:#fff;zoom:1}}.balance-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:none;padding:2px 8px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;line-height:1.15;color:var(--text);transition:background .15s}.balance-chip:hover{background:var(--bg-soft)}.balance-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-light)}.balance-chip .bc-amount{font-size:15px;font-weight:800;letter-spacing:-.3px;white-space:nowrap;font-variant-numeric:tabular-nums}.balance-chip .bc-label{font-size:10.5px;font-weight:700;color:var(--muted);white-space:nowrap}.balance-chip.is-debt .bc-amount{color:#b91c1c}.balance-chip.is-credit .bc-amount{color:#047857}.balance-menu{position:relative}.header-actions>*:has(>.balance-panel){position:relative}.balance-panel{position:absolute;right:0;top:calc(100% + 10px);width:300px;max-width:calc(100vw - 28px);background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:14px 16px;text-align:left;z-index:700}.balance-panel .bp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:9px;margin-bottom:8px}.balance-panel .bp-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;padding:4px 0}.balance-panel .bp-row>span{color:var(--muted)}.balance-panel .bp-row b{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.balance-panel .bp-row.is-strong{border-top:1px dashed var(--border);margin-top:6px;padding-top:9px}.balance-panel .bp-row.is-strong b{font-size:17px;color:var(--accent-dark)}.balance-panel .bp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.balance-panel .bp-actions .btn{flex:1 1 auto}.balance-panel .bp-list{list-style:none;margin:12px -16px 0;padding:9px 16px 0;border-top:1px dashed var(--border);max-height:232px;overflow-y:auto}.balance-panel .bp-item{display:flex;align-items:center;gap:8px;font-size:12.4px;padding:7px 0;border-bottom:1px solid #f4f5f7}.balance-panel .bp-item:last-child{border-bottom:none}.balance-panel .bp-item>*{flex:0 0 auto;white-space:nowrap}.balance-panel .bp-item>:first-child{color:var(--muted)}.balance-panel .bp-item b,.balance-panel .bp-item strong{font-weight:800;font-variant-numeric:tabular-nums}.balance-panel .bp-item>.pay-status{flex:0 1 auto;margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.balance-panel .bp-empty{font-size:12.3px;color:var(--muted);text-align:center;padding:12px 0 4px}.balance-panel .bp-note{font-size:11.5px;color:var(--muted);line-height:1.5;margin-top:10px;padding-top:9px;border-top:1px dashed var(--border)}.balance-panel .bp-err{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:9px 12px;font-size:12.3px;font-weight:600;margin-top:10px}.pay-status{display:inline-block;font-size:11px;font-weight:800;padding:3px 9px;border-radius:12px;letter-spacing:.2px;line-height:1.5;white-space:nowrap;background:var(--bg-soft);color:var(--muted)}.pay-status.st-captured{background:#d1fae5;color:#047857}.pay-status.st-failed{background:#fee2e2;color:#b91c1c}.pay-status.st-pending{background:#f3f4f6;color:#4b5563}.pay-status.st-auth3d{background:#fef3c7;color:#b45309}.pay-status.st-refunded{background:#e0f2fe;color:#0369a1}.pay-status.st-partrefund{background:#e0f2fe;color:#0369a1;box-shadow:inset 0 0 0 1px #7dd3fc}.pay-status.st-voided{background:#e5e7eb;color:#6b7280}.mypay-tbl{min-width:900px}.mypay-tbl .mp-num,.mypay-tbl .ct-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.mypay-tbl .mp-center,.mypay-tbl .ct-center{text-align:center}.mypay-tbl .mp-err{color:#b91c1c;font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mypay-tbl .mp-mono{font-family:Consolas,Menlo,monospace;font-size:12.3px}.mypay-tbl .mp-dash{color:var(--muted)}@media (max-width:720px){.orders-tbl,.mypay-tbl{min-width:0}.mypay-tbl .mp-err{max-width:none;white-space:normal}}.header-actions .pay-cta{padding:9px 14px;font-size:13px;border-radius:var(--radius-sm);flex-shrink:0;line-height:1}.header-actions .pay-cta .ic{font-size:15px;line-height:1}.header-actions .pay-cta:hover{transform:none}@media (max-width:900px){.balance-chip{max-width:132px;padding:2px 6px}.balance-chip .bc-amount{overflow:hidden;text-overflow:ellipsis;max-width:100%}.header-actions .pay-cta{padding:8px 11px;font-size:12.5px}}@media (max-width:720px){.logo-img{height:min(var(--logo-h,58px),44px)}.balance-chip{max-width:112px}.balance-chip .bc-label{display:none}.balance-chip .bc-amount{font-size:13.5px}.header-actions .pay-cta{padding:8px 10px}.header-actions .pay-cta .pc-text{display:none}.header-actions .pay-cta .ic{font-size:17px}}.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e1480;z-index:900;animation:cd-fade .18s ease-out}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100%;z-index:901;background:#fff;box-shadow:-8px 0 28px #0a0e142e;display:flex;flex-direction:column;animation:cd-slide .22s ease-out}@keyframes cd-fade{0%{opacity:0}to{opacity:1}}@keyframes cd-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.cart-drawer,.cart-drawer-overlay{animation:none}}.cart-drawer .cd-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--border)}.cart-drawer .cd-head h3{margin:0;font-size:16px;font-weight:800;display:flex;align-items:baseline;gap:8px}.cart-drawer .cd-count{font-size:12px;font-weight:700;color:var(--muted)}.cart-drawer .cd-close{background:none;border:none;font-size:17px;line-height:1;cursor:pointer;color:var(--muted);padding:6px 8px;border-radius:var(--radius-sm)}.cart-drawer .cd-close:hover{background:var(--bg-soft);color:var(--text)}.cart-drawer .cd-lines{flex:1 1 auto;overflow-y:auto;padding:6px 18px}.cart-drawer .cd-line{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #f1f2f4}.cart-drawer .cd-line:last-child{border-bottom:none}.cart-drawer .cd-thumb{flex:0 0 62px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;font-size:22px;overflow:hidden}.cart-drawer .cd-thumb img{width:100%;height:100%;object-fit:contain}.cart-drawer .cd-info{flex:1 1 auto;min-width:0}.cart-drawer .cd-name{font-weight:700;font-size:13.5px;color:var(--text);line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-drawer .cd-name:hover{color:var(--accent-dark)}.cart-drawer .cd-code,.cart-drawer .cd-unit{font-size:11.5px;color:var(--muted);margin-top:2px}.cart-drawer .cd-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.cart-drawer .qty-stepper button{width:30px;height:32px;font-size:15px}.cart-drawer .qty-stepper input{width:40px;height:32px;font-size:13px}.cart-drawer .cd-remove{flex:0 0 auto;align-self:flex-start;background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm)}.cart-drawer .cd-remove:hover{background:#fee2e2;color:#b91c1c}.cart-drawer .cd-foot{flex:0 0 auto;border-top:1px solid var(--border);padding:14px 18px 16px;background:var(--bg-soft)}.cart-drawer .cd-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.cart-drawer .cd-empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 18px;text-align:center;color:var(--muted)}.cart-drawer .cd-empty .ic{font-size:38px}.header-actions .cart-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;line-height:inherit}.cart-pending{margin-top:12px;padding:12px 14px;border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fcd34d;text-align:left}.cart-pending .cp-title{font-weight:800;font-size:13px;color:#92400e;margin-bottom:6px}.cart-pending .cp-body{font-size:13px;color:var(--text)}.cart-pending .cp-note{font-size:11.8px;color:var(--muted);margin-top:6px;line-height:1.5}.cart-pending .cp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cart-pending .cp-actions .btn{flex:1 1 auto}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{min-width:0}.pc-head{padding:12px 12px 6px;display:flex;flex-direction:column;gap:3px}.pc-code{text-align:center;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name.pc-name{font-weight:800;font-size:13.4px;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.pc-media{position:relative}.pc-media .product-img{height:170px}.product-card .product-body{padding:8px 10px 12px;gap:8px}.pc-table{width:100%;border-collapse:collapse;font-size:12.2px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pc-table tr:nth-child(odd){background:var(--bg-soft)}.pc-table th{text-align:left;font-weight:600;color:var(--muted);padding:5px 6px;white-space:nowrap;vertical-align:top}.pc-table td{text-align:right;font-weight:700;color:var(--text);padding:5px 6px;overflow-wrap:anywhere}.pc-table td.price-empty{text-align:center;font-weight:600;color:var(--muted);padding:8px 6px}.price-login{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px}.price-login:hover{color:var(--accent-dark)}.pc-desc{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.pc-desc .qty-hint{font-size:10.8px;font-weight:600}.pc-money{font-weight:800;white-space:nowrap}.pc-net .pc-money{color:var(--accent-dark)}.pc-disc-badge{font-size:10.5px;font-weight:800;color:#047857;background:#d1fae5;border-radius:4px;padding:1px 6px;white-space:nowrap}.pc-tl-val{display:block;font-size:15px;font-weight:800;color:var(--accent-dark);white-space:nowrap}.pc-rate{display:block;font-size:10.5px;font-weight:600;color:var(--muted);white-space:nowrap}.pc-table .pl-vatflag{margin-left:4px}.pc-brand-logo{max-height:22px;max-width:96px;object-fit:contain;vertical-align:middle}.pc-summary{font-size:11.5px;font-weight:600;color:var(--muted);text-align:center}.pc-buy{display:flex;align-items:center;gap:8px;margin-top:auto;min-width:0}.pc-buy .qty-stepper{flex-shrink:0}.pc-buy .qty-stepper button{width:28px;height:34px;font-size:15px}.pc-buy .qty-stepper button:disabled{cursor:not-allowed;opacity:.5}.pc-buy .qty-stepper input{width:40px;height:34px;font-size:13px;-moz-appearance:textfield}.pc-buy .qty-stepper input::-webkit-outer-spin-button,.pc-buy .qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pc-buy .add-cart-btn{flex:1;min-width:0;margin-top:0;padding-left:8px;padding-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card .pc-buy{flex-wrap:wrap}.product-card .pc-buy .qty-stepper{flex:1 0 auto;justify-content:space-between}.product-card .pc-buy .add-cart-btn{flex:1 1 110px}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#fff;flex-shrink:0}.view-toggle button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:34px;border:none;background:transparent;color:var(--muted);cursor:pointer}.view-toggle button+button{border-left:1px solid var(--border)}.view-toggle button svg{fill:currentColor}.view-toggle button:hover{color:var(--text);background:var(--bg-soft)}.view-toggle button.active{background:var(--accent-light);color:var(--accent-dark)}.view-toggle button:focus-visible{outline:2px solid var(--accent-dark);outline-offset:-2px}.product-list{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.plist-row{display:grid;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border);grid-template-columns:56px minmax(0,2.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) 92px 220px}.plist-row:last-child{border-bottom:none}.plist-row:nth-child(odd):not(.plist-head){background:var(--bg-soft)}.plist-head{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;background:#fff;padding-top:10px;padding-bottom:10px}.plist-head .pl-c-price{text-align:right}.pl-c-thumb{width:56px;height:56px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:24px;overflow:hidden}.plist-head .pl-c-thumb{border:none;height:auto;background:transparent}.pl-c-thumb img{width:100%;height:100%;object-fit:contain}.pl-c-main{min-width:0;display:flex;flex-direction:column;gap:2px}.pl-code{font-size:11px;font-weight:800;color:var(--muted);display:flex;align-items:center;gap:6px}.pl-code .badge{position:static;font-size:9.5px;padding:1px 6px}.pl-name{font-weight:700;font-size:13.2px;color:var(--text);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-name:hover{color:var(--accent-dark)}.pl-c-main .pc-summary{text-align:left}.pl-c-brand{min-width:0;font-size:12.5px;font-weight:700;overflow-wrap:anywhere}.pl-c-price{min-width:0;display:flex;justify-content:flex-end;text-align:right;font-size:13px}.pl-v{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pl-none{color:var(--muted)}.pl-c-noprice{grid-column:span 3;text-align:center;margin:0;padding:0}.pl-c-buy .pc-buy{justify-content:flex-end}@media (max-width:1100px){.plist-row{grid-template-columns:56px minmax(0,2fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) 92px 200px;gap:10px}}@media (max-width:1000px){.plist-head{display:none}.plist-row{grid-template-columns:56px minmax(0,1fr);row-gap:6px;align-items:start}.plist-row>*:not(.pl-c-thumb){grid-column:2}.plist-row>.pl-c-buy{grid-column:1 / -1}.pl-c-thumb{grid-row:span 2}.pl-c-brand:empty{display:none}.pl-c-price{justify-content:space-between;align-items:baseline;gap:10px}.pl-c-price:before{content:attr(data-label);font-size:11.5px;font-weight:600;color:var(--muted)}.pl-c-price:has(.pl-none){display:none}.pl-v{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:4px 8px}.pl-c-noprice{text-align:left}.pl-c-buy .pc-buy{justify-content:stretch}.pl-c-buy .add-cart-btn{flex:1}}@media (max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (min-width:1500px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1800px){.product-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:720px){.product-card .product-body{padding:6px 6px 10px}.pc-table{font-size:11.2px}.pc-table th{white-space:normal;padding:4px}.pc-table td{padding:4px}.pc-tl-val{font-size:13px}.pc-rate{font-size:9.8px}.pc-table .pl-vatflag{display:block;margin-left:0}}.page{max-width:var(--maxw);margin:0 auto;padding:22px 20px 60px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.form-error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:600;margin:10px 0}.field{display:block;margin-bottom:14px}.field>span{font-size:12.5px;font-weight:700;display:block;margin-bottom:6px;color:var(--text)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;width:100%;min-width:0;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.pay-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}@media (max-width:980px){.pay-layout{grid-template-columns:1fr}}.pay-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}@media (max-width:980px){.pay-aside{position:static}}.pay-hero{display:flex;align-items:center;gap:14px;margin-bottom:18px}.pay-hero-ic{width:46px;height:46px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 8px 20px var(--accent-glow-soft)}.pay-hero h2{font-size:21px;font-weight:800;letter-spacing:-.2px}.pay-hero p{font-size:13px;color:var(--muted);margin-top:2px}.pay-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;margin-bottom:16px}.pay-card-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pay-step{width:24px;height:24px;border-radius:50%;background:var(--dark);color:#fff;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.pay-card-head h3{font-size:15.5px;font-weight:800;letter-spacing:-.1px}.pay-card-head .pay-head-sub{font-size:12px;color:var(--muted);font-weight:600;margin-left:auto}.pay-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:6px;margin-bottom:16px}@media (max-width:560px){.pay-seg{grid-template-columns:1fr}}.pay-seg button{background:transparent;border:1px solid transparent;border-radius:9px;padding:10px 12px;cursor:pointer;text-align:left;transition:.15s;color:var(--text)}.pay-seg button:hover{background:#fff}.pay-seg button strong{display:block;font-size:13.5px;font-weight:800}.pay-seg button span{display:block;font-size:11.5px;color:var(--muted);margin-top:1px;line-height:1.35}.pay-seg button[aria-pressed=true]{background:#fff;border-color:var(--accent);box-shadow:0 2px 10px var(--accent-glow-soft)}.pay-seg button[aria-pressed=true] strong{color:var(--accent-dark)}.pay-amount{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s;overflow:hidden}.pay-amount:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.pay-amount .pa-cur{padding:0 4px 0 16px;font-size:22px;font-weight:800;color:var(--muted)}.pay-amount input{border:none;outline:none;flex:1;min-width:0;padding:14px 16px 14px 4px;font-size:24px;font-weight:800;letter-spacing:-.4px;background:transparent;color:var(--text)}.pay-amount input::placeholder{font-size:14px;font-weight:600;color:#9ca3af;letter-spacing:0}.pay-amount.is-invalid{border-color:#f0a1a1}.pay-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pay-quick button{background:#fff;border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:700;color:var(--text);cursor:pointer;transition:.15s}.pay-quick button:hover{border-color:var(--accent);color:var(--accent)}.pay-banks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pay-bank{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:11px 12px;cursor:pointer;transition:.15s;text-align:left;width:100%}.pay-bank:hover{border-color:#cbd5e1;box-shadow:var(--shadow)}.pay-bank[aria-pressed=true]{border-color:var(--accent);background:var(--accent-light)}.pay-bank .pb-dot{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800;background:var(--dark)}.pay-bank .pb-logo{width:30px;height:30px;border-radius:9px;flex-shrink:0;object-fit:contain;background:#fff}.pay-bank .pb-name{font-size:13px;font-weight:700;line-height:1.25;overflow:hidden}.pay-bank .pb-check{margin-left:auto;color:var(--accent);font-weight:800;font-size:13px}.pay-insts{display:grid;grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:10px}.pay-inst{background:#fff;border:1.5px solid var(--border);border-radius:11px;padding:10px 12px;cursor:pointer;transition:.15s;text-align:left}.pay-inst:hover{border-color:#cbd5e1}.pay-inst[aria-pressed=true]{border-color:var(--accent);background:var(--accent-light)}.pay-inst .pi-count{font-size:13px;font-weight:800}.pay-inst .pi-total{font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}.pay-inst[aria-pressed=true] .pi-total{color:var(--accent-dark)}.pay-inst .pi-free{color:#047857;font-weight:700}.pay-cc-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}@media (max-width:820px){.pay-cc-grid{grid-template-columns:1fr}.pay-cc-grid .pay-cc{max-width:360px}}.pay-cc{position:relative;border-radius:16px;padding:18px 20px;color:#fff;margin-bottom:16px;aspect-ratio:1.586;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--dark-2) 0%,var(--dark) 100%);box-shadow:0 14px 34px #1118274d;overflow:hidden}.pay-cc:after{content:"";position:absolute;right:-40px;top:-60px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.55;pointer-events:none}.pay-cc-top{display:flex;align-items:center;justify-content:space-between}.pay-cc-chip{width:38px;height:27px;border-radius:6px;background:linear-gradient(135deg,#f7d488,#c8a24a 55%,#f3e3b6);box-shadow:inset 0 0 0 1px #0000001f}.pay-cc-brand{font-size:13px;font-weight:800;letter-spacing:.6px;opacity:.95;text-transform:uppercase}.pay-cc-pan{font-size:19px;font-weight:700;letter-spacing:2.4px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.pay-cc-bot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.pay-cc-lbl{font-size:8.5px;letter-spacing:1px;text-transform:uppercase;opacity:.6;font-weight:700}.pay-cc-val{font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}@media (max-width:420px){.pay-cc-pan{font-size:16px;letter-spacing:1.6px}}.pay-total{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:16px 0}.pay-total .pt-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;color:var(--muted);padding:3px 0}.pay-total .pt-row strong{color:var(--text);font-weight:700}.pay-total .pt-sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px dashed var(--border);margin-top:9px;padding-top:9px}.pay-total .pt-sum span{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.pay-total .pt-sum b{font-size:22px;font-weight:800;color:var(--accent-dark);letter-spacing:-.4px}.pay-info{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.pay-info h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:12px}.pay-info .pi-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;padding:5px 0}.pay-info .pi-row>span{color:var(--muted)}.pay-info .pi-row b{font-weight:800}.pay-info .pi-row.pi-strong{border-top:1px dashed var(--border);margin-top:6px;padding-top:9px}.pay-info .pi-row.pi-strong b{font-size:17px;color:var(--accent-dark)}.pay-info p{font-size:12.3px;color:var(--muted);line-height:1.6}.pay-secure{display:flex;gap:10px;align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius);padding:13px 15px}.pay-secure .ps-ic{font-size:16px;line-height:1.2}.pay-secure strong{display:block;font-size:12.5px;font-weight:800;color:#065f46;margin-bottom:2px}.pay-secure p{font-size:11.8px;color:#047857;line-height:1.55}.pay-result{max-width:560px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:32px 28px;text-align:center}.pay-result .pr-ic{width:66px;height:66px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:31px;color:#fff}.pay-result.is-ok .pr-ic{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 10px 26px #0596694d}.pay-result.is-fail .pr-ic{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 10px 26px #dc262647}.pay-result h2{font-size:21px;font-weight:800;letter-spacing:-.2px}.pay-result .pr-amount{font-size:32px;font-weight:800;letter-spacing:-.8px;margin:12px 0 4px}.pay-result.is-ok .pr-amount{color:#047857}.pay-result .pr-meta{display:flex;flex-direction:column;gap:6px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin:18px 0;text-align:left}.pay-result .pr-meta .prm{display:flex;justify-content:space-between;gap:12px;font-size:13px}.pay-result .pr-meta .prm>span{color:var(--muted)}.pay-result .pr-meta .prm b{font-weight:700}.pay-result .btn-row{justify-content:center;margin-top:6px}.pay-solo{max-width:620px;margin:0 auto}