:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f8fafc}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.notice{background:#050505;color:#d9b86d;text-align:center;padding:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}header{height:88px;background:#050505;display:flex;align-items:center;gap:28px;padding:0 max(20px,5vw);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(217,184,109,.25);overflow:hidden}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#172033;max-width:100%}.brandLogo{display:block;height:112px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(217,184,109,.72)) drop-shadow(0 0 40px rgba(217,184,109,.28))}.brandLogoSmall{height:92px}.adminBrand i{font-style:normal;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-weight:900;font-size:13px}nav{display:flex;gap:20px}nav a{color:#f4e0a9;text-decoration:none;font-size:14px;font-weight:600}.search{margin-left:auto;width:min(340px,30vw);height:42px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;padding:0 12px}.search input{width:100%;border:0;background:transparent;outline:0}.actions{display:flex;align-items:center;gap:8px}.actions button{border:1px solid rgba(217,184,109,.55);background:#d9b86d14;padding:10px 12px;border-radius:10px;color:#f7e8b9;font-weight:700;transition:.2s ease}.actions button:hover{background:#d9b86d26;box-shadow:0 0 12px #d9b86d2e}.actions em{background:linear-gradient(135deg,#f7e8b9,#d8aa4c);color:#050505;padding:2px 6px;border-radius:20px;font-size:10px;font-style:normal;font-weight:900}.actions .admin{font-weight:800}.hero{min-height:550px;background:linear-gradient(90deg,#060606fa,#12100ef5),radial-gradient(circle at 30% 35%,rgba(152,109,42,.22),transparent 30%);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:70px max(25px,8vw);gap:40px;border-top:1px solid rgba(217,184,109,.18);border-bottom:1px solid rgba(217,184,109,.18)}.hero h1{font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-3px;margin:15px 0;color:#f2e7d2;font-family:Georgia,Times New Roman,serif}.hero h1 em{color:#d5af6a;font-style:normal}.hero p{color:#d1c7b7;line-height:1.7;font-size:18px;max-width:650px;margin-bottom:30px}.hero small{color:#d8b66c;font-weight:900;letter-spacing:1px}.primary{border:0;background:linear-gradient(180deg,#f2dfb5,#cf9d49);color:#1b120b;padding:13px 19px;border-radius:11px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:inset 0 1px #ffffffbf}.heroArt{height:380px;border-radius:18px;background:linear-gradient(120deg,#ffffff14,#fff0 18%),linear-gradient(135deg,#2a2520,#1a1815);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px #00000047;border:1px solid rgba(194,147,69,.22)}.heroArt:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0)}.heroTrack{position:absolute;inset:40px 0;display:flex;align-items:center;gap:26px;width:max-content;animation:heroScroll 18s linear infinite}.heroImageCard{flex:0 0 auto;width:220px;height:280px;background:#ffffff26;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 40px #0f172a1f}.heroImageCard img{width:100%;height:100%;object-fit:cover;display:block}@keyframes heroScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact{background:linear-gradient(180deg,#0a0806f2,#0f0c0afa);padding:28px max(20px,7vw) 32px;border-top:1px solid rgba(217,184,109,.22);border-bottom:1px solid rgba(217,184,109,.22)}.contactInner{max-width:1200px;margin:0 auto}.contact h2{font-size:32px;color:#f2e7d2;margin:0 0 18px;letter-spacing:-1px}.contactGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px 28px}.contactItem{display:flex;flex-direction:column;gap:6px}.contactItem label{font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#d8b66c}.contactItem p{font-size:16px;color:#d1c7b7;margin:0;line-height:1.5}.contactItem a{font-size:16px;color:#d5af6a;text-decoration:none;font-weight:600;transition:color .3s ease}.contactItem a:hover{color:#f2dfb5}.catalog{padding:90px max(20px,7vw)}.sectionHead{display:flex;align-items:end;justify-content:space-between}.sectionHead h2{font-size:38px;margin:8px 0}.sectionHead p{max-width:510px;color:#64748b;line-height:1.6}.categories{display:flex;gap:9px;overflow:auto;margin:35px 0}.categories button{white-space:nowrap;border:1px solid #dbe2ea;background:#fff;padding:11px 17px;border-radius:30px;color:#475569}.categories button.active{background:#172033;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px #0f172a08;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0f172a14}.photo{height:250px;position:relative}.photo img{width:100%;height:100%;object-fit:cover}.photo span{position:absolute;left:13px;top:13px;background:#fff;color:#4338ca;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:900}.body{padding:18px}.body h3{margin:0}.body p{color:#64748b;line-height:1.5;min-height:45px}.body small{color:#64748b}.body b{display:block;font-size:21px;margin:3px 0 15px}.body button{width:100%;border:0;border-radius:10px;background:#172033;color:#fff;padding:11px}.overlay{position:fixed;inset:0;background:#0f172aaa;z-index:80;display:grid;place-items:center;padding:18px}.modal{position:relative;background:#fff;border-radius:22px;max-height:94vh;overflow:auto;box-shadow:0 30px 80px #0004}.x{width:36px;height:36px;border:0;border-radius:50%;background:#f1f5f9;font-size:23px}.modal>.x{position:absolute;right:14px;top:14px}.detail{width:min(980px,96vw);padding:35px;display:grid;grid-template-columns:1.1fr .9fr;gap:38px}.main{width:100%;height:420px;object-fit:cover;border-radius:15px}.mainImageButton{display:block;width:100%;padding:0;border:0;border-radius:15px;background:transparent;cursor:zoom-in}.mainImageButton:focus-visible{outline:3px solid #4f46e5;outline-offset:4px}.imageLightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:55px;background:#05080ff0;overflow:auto}.imageLightboxImage{display:block;width:auto;max-width:min(1100px,92vw);max-height:88vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 80px #00000080}.imageLightboxClose{position:absolute;top:18px;right:22px;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#ffffff1f;color:#fff;font-size:28px;line-height:1}.imageLightboxClose:hover,.imageLightboxClose:focus-visible{background:#ffffff38}.thumbs{display:flex;gap:8px;margin-top:10px}.thumbs button{border:2px solid transparent;background:#fff;padding:2px;border-radius:9px}.thumbs button.on{border-color:#4f46e5}.thumbs img{width:68px;height:60px;object-fit:cover;border-radius:7px}.info{padding:25px 8px}.info>small{color:#4f46e5;font-weight:800}.info h2{font-size:35px}.info p{color:#64748b;line-height:1.6}.info label,.login label,.form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:750;margin:14px 0}.info select,.login input,.form input,.form textarea,.form select{border:1px solid #cfd8e3;border-radius:10px;padding:12px}.variant{background:#f8fafc;padding:16px;border-radius:12px;margin:15px 0}.variant h3{margin:0}.variant strong{font-size:25px}.info .primary,.login .primary{width:100%}.shade{position:fixed;inset:0;background:#0f172a88;opacity:0;pointer-events:none;z-index:50}.shade.on{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;width:min(430px,100%);height:100%;background:#fff;z-index:60;transform:translate(100%);transition:.3s;display:flex;flex-direction:column}.drawer.on{transform:none}.drawerTop{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid #e5e7eb}.cartItems{padding:15px 22px;overflow:auto;flex:1}.line{display:grid;grid-template-columns:75px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #e5e7eb}.line img{width:75px;height:75px;object-fit:cover;border-radius:9px}.line small{display:block;color:#64748b}.line p{display:flex;align-items:center;gap:8px}.line p button{border:1px solid #dbe2ea;background:#fff;border-radius:6px}.line .remove{border:0;color:#dc2626;margin-left:auto}.cartFoot{padding:22px;background:#fff;border-top:1px solid #e5e7eb;color:#172033}.cartFoot div{display:flex;justify-content:space-between;font-size:19px}.cartFoot button{width:100%;margin-top:15px;border:0;background:#16a34a;color:#fff;padding:13px;border-radius:10px;font-weight:800}.login{width:min(430px,95vw);padding:42px}.login i{font-style:normal;color:#4f46e5;font-weight:900}.login h2{font-size:30px}footer{padding:40px max(20px,7vw);background:#0f172a;color:#fff;display:flex;gap:30px}.adminPage{min-height:100vh;background:#f5f7fb;display:grid;grid-template-columns:245px 1fr}.adminPage>aside{background:#111827;color:#fff;padding:25px 18px;display:flex;flex-direction:column}.adminBrand{display:flex;gap:10px;align-items:center}.adminBrand span{display:flex;flex-direction:column}.adminBrand small{color:#94a3b8}.adminPage aside nav{display:block;line-height:3;color:#94a3b8;margin-top:35px}.adminPage aside>button{margin-top:auto;border:0;background:none;color:#cbd5e1;text-align:left}.adminPage main{padding:35px}.adminHead{display:flex;justify-content:space-between;align-items:center}.adminHead h1{margin:5px 0}.adminHead button,.variantTitle button,.formBtns button{border:1px solid #d8dee8;background:#fff;padding:10px;border-radius:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.stats div{background:#fff;border:1px solid #e4e8ef;padding:20px;border-radius:16px;display:flex;justify-content:space-between}.stats b{font-size:25px}.adminGrid{display:grid;grid-template-columns:minmax(360px,500px) 1fr;gap:22px}.panel{background:#fff;border:1px solid #e4e8ef;border-radius:18px;padding:24px}.variantTitle{display:flex;align-items:center;justify-content:space-between}.form fieldset{position:relative;border:1px solid #dbe2ea;border-radius:12px;margin:18px 0;padding:16px}.form legend{font-weight:800;color:#4f46e5}.deleteV{position:absolute;right:10px;top:8px;border:0;background:#fef2f2;color:#dc2626;border-radius:7px;padding:6px}.upload{border:2px dashed #c7d2fe;padding:15px;border-radius:10px}.upload span{color:#64748b;font-weight:400}.previews{display:flex;flex-wrap:wrap;gap:8px}.previewItem{display:flex;flex-direction:column;gap:6px}.previewImageWrap{position:relative;display:inline-block}.previewImageWrap img{width:60px;height:60px;object-fit:cover;border-radius:8px;display:block}.imageRemove{position:absolute;top:4px;right:4px;width:18px;height:18px;border:0;border-radius:50%;background:#0f172acc;color:#fff;font-size:14px;line-height:1;display:grid;place-items:center;z-index:2}.previewItem .mini{align-self:flex-start;font-size:11px;padding:4px 6px;border-radius:6px}.check{flex-direction:row!important;align-items:center}.productRow{display:grid;grid-template-columns:58px 1fr auto auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.productRow img{width:58px;height:58px;object-fit:cover;border-radius:9px}.productRow span{display:flex;flex-direction:column}.productRow small{color:#64748b}.productRow button{border:0;background:#eef2ff;color:#4338ca;padding:8px;border-radius:7px}.productRow .danger{background:#fef2f2;color:#dc2626}@media(max-width:1000px){header nav{display:none}.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.heroArt{display:none}.adminGrid{grid-template-columns:1fr}}@media(max-width:740px){.notice{display:none}header{height:auto;padding:12px;flex-wrap:wrap}.search{order:3;flex-basis:100%;width:100%}.actions button:first-child{display:none}.hero{padding:65px 20px;min-height:auto}.hero h1{font-size:46px}.sectionHead{display:block}.catalog{padding:65px 15px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.detail{grid-template-columns:1fr;padding:18px}.main{height:280px}.imageLightbox{padding:60px 12px 24px}.imageLightboxImage{width:100%;max-width:100%;max-height:80vh}.imageLightboxClose{top:12px;right:12px}.adminPage{display:block}.adminPage>aside{flex-direction:row;padding:13px}.adminPage aside nav{display:none}.adminPage aside>button{margin-left:auto}.adminPage main{padding:17px}.stats{grid-template-columns:1fr}}@media(max-width:460px){.grid{grid-template-columns:1fr}.hero h1{font-size:39px}.login{padding:30px 21px}}.variantList.gallery{display:flex;gap:12px;overflow:auto;padding:8px 0}.variantChoice{border:1px solid #e6eef8;background:#fff;padding:8px;border-radius:10px;display:flex;flex-direction:column;gap:8px;align-items:center;min-width:100px}.variantChoice.on{border-color:#4f46e5;box-shadow:0 6px 18px #4f46e520}.variantChoice .swatch img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:4px solid #fff}.variantChoice .price{text-align:center}.variantChoice .price .current{font-weight:800}.variantChoice .price .old{color:#94a3b8;text-decoration:line-through;font-size:12px}
