:root{--bg: #17181c;--surface: #202127;--surface-2: #292a31;--border: #34353d;--border-soft: #2b2c33;--text: #f2f2f4;--text-dim: #a3a3ac;--text-faint: #77777f;--accent: #eaff3c;--accent-dim: #c7dc2e;--accent-ink: #101204;--danger: #ff6b7d;--success: #4ee394;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,.brand{font-family:Rajdhani,Manrope,ui-sans-serif,sans-serif;text-transform:uppercase}.app-shell{min-height:100vh}.topbar{height:78px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;gap:36px;background:#08080be0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{border:0;background:transparent;font-size:24px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px;letter-spacing:.06em}.brand-icon{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(234,255,60,.55))}.search-box{height:44px;flex:1;max-width:570px;margin:auto;border:1px solid var(--border);background:var(--surface);border-radius:10px;display:flex;align-items:center;padding:0 13px;transition:border-color .2s ease}.search-box:focus-within{border-color:var(--accent)}.search-box input{border:0;background:transparent;outline:0;flex:1;min-width:0;color:var(--text)}.search-box input::placeholder{color:var(--text-faint)}.search-box span{font-size:22px;color:var(--text-faint);transform:rotate(-20deg)}.header-actions{display:flex;align-items:center;gap:20px;white-space:nowrap}.text-action,.cart-button{border:0;background:transparent;color:var(--text-dim);font-weight:600;transition:color .2s ease}.text-action:hover{color:var(--accent)}.cart-button{display:flex;align-items:center;gap:7px;color:var(--text)}.cart-button b{min-width:19px;height:19px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:inline-grid;place-items:center;font-size:11px}.header-socials{display:flex;gap:14px}.header-socials a{color:var(--text-faint);font-size:12px;font-weight:700;letter-spacing:.04em;transition:color .2s ease}.header-socials a:hover{color:var(--accent)}.categories{display:flex;gap:10px;padding:18px clamp(20px,4vw,64px);background:transparent;overflow-x:auto}.categories button{position:relative;padding:10px 20px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);white-space:nowrap;font-weight:600;letter-spacing:.01em;border-radius:999px;transition:all .2s ease}.categories button:hover{border-color:#45464f;color:var(--text)}.categories button.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px #eaff3c59;font-weight:800}main{width:min(1380px,calc(100% - 40px));margin:0 auto;padding:28px 0 40px}.hero{min-height:300px;border-radius:22px;overflow:hidden;background:radial-gradient(700px 340px at 50% 0%,rgba(234,255,60,.1),transparent 65%),linear-gradient(150deg,#202127,#17181c 70%);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:56px 24px 48px;position:relative;isolation:isolate}.eyebrow{margin:0 0 10px;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.hero.hero-photo{background:linear-gradient(180deg,rgba(23,24,28,.25),rgba(23,24,28,.88) 75%,var(--bg) 100%),url(/hero-devices.png) center / cover no-repeat;min-height:340px}.hero-word{position:relative;z-index:2;margin:0;font-size:clamp(38px,6vw,64px);font-weight:700;letter-spacing:.1em;color:var(--text);text-shadow:0 4px 24px rgba(0,0,0,.6)}.hero-cta{position:relative;z-index:2;display:inline-block;margin-top:18px;border:0;background:var(--accent);color:var(--accent-ink);padding:13px 26px;border-radius:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:13px;transition:box-shadow .2s ease,transform .2s ease}.hero-cta:hover{box-shadow:0 0 26px #eaff3c73;transform:translateY(-1px)}.modal-add,.checkout>button:first-of-type{border:0;background:var(--accent);color:var(--accent-ink);padding:14px 24px;border-radius:9px;font-weight:800;transition:box-shadow .2s ease,transform .2s ease}.section-head{margin:46px 0 18px;display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0;font-size:26px;letter-spacing:.02em;font-weight:700}.section-head>span{color:var(--text-dim);font-size:12px;text-transform:none;font-weight:700;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 14px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product-card:hover{transform:translateY(-5px);border-color:#eaff3c66;box-shadow:0 18px 40px #00000080,0 0 0 1px #eaff3c14,0 0 24px #eaff3c1f}.product-image{position:relative;display:block;width:100%;height:220px;border:0;background:var(--surface-2);padding:0;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image img{transform:scale(1.08)}.sale{position:absolute;top:12px;left:12px;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 0 14px #eaff3c66}.product-info{padding:16px}.product-info small{color:var(--accent-dim);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.product-info h3{margin:8px 0 12px;font-size:15px;min-height:39px;text-transform:none;font-family:Manrope,sans-serif;font-weight:600}.price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.price-row strong{font-size:19px}.price-row del{color:var(--text-faint);font-size:12px}.add-button{width:100%;border-radius:8px;padding:11px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-weight:700;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.add-button:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 16px #eaff3c59}.benefits{margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.benefits>div{display:grid;grid-template-columns:28px 1fr;column-gap:8px;padding:4px 18px;border-right:1px solid var(--border)}.benefits>div:last-child{border-right:0}.benefits span{grid-row:span 2;font-size:20px;color:var(--accent)}.benefits b{font-size:12px;text-transform:none;font-weight:700}.benefits small{color:var(--text-faint);font-size:10px;margin-top:4px;display:block}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0000008c;z-index:40}.cart-drawer{position:fixed;z-index:50;top:0;right:0;width:min(430px,100vw);height:100vh;background:var(--surface);box-shadow:-18px 0 50px #00000080;transform:translate(105%);transition:transform .28s ease;display:flex;flex-direction:column;border-left:1px solid var(--border)}.cart-drawer.open{transform:translate(0)}.drawer-head{padding:25px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.drawer-head h2{margin:0;font-size:19px}.drawer-head button,.modal-close{border:0;background:transparent;font-size:30px;color:var(--text-dim)}.cart-list{flex:1;overflow:auto;padding:10px 22px}.cart-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-soft)}.cart-item>a{flex:0 0 auto;display:block;width:68px;height:68px;border-radius:10px;overflow:hidden;background:var(--surface-2)}.cart-item img{width:68px;height:68px;display:block;object-fit:cover}.cart-item-main{flex:1;display:grid;gap:5px}.cart-item-main b{font-size:13px;font-weight:600;text-transform:none}.cart-item-main small{color:var(--text-dim)}.qty{display:flex;align-items:center;gap:13px;margin-top:3px}.qty button{width:26px;height:26px;border-radius:7px;background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.remove{border:0;background:transparent;color:var(--text-faint);align-self:center}.checkout{padding:22px;border-top:1px solid var(--border);display:grid;gap:10px}.checkout>div{display:flex;justify-content:space-between;margin-bottom:6px}.checkout>div span{color:var(--text-dim)}.checkout .continue{background:transparent;border:1px solid var(--border);color:var(--text);padding:12px;border-radius:8px;font-weight:600}.cart-empty,.empty{text-align:center;padding:60px 20px;color:var(--text-faint)}.cart-empty div,.empty div{font-size:45px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000a6;display:grid;place-items:center;padding:20px}.product-modal{width:min(920px,100%);max-height:90vh;overflow:auto;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:20px;display:grid;grid-template-columns:1fr 1fr;padding:28px;gap:35px;box-shadow:0 25px 80px #00000080}.modal-close{position:absolute;right:13px;top:8px;z-index:2}.modal-image{min-height:420px;border-radius:15px;overflow:hidden;background:var(--surface-2)}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-info{padding:18px 10px}.modal-info h2{margin:0 0 8px;font-size:30px;letter-spacing:.01em}.rating{color:var(--accent);font-weight:700;font-size:14px}.rating span{color:var(--text-faint);font-weight:400}.modal-price{display:block;font-size:28px;margin:24px 0 16px}.description{color:var(--text-dim);line-height:1.65;text-transform:none}.specs{display:grid;gap:9px;color:var(--success);font-size:14px;margin:20px 0}.modal-add{width:100%;padding:15px}@media (max-width: 980px){.product-grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(2,1fr);gap:15px}.benefits>div:nth-child(2){border-right:0}}@media (max-width: 700px){.topbar{height:auto;padding:14px 18px;gap:12px;flex-wrap:wrap}.search-box{order:3;flex-basis:100%}.header-actions .text-action{display:none}.categories{padding:0 18px;gap:24px}main{width:min(100% - 28px,1380px);padding-top:14px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:160px}.product-info{padding:11px}.product-info h3{font-size:14px}.benefits{grid-template-columns:1fr}.benefits>div{border-right:0;border-bottom:1px solid var(--border)}.benefits>div:last-child{border-bottom:0}.product-modal{grid-template-columns:1fr;padding:15px;gap:8px}.modal-image{min-height:250px}}.product-page{padding-top:24px}.back-link{display:inline-block;color:var(--accent);margin-bottom:20px;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.04em}.product-top{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:44px}.gallery-main{height:520px;border-radius:16px;overflow:hidden;background:var(--surface-2)}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.gallery-thumbs button{width:82px;height:72px;flex:0 0 auto;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:var(--surface-2)}.gallery-thumbs button.active{border-color:var(--accent)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.product-details{padding:16px 10px}.product-details h1{margin:0 0 10px;font-size:40px;line-height:1.06;font-weight:700}.product-price{display:flex;align-items:baseline;gap:12px;margin:28px 0 8px}.product-price strong{font-size:34px}.product-price del{color:var(--text-faint)}.availability{color:var(--success);font-weight:700;text-transform:none}.buy-button{width:100%;margin:18px 0;padding:16px;border:0;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:16px;transition:box-shadow .2s ease}.buy-button:hover{box-shadow:0 0 26px #eaff3c66}.quick-info{line-height:2;color:var(--text-dim);text-transform:none}.product-section{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px}.product-section h2{margin:0 0 18px;font-weight:700}.product-section p{color:var(--text-dim);line-height:1.75;text-transform:none}.spec-table{max-width:850px}.spec-row{display:grid;grid-template-columns:1fr 1fr;padding:14px 0;border-bottom:1px solid var(--border-soft);text-transform:none}.spec-row span{color:var(--text-faint)}@media (max-width:980px){.product-top{grid-template-columns:1fr}.gallery-main{height:440px}}@media (max-width:700px){.product-top{padding:14px;gap:14px}.gallery-main{height:300px}.product-details h1{font-size:30px}.product-section{padding:20px}.spec-row{grid-template-columns:1fr;gap:5px}}.admin-page,.admin-login-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:32px 0 60px}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.admin-head h1,.admin-login h1{margin:6px 0 8px;font-weight:700}.admin-head p,.admin-login p{color:var(--text-dim);text-transform:none}.admin-form-card,.admin-products,.admin-login{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px}.admin-login{width:min(460px,100%);margin:8vh auto}.admin-login form{display:grid;gap:14px}.admin-login label,.admin-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:var(--text-dim);text-transform:none}.admin-login input,.admin-form input,.admin-form textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px 12px;background:var(--surface-2);color:var(--text)}.admin-login button,.form-actions>button{border:0;border-radius:9px;padding:13px 18px;background:var(--accent);color:var(--accent-ink);font-weight:800}.admin-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-form .full{grid-column:1/-1}.admin-block{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.block-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.repeat-row{display:flex;gap:10px;margin-top:10px}.repeat-row input{flex:1}.specs-row input{width:0}.secondary-button,.danger-button,.link-button{border-radius:8px;padding:9px 12px;font-weight:700}.secondary-button{border:1px solid var(--border);background:transparent;color:var(--text)}.danger-button{border:1px solid #4a2229;background:#241014;color:var(--danger)}.link-button{border:0;background:transparent;color:var(--accent)}.form-actions{display:flex;align-items:center;gap:14px}.form-message{color:var(--text-dim);font-size:14px;text-transform:none}.admin-products{margin-top:22px}.admin-products-list{display:grid;gap:10px}.admin-product{display:grid;grid-template-columns:18px 34px 70px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);transition:border-color .15s ease,opacity .15s ease}.admin-product.dragging{opacity:.45}.admin-product.drag-over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.drag-handle{cursor:grab;color:var(--text-faint);font-size:16px;text-align:center;-webkit-user-select:none;user-select:none;letter-spacing:-2px}.reorder-controls{display:flex;flex-direction:column;gap:4px}.reorder-button{width:30px;height:26px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-weight:700;line-height:1;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.reorder-button:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.reorder-button:disabled{opacity:.3;cursor:not-allowed}.admin-product img{width:70px;height:70px;border-radius:9px;object-fit:cover;background:var(--surface-2)}.admin-product div:nth-child(4){display:grid;gap:5px}.admin-product small{color:var(--text-faint)}.admin-product-actions{display:flex;gap:8px}.add-button:disabled,.buy-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (max-width:800px){.admin-page,.admin-login-wrap{width:min(100% - 28px,1180px)}.admin-form{grid-template-columns:1fr}.admin-head{flex-direction:column}.admin-product{grid-template-columns:14px 26px 58px 1fr}.admin-product img{width:58px;height:58px}.admin-product-actions{grid-column:1/-1}.reorder-controls{flex-direction:row}.repeat-row{flex-direction:column}.specs-row input{width:100%}}.checkout-form{display:grid;gap:9px}.checkout-form label{font-size:13px;color:var(--text-dim)}.checkout-form input{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);font:inherit}.checkout-form button,.order-success button{padding:12px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.checkout-form button:disabled{opacity:.6;cursor:wait}.checkout .checkout-form>button.continue{background:transparent;border:1px solid var(--border);color:var(--text)}.checkout-error{color:#d94848;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.order-success{padding:12px 4px;overflow-wrap:anywhere}.order-success h3{margin-top:0}.order-success button{margin-top:12px}
