:root{--ink:#18232e;--navy:#15253a;--gold:#64ddca;--muted:#647181;--line:#e8e9e9;--cream:#f3f8f9;--green:#1a7850}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:var(--navy);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #0002}.nav{height:82px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:13px}.mark{display:grid;place-items:center;width:49px;height:49px;border:1px solid var(--gold);border-radius:11px;color:var(--gold);font-weight:800;font-size:19px;letter-spacing:-2px}.brand strong{font-size:16px;letter-spacing:2px;display:block}.brand small{font-size:9px;letter-spacing:2px;color:#c5c5c5}.nav nav{display:flex;align-items:center;gap:27px}.nav nav>a{color:#d9dce0}.cartbutton{color:var(--navy);background:#88e4d4;border:0;padding:10px 15px;border-radius:9px;font-weight:700}.cartbutton span{background:#fff;border-radius:99px;padding:1px 6px;margin-left:4px}.hero{background:linear-gradient(125deg,#121c32,#1b3651 70%,#276a75);color:white;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:480px;gap:20px}.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;color:#8ce9db}.eyebrow.dark{color:#246d66}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-3px;margin:22px 0}.hero h1 em{font-style:normal;color:#8ce9db}.hero p{max-width:465px;color:#c4cbd0;font-size:17px}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;border-radius:10px;font-weight:750;border:0;transition:transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--gold);color:#15253a}.hero .button{margin:20px 0}.perks{display:flex;flex-wrap:wrap;gap:15px;color:#d1d5d9;font-size:12px}.hero-art{height:430px;position:relative}.orb{position:absolute;width:310px;height:310px;background:radial-gradient(#a7aeb330,transparent 70%);border-radius:50%;left:15%;top:11%}.art-card{position:absolute;box-shadow:15px 28px 45px #0005}.art-tv{width:320px;height:215px;left:3%;top:16%;padding:9px;background:#151719;border-radius:8px;transform:rotate(-7deg)}.screen{height:180px;background:linear-gradient(132deg,#0b3050,#2b7c89 48%,#81d8ce);display:flex;justify-content:center;align-items:center;color:#fff;font-weight:900;font-size:44px}.screen span{color:#c0fff1;font-size:29px}.tv-foot{width:90px;height:12px;background:#31383d;margin:16px auto}.art-fridge{width:150px;height:290px;right:13%;top:17%;background:linear-gradient(90deg,#c0c5c9,#f2f2f1 42%,#b0b9be);border-radius:13px;transform:rotate(8deg)}.fridge-top{height:42%;border-bottom:3px solid #88939b}.art-fridge i{position:absolute;top:20%;right:15px;width:4px;height:40px;background:#9da4a8}.art-washer{width:180px;height:180px;left:30%;bottom:1%;background:linear-gradient(125deg,#fefefe,#c4cbd1);border-radius:8px;transform:rotate(6deg)}.washer-head{height:36px;background:#c4cbd1;border-radius:8px 8px 0 0}.washer-door{height:105px;width:105px;border:13px solid #9ba8b2;background:radial-gradient(#5c8c99,#1b3041);border-radius:50%;margin:16px auto}.section{padding:70px 0}.section-title{display:flex;justify-content:space-between;align-items:end}.section h2,.delivery h2{font-size:clamp(29px,4vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:8px 0}.section-title p{color:var(--muted);margin:4px 0}.count{color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.filters button{background:#fff;border:1px solid var(--line);border-radius:30px;padding:9px 17px;color:var(--muted)}.filters button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:box-shadow .15s}.product:hover{box-shadow:0 12px 30px #1a273012}.product-image{height:220px;background:var(--cream);display:grid;place-items:center;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:contain}.placeholder{font-size:55px}.product-body{padding:19px}.category{font-size:11px;color:#246d66;text-transform:uppercase;font-weight:800;letter-spacing:1.3px}.product h3{font-size:19px;line-height:1.3;margin:8px 0 4px}.model{color:var(--muted);font-size:12px;min-height:20px}.product-price{font-size:25px;font-weight:800;margin:15px 0}.stock{font-size:12px;color:var(--green)}.stock.off{color:#b74a46}.add{width:100%;border:0;background:var(--navy);color:white;padding:12px;border-radius:9px;font-weight:750;margin-top:12px}.add:disabled{opacity:.4;cursor:not-allowed}.empty{grid-column:1/-1;background:var(--cream);border-radius:16px;padding:45px;text-align:center;color:var(--muted)}.delivery{background:var(--navy);color:white}.delivery-inner{padding:65px 0;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.delivery p{color:#ccd1d6;max-width:540px}.delivery-card{background:#24303b;border:1px solid #49515a;border-radius:18px;padding:30px}.delivery-card strong{font-size:23px;display:block}.delivery-card small{color:#b6bec6}.big-icon{font-size:40px}footer{background:#0a1118;color:#e1e5e8}.foot{padding:28px 0;display:flex;justify-content:space-between;gap:20px}.foot p,.foot span{color:#aeb5bb;font-size:12px}.foot>div:last-child{text-align:right;display:grid}.cart-dialog,.checkout-dialog,.result-dialog{border:0;border-radius:19px;box-shadow:0 25px 70px #0005;padding:26px;width:min(540px,calc(100% - 25px));max-height:90vh;color:var(--ink)}.cart-dialog{margin:auto 0 auto auto;height:100vh;max-height:100vh;border-radius:19px 0 0 19px}.checkout-dialog{width:min(650px,calc(100% - 25px))}dialog::backdrop{background:#081018a6}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:20px}.dialog-head h2{margin:0}.x{border:0;background:#f0f1f3;border-radius:9px;width:34px;height:34px;font-size:25px}.cartline{display:flex;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.cartline strong{display:block}.cartline small{color:var(--muted)}.qty{display:flex;gap:9px;align-items:center;margin-top:10px}.qty button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:0 9px}.cart-bottom{margin-top:25px}.total{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:16px 0;font-size:18px}.total strong{font-size:24px}.total small{display:block;color:var(--muted);font-size:11px}.cart-bottom>small,.small-note{color:var(--muted);font-size:12px}.full{width:100%;margin-top:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;font-weight:650;font-size:12px;gap:5px}.form-grid input,.form-grid textarea,.admin input,.admin select,.admin textarea{border:1px solid #ced3d7;border-radius:9px;padding:11px;background:#fff;width:100%;color:var(--ink)}.form-grid .wide{grid-column:1/-1}.payment-title{font-weight:800;margin:20px 0 9px}.pay-choice{display:flex;gap:13px;border:1px solid var(--line);border-radius:10px;padding:13px;margin:8px 0;align-items:center}.pay-choice small{display:block;color:var(--muted)}.error{color:#b22222;font-size:13px;min-height:18px}.receipt{background:var(--cream);padding:12px;border-radius:10px;font-weight:800;word-break:break-all}.admin{background:#f6f7f8;min-height:100vh}.admin .shell{max-width:1050px}.admin-head{background:var(--navy);color:white;padding:24px 0}.admin-main{padding:30px 0}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:22px}.panel h2{margin-top:0}.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.admin-form .wide{grid-column:1/-1}.admin button{padding:10px 14px;border:0;border-radius:8px;background:var(--navy);color:white}.admin button.secondary{background:#e8e9ed;color:var(--ink)}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px;vertical-align:top}.scroll{overflow:auto}.hidden{display:none!important}@media(max-width:780px){.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:45px}.hero-art{height:270px;transform:scale(.72);transform-origin:top center;margin-bottom:-65px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-image{height:160px}.product-body{padding:13px}.product h3{font-size:16px}.product-price{font-size:21px}.delivery-inner{grid-template-columns:1fr}.nav nav>a{display:none}}@media(max-width:480px){.brand strong{font-size:12px}.brand small{font-size:7px}.mark{width:40px;height:40px}.shell{width:calc(100% - 28px)}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:140px}.product-body{padding:11px}.product h3{font-size:15px}.form-grid,.admin-form{grid-template-columns:1fr}.form-grid .wide,.admin-form .wide{grid-column:auto}.foot{flex-direction:column}.foot>div:last-child{text-align:left}.cart-dialog{width:100%;border-radius:0}.hero h1{letter-spacing:-1.5px}}

/* Product details and photo gallery */
.product-photo-button,.product-name-button{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;color:inherit;font:inherit;cursor:pointer}
.product-photo-button:focus-visible,.product-name-button:focus-visible,.view-details:focus-visible,.thumb:focus-visible{outline:3px solid #168e7b;outline-offset:3px}
.product-photo-button:hover .product-image img{transform:scale(1.025)}
.product-image img{transition:transform .18s}
.product-name-button:hover{color:#147965}
.photo-fallback{display:grid;place-items:center;align-content:center;text-align:center;gap:4px;width:100%;height:100%;color:#617382;font-size:14px;padding:20px;white-space:pre-wrap}
.view-details{border:1px solid #b9dcd4;background:#f1faf7;color:#13574e;border-radius:9px;padding:10px 12px;width:100%;margin-top:12px;font-weight:750}
.view-details:hover{background:#e3f6ee}
.product-dialog{width:min(920px,calc(100% - 24px));max-height:min(90vh,980px);border:0;border-radius:20px;padding:26px;box-shadow:0 25px 70px #0005;color:var(--ink);margin:auto}
.product-dialog .dialog-head{margin-bottom:17px}
.product-dialog .dialog-head h2{font-size:clamp(21px,3vw,31px);line-height:1.2;margin:5px 0}
.detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}
.detail-main-image{height:360px;background:#f2f8f9;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;overflow:hidden}
.detail-main-image img{width:100%;height:100%;object-fit:contain}
.detail-thumbnails{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px}
.thumb{border:2px solid #d7e1e3;background:#f5f8f8;border-radius:9px;width:68px;height:68px;padding:3px;overflow:hidden;display:grid;place-items:center}
.thumb[aria-pressed=true]{border-color:#168e7b;box-shadow:0 0 0 2px #98f0db}
.thumb img{width:100%;height:100%;object-fit:contain}
.thumb .photo-fallback{font-size:9px;padding:3px}
.detail-model{color:#60717d;font-size:13px}
.detail-price{font-size:32px;font-weight:850;margin:12px 0}
.detail-info h3{font-size:17px;margin:23px 0 7px}
.detail-description{white-space:pre-line;line-height:1.7;overflow-wrap:anywhere}
.detail-dispatch{font-size:12px;color:#60717d;background:#f3f8f9;padding:12px;border-radius:10px;margin-top:20px}
.admin-form label small{font-weight:400;color:#60717d;line-height:1.4}
@media(max-width:700px){.product-dialog{padding:17px}.detail-layout{grid-template-columns:1fr;gap:15px}.detail-main-image{height:270px}.product-dialog .dialog-head h2{font-size:23px}}
