:root{--navy:#091b3c;--navy-soft:#102b58;--blue:#0b73ea;--blue-bright:#2591ff;--sky:#ecf5ff;--ink:#101827;--muted:#64748b;--line:#e3eaf3;--white:#fff;--surface:#f6f9fd;--success:#0c8a63;--warning:#b36a06;--danger:#d63642;--shadow:0 18px 45px #091b3c17;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.container{width:min(1200px,100% - 42px);margin-inline:auto}.announcement{color:#dcecff;background:var(--navy);letter-spacing:.02em;justify-content:center;align-items:center;gap:46px;min-height:42px;padding:8px 18px;font-size:13px;display:flex}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#fffffff5;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:32px;min-height:80px;display:flex}.brand{color:var(--navy);align-items:center;gap:10px;display:flex}.brand-symbol{object-fit:contain;border-radius:12px}.brand strong{letter-spacing:.2em;font-size:23px;line-height:1;display:block}.brand small{color:var(--blue);letter-spacing:.31em;text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:700;display:block}.main-nav{color:#27364c;align-items:center;gap:34px;font-size:15px;font-weight:550;display:flex}.main-nav a:hover,.text-link:hover{color:var(--blue)}.header-tools{align-items:center;gap:14px;display:flex}.icon-link{width:41px;height:41px;color:var(--navy);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:inline-flex;position:relative}.icon-link:hover{color:var(--blue);background:var(--sky)}.text-link{font-size:14px;font-weight:600}.logout-button{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px}.cart-badge{color:#fff;background:var(--blue);border-radius:10px;min-width:19px;height:19px;padding:2px 5px;font-size:11px;font-weight:700;line-height:15px;position:absolute;top:-3px;right:-2px}.section{padding:72px 0}.section.soft{background:var(--surface)}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.section-heading h2{color:var(--navy);letter-spacing:-.045em;margin:7px 0 0;font-size:clamp(28px,3vw,38px)}.eyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:12px;font-weight:750}.muted{color:var(--muted);line-height:1.7}.button{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 23px;font-size:14px;font-weight:650;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(125deg, var(--blue), var(--blue-bright));box-shadow:0 12px 23px #0b73ea33}.button.secondary{border-color:var(--line);color:var(--navy);background:#fff}.button.dark{color:#fff;background:var(--navy)}.button.compact{width:46px;min-height:44px;padding:10px}.button.compact:not(:disabled){font-size:0}.button.wide{min-width:190px}.text-action{color:var(--blue);align-items:center;gap:7px;font-weight:650;display:inline-flex}.hero{background:radial-gradient(circle at 82% 30%,#228eff26,#0000 34%),linear-gradient(110deg,#f9fbff 0%,#edf5ff 100%);padding:58px 0 66px;overflow:hidden}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;display:grid}.hero h1{max-width:610px;color:var(--navy);letter-spacing:-.065em;margin:18px 0;font-size:clamp(44px,5.8vw,67px);line-height:1.02}.hero h1 span{color:var(--blue)}.hero-copy{color:#53647c;max-width:540px;margin:0 0 30px;font-size:17px;line-height:1.72}.hero-actions{gap:13px;margin-bottom:42px;display:flex}.hero-stats{gap:34px;display:flex}.hero-stats strong{color:var(--navy);font-size:27px;display:block}.hero-stats span{color:var(--muted);font-size:13px}.hero-art{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.logo-panel{z-index:1;background:#fff;border-radius:35px;width:min(460px,100%);padding:24px;box-shadow:0 30px 75px #091b3c21}.logo-panel img{border-radius:20px;width:100%;height:auto;display:block}.floating-chip{z-index:2;box-shadow:var(--shadow);color:var(--navy);background:#fff;border:1px solid #e1ecfbe6;border-radius:16px;align-items:center;gap:10px;padding:15px 18px;font-size:13px;font-weight:650;display:flex;position:absolute}.chip-top{top:92px;right:0}.chip-bottom{bottom:85px;left:5px}.floating-chip svg{color:var(--blue)}.benefits{border-block:1px solid var(--line);margin-top:-1px}.benefit-grid{grid-template-columns:repeat(4,1fr);display:grid}.benefit{border-right:1px solid var(--line);gap:14px;padding:27px 22px;display:flex}.benefit:last-child{border:0}.benefit svg{color:var(--blue);flex:none}.benefit strong{color:var(--navy);margin-bottom:4px;font-size:14px;display:block}.benefit span{color:var(--muted);font-size:12.5px}.category-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.category-card{border:1px solid var(--line);min-height:112px;color:var(--navy);background:#fff;border-radius:19px;flex-direction:column;justify-content:flex-end;gap:9px;padding:21px;transition:border .2s,transform .2s,box-shadow .2s;display:flex}.category-card:hover{box-shadow:var(--shadow);border-color:#c1ddff;transform:translateY(-3px)}.category-card span{color:var(--muted);font-size:13px}.product-grid{grid-template-columns:repeat(4,1fr);gap:21px;display:grid}.product-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .2s,box-shadow .2s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card-visual-wrap{padding:13px;position:relative}.product-visual{height:215px;color:var(--blue);background:linear-gradient(145deg,#eef6ff,#dcecff);border-radius:17px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.product-visual img{object-fit:cover}.product-visual.large{border-radius:28px;height:512px}.visual-audio{color:#5145ec;background:linear-gradient(140deg,#f2efff,#e3e4ff)}.visual-charging,.visual-power{color:#0870e6;background:linear-gradient(140deg,#e9f5ff,#d8ebff)}.visual-smart-home{color:#028776;background:linear-gradient(140deg,#e4fbf8,#dbf3ef)}.visual-accessories{color:#cd7000;background:linear-gradient(140deg,#fff3e2,#fee9ce)}.wishlist-button{z-index:1;color:#58677e;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:39px;height:39px;display:inline-flex;position:absolute;top:25px;right:25px;box-shadow:0 6px 16px #091b3c17}.wishlist-button.saved,.wishlist-button:hover{color:var(--blue)}.sale-chip{z-index:1;color:#fff;background:var(--navy);border-radius:30px;padding:6px 11px;font-size:11px;font-weight:700;position:absolute;top:24px;left:24px}.product-card-content{padding:4px 18px 19px}.product-title{min-height:47px;color:var(--navy);margin:8px 0 7px;font-size:16px;font-weight:650;line-height:1.45;display:block}.rating{color:#ffad0d;align-items:center;gap:5px;margin-bottom:16px;font-size:13px;display:flex}.rating small{color:var(--muted)}.card-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.price strong{color:var(--navy);font-size:17px;display:block}.price del{color:#94a3b8;font-size:12px}.page-banner{background:var(--surface);padding:49px 0}.page-banner h1{color:var(--navy);letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(34px,4vw,47px)}.shop-layout{grid-template-columns:245px 1fr;gap:31px;display:grid}.filter-panel{border:1px solid var(--line);border-radius:18px;align-self:start;padding:22px}.filter-panel h3{color:var(--navy);margin:0 0 18px}.filter-panel a{color:var(--muted);padding:10px 0;font-size:14px;display:block}.filter-panel a:hover,.filter-panel .active{color:var(--blue);font-weight:650}.search-row{justify-content:space-between;gap:16px;margin-bottom:25px;display:flex}.search-form{gap:9px;width:min(470px,100%);display:flex}.field,.search-form input{width:100%;min-height:49px;color:var(--ink);background:#fff;border:1px solid #d7e1ed;border-radius:12px;outline:none;padding:12px 15px}.field:focus,.search-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b73ea1a}.empty-state{border-radius:var(--radius);color:var(--muted);text-align:center;border:1px dashed #cfdbe9;grid-column:1/-1;padding:56px 30px}.product-page{grid-template-columns:1fr 1fr;gap:55px;padding:55px 0;display:grid}.product-details h1{color:var(--navy);letter-spacing:-.055em;margin:11px 0 15px;font-size:clamp(33px,4vw,45px)}.product-details .price strong{font-size:33px}.product-description{color:var(--muted);margin:25px 0;font-size:16px;line-height:1.75}.spec-list{gap:13px;margin:24px 0 33px;padding:0;list-style:none;display:grid}.spec-list li{color:#34465d;align-items:center;gap:10px;display:flex}.spec-list svg{color:var(--success)}.detail-actions{gap:12px;display:flex}.reviews-layout{grid-template-columns:.9fr 1.1fr;gap:35px;display:grid}.review-card{border:1px solid var(--line);border-radius:16px;margin-bottom:13px;padding:18px}.review-card strong{color:var(--navy);justify-content:space-between;display:flex}.review-card p{color:var(--muted);margin-bottom:0;line-height:1.6}.form-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:27px}.form-card h2,.form-card h3{color:var(--navy);margin-top:0}.form-grid{gap:16px;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}.form-label{color:#34465d;gap:8px;font-size:13px;font-weight:650;display:grid}textarea.field{resize:vertical;min-height:110px}.form-error{color:var(--danger);margin:0;font-size:14px}.form-success{color:var(--success);margin:0;font-size:14px}.auth-shell{background:var(--surface);place-items:center;min-height:calc(100vh - 320px);padding:55px 20px;display:grid}.auth-card{width:min(470px,100%);box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:37px}.auth-card h1{color:var(--navy);margin:9px 0 10px}.auth-switch{color:var(--muted);text-align:center;margin:23px 0 0;font-size:14px}.auth-switch a{color:var(--blue);font-weight:650}.cart-layout,.checkout-layout{grid-template-columns:1fr 360px;align-items:start;gap:31px;display:grid}.cart-line{border:1px solid var(--line);border-radius:18px;grid-template-columns:116px 1fr auto;align-items:center;gap:19px;margin-bottom:15px;padding:14px;display:grid}.cart-line .product-visual{height:98px}.quantity-control{align-items:center;gap:12px;margin-top:13px;display:flex}.quantity-control button{border:1px solid var(--line);background:#fff;border-radius:8px;width:31px;height:31px}.remove-link{color:var(--danger);background:0 0;border:0;font-size:13px}.summary-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:26px;position:sticky;top:110px}.summary-card h2{color:var(--navy);margin-top:0}.summary-row{color:var(--muted);justify-content:space-between;margin:14px 0;display:flex}.summary-row.total{border-top:1px solid var(--line);color:var(--navy);margin:22px 0;padding-top:18px;font-size:19px;font-weight:700}.payment-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.payment-option{border:1px solid var(--line);border-radius:13px;padding:14px}.payment-option:has(input:checked){border-color:var(--blue);background:var(--sky)}.wallet-instructions{color:#244064;background:var(--sky);border-radius:14px;margin:17px 0;padding:17px;line-height:1.65}.status-pill{color:var(--warning);text-transform:capitalize;background:#fff5e5;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.verified,.status-pill.delivered,.status-pill.not_required{color:var(--success);background:#e7f8f1}.status-pill.rejected,.status-pill.cancelled{color:var(--danger);background:#fff0f1}.order-card{border:1px solid var(--line);border-radius:18px;margin-bottom:17px;padding:22px}.order-head{justify-content:space-between;gap:15px;margin-bottom:18px;display:flex}.order-head h3{color:var(--navy);margin:0 0 5px}.order-items{color:var(--muted);margin:0;padding:0;font-size:14px;list-style:none}.order-items li{justify-content:space-between;padding:7px 0;display:flex}.admin-shell{grid-template-columns:230px 1fr;min-height:calc(100vh - 123px);display:grid}.admin-sidebar{color:#d5e3f9;background:var(--navy);padding:34px 22px}.admin-sidebar h2{color:#fff;margin:0 0 31px;font-size:18px}.admin-sidebar a{border-radius:10px;margin-bottom:8px;padding:12px 13px;display:block}.admin-sidebar a:hover{color:#fff;background:#ffffff1c}.admin-content{background:var(--surface);padding:38px clamp(22px,4vw,46px)}.admin-content h1{color:var(--navy);margin-top:0}.stat-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin:28px 0;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:22px}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{color:var(--navy);margin-top:10px;font-size:30px;display:block}.admin-panel{border:1px solid var(--line);background:#fff;border-radius:19px;margin:22px 0;padding:25px}.admin-panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-panel-header h2{color:var(--navy);margin:0;font-size:21px}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{color:var(--muted);text-align:left;text-transform:uppercase;padding:0 12px 13px;font-size:12px}.admin-table td{border-top:1px solid var(--line);vertical-align:middle;padding:14px 12px}.table-actions{gap:8px;display:flex}.small-button{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:650}.small-button.approve{color:var(--success)}.small-button.reject{color:var(--danger)}.modal-backdrop{z-index:50;background:#040f2591;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:21px;width:min(690px,100%);max-height:92vh;padding:29px;overflow-y:auto}.toast{z-index:60;color:#fff;background:var(--navy);box-shadow:var(--shadow);border-radius:12px;padding:15px 19px;font-size:14px;position:fixed;bottom:28px;right:28px}.site-footer{color:#d0def3;background:#071731}.footer-grid{grid-template-columns:1.25fr .72fr 1fr 1.18fr;gap:42px;padding:57px 0 44px;display:grid}.footer-brand{color:#fff;letter-spacing:.18em;margin:0 0 15px;font-size:25px;font-weight:750}.footer-brand span{color:var(--blue-bright);letter-spacing:.42em;text-transform:uppercase;font-size:11px;display:block}.site-footer h3{color:#fff;margin:0 0 17px;font-size:15px}.site-footer a,.site-footer p{color:#b2c4de;align-items:center;gap:9px;margin:0 0 12px;font-size:14px;display:flex}.trust-card{border:1px solid #8eaed938;border-radius:16px;padding:21px}.trust-card svg{color:var(--blue-bright);margin-bottom:10px}.trust-card strong{color:#fff;margin-bottom:9px;display:block}.footer-bottom{color:#8aa0c0;text-align:center;border-top:1px solid #8eaed930;padding:19px;font-size:13px}@media (max-width:1050px){.main-nav{display:none}.hero-grid,.product-page,.reviews-layout{grid-template-columns:1fr}.hero-art{min-height:auto;margin-top:28px}.product-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.container{width:min(100% - 28px,1200px)}.announcement-detail,.brand span{display:none}.header-row{gap:14px;min-height:70px}.header-tools{gap:7px}.hero{padding:43px 0}.hero-actions,.hero-stats{flex-wrap:wrap}.floating-chip{display:none}.section{padding:47px 0}.benefit-grid,.category-grid,.product-grid,.footer-grid,.form-grid.two,.payment-options{grid-template-columns:1fr}.shop-layout,.cart-layout,.checkout-layout,.admin-shell{display:block}.filter-panel,.summary-card{margin-bottom:25px;position:static}.filter-panel a{margin-right:18px;display:inline-block}.search-row{display:block}.cart-line{grid-template-columns:90px 1fr}.cart-line>:last-child{grid-column:2}.admin-sidebar{gap:8px;padding:16px;display:flex;overflow-x:auto}.admin-sidebar h2{display:none}.admin-sidebar a{white-space:nowrap}.admin-table{display:block;overflow-x:auto}}