:root{--bg:#f5f5f2;--surface:#fff;--ink:#141414;--muted:#73736d;--line:#e6e5df;--orange:#f28a00;--orange2:#ffad33;--dark:#111;--soft:#efeee9;--green:#217a48;--red:#b42318;--shadow:0 16px 50px rgba(18,18,16,.08);--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.top{position:sticky;top:0;z-index:40;padding-top:env(safe-area-inset-top);background:rgba(17,17,17,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.topin{max-width:1240px;margin:auto;padding:11px 18px;display:flex;align-items:center;gap:12px}.brandmark{width:46px;height:46px;flex:0 0 46px}.brand h1{margin:0;color:#fff;font-size:18px;line-height:1.05;letter-spacing:.02em}.brand p{margin:4px 0 0;color:#aaa;font-size:11px}.spacer{flex:1}.nav-actions{display:flex;gap:8px;align-items:center}.nav-btn{border:1px solid rgba(255,255,255,.13);background:#1b1b1b;color:white;padding:10px 13px;border-radius:999px;font-weight:800;font-size:13px}.nav-btn.accent{background:var(--orange);border-color:var(--orange);color:#111}.toplink{color:#bbb;font-size:13px;font-weight:750}
.hero{max-width:1240px;margin:18px auto 0;padding:0 18px}.heroBox{position:relative;overflow:hidden;min-height:360px;border-radius:30px;padding:44px;background:radial-gradient(circle at 82% 14%,rgba(242,138,0,.27),transparent 30%),linear-gradient(135deg,#111 0%,#20201e 60%,#2e2d29 100%);box-shadow:var(--shadow);color:#fff;display:flex;align-items:center}.heroBox:after{content:"DK";position:absolute;right:-25px;bottom:-82px;font-size:250px;font-weight:950;line-height:1;color:rgba(255,255,255,.035);letter-spacing:-.08em}.hero-copy{position:relative;z-index:2;max-width:740px}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#ffb247;font-weight:900}.kicker:before{content:"";width:24px;height:3px;border-radius:2px;background:var(--orange)}.hero h2{font-size:clamp(40px,7vw,72px);line-height:.92;letter-spacing:-.045em;margin:18px 0 18px;max-width:780px}.hero p{margin:0;color:#c8c8c3;line-height:1.55;font-size:16px;max-width:620px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-btn{border:0;border-radius:14px;padding:13px 17px;font-weight:900;cursor:pointer}.hero-btn.primary{background:var(--orange);color:#111}.hero-btn.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}.hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.statpill{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);border-radius:14px;padding:10px 13px;color:#ddd;font-size:12px}.statpill b{color:white;font-size:16px;margin-right:5px}
.catalog{max-width:1240px;margin:18px auto 48px;padding:0 18px}.search-panel{position:sticky;top:69px;z-index:30;background:rgba(245,245,242,.94);backdrop-filter:blur(12px);padding:10px 0 12px}.searchbox{position:relative}.searchbox:before{content:"⌕";position:absolute;left:17px;top:50%;transform:translateY(-53%);font-size:25px;color:#777}.searchbox input{width:100%;border:1px solid var(--line);background:#fff;border-radius:17px;padding:16px 18px 16px 50px;font-size:16px;outline:none;box-shadow:0 5px 18px rgba(0,0,0,.025)}.searchbox input:focus{border-color:#c6c3b8;box-shadow:0 0 0 4px rgba(242,138,0,.08)}.undersearch{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 0}.count{font-size:12px;color:var(--muted)}.clearbtn{border:0;background:none;color:#777;font-size:12px;font-weight:800;cursor:pointer}.chips{display:flex;gap:8px;overflow:auto;padding:8px 0 3px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;white-space:nowrap;font-size:12px;font-weight:850;cursor:pointer;color:#444}.chip.active{background:#111;color:#fff;border-color:#111}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:12px 0 14px}.section-title h3{font-size:23px;margin:0;letter-spacing:-.025em}.section-title p{margin:0;color:var(--muted);font-size:13px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:23px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 9px 28px rgba(0,0,0,.035);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 17px 38px rgba(0,0,0,.07)}.photo{height:228px;background:linear-gradient(145deg,#ecebe6,#f7f6f2);display:grid;place-items:center;overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:cover}.placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#aaa}.placeholder .dkghost{font-size:54px;font-weight:950;letter-spacing:-.06em;color:#d1d0c9}.placeholder small{font-weight:800;font-size:11px;color:#aaa}.badge{position:absolute;left:12px;top:12px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(255,255,255,.93);backdrop-filter:blur(7px);border:1px solid rgba(0,0,0,.07);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;color:#444}.cardbody{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.name{font-weight:900;line-height:1.22;font-size:16px;letter-spacing:-.01em}.desc{font-size:12px;color:#73736d;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.prices{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.price{background:#f7f6f2;border:1px solid var(--line);border-radius:13px;padding:8px 10px;min-width:84px}.price b{display:block;font-size:17px;letter-spacing:-.02em}.price span{font-size:10px;color:#70706b}.card-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:3px}.btn{border:0;border-radius:13px;padding:11px 13px;font-weight:900;cursor:pointer}.primary{background:var(--orange);color:#111}.dark{background:#111;color:#fff}.ghost{background:#f0efea;color:#222}.danger{background:#fff0ef;color:#9d1f18}.full{width:100%}.small{padding:8px 9px;border-radius:9px;font-size:12px}.iconbtn{width:43px;padding:0;background:#111;color:#fff;font-size:18px}.loader{grid-column:1/-1;text-align:center;padding:70px 16px;color:#777}.empty{grid-column:1/-1;text-align:center;padding:70px 16px;color:#777;background:#fff;border:1px solid var(--line);border-radius:22px}
.contact-section{max-width:1240px;margin:0 auto 32px;padding:0 18px}.contact-card{background:#111;color:white;border-radius:28px;padding:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.contact-card h3{font-size:30px;line-height:1.05;margin:0 0 9px;letter-spacing:-.03em}.contact-card p{color:#aaa;line-height:1.5;margin:0}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-link{border:1px solid rgba(255,255,255,.1);background:#1b1b1b;border-radius:15px;padding:13px}.contact-link b{display:block;font-size:13px}.contact-link span{font-size:11px;color:#999}.contact-link.orange{background:var(--orange);color:#111;border-color:var(--orange)}.contact-link.orange span{color:#5e3a00}.fees{max-width:1240px;margin:0 auto 34px;padding:0 18px}.feebox{background:#fff;border:1px solid var(--line);border-radius:21px;padding:18px}.feebox h3{margin:0 0 8px;font-size:16px}.feebox ul{margin:0;padding-left:18px;color:#666;line-height:1.8;font-size:12px}.footerNote{text-align:center;color:#96968f;font-size:11px;padding:0 16px 88px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:flex-end;justify-content:center;z-index:80;padding-top:40px}.modal.open{display:flex}.sheet{background:#fff;width:min(820px,100%);max-height:92vh;overflow:auto;border-radius:28px 28px 0 0;padding:20px 20px 28px;box-shadow:0 -20px 70px rgba(0,0,0,.25)}.close{float:right;border:0;background:#eee;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer}.detail-cat{font-size:11px;color:#8a8a84;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.detail-title{font-size:30px;line-height:1.06;margin:7px 50px 4px 0;letter-spacing:-.035em}.detail-model{color:#777;font-size:13px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:145px;gap:8px;margin:16px 0}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:15px;background:#eee}.gallery img:first-child{grid-row:span 2}.bigplaceholder{height:260px;background:linear-gradient(145deg,#ecebe6,#f7f6f2);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:74px;font-weight:950;color:#d0cfc9;margin:16px 0}.detailtext{color:#5f5f5a;line-height:1.6;white-space:pre-wrap;font-size:14px}.specs{background:#f7f6f2;border:1px solid var(--line);border-radius:15px;padding:14px;white-space:pre-wrap;color:#444;margin:13px 0;font-size:13px}.detail-actions{display:grid;grid-template-columns:1.15fr 1fr auto;gap:8px;margin-top:15px}.sharebtn{width:48px;padding:0}
.mobilebar{position:fixed;z-index:55;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:none;background:rgba(17,17,17,.96);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:19px;padding:7px;box-shadow:0 16px 50px rgba(0,0,0,.25)}.mobilebar a,.mobilebar button{flex:1;border:0;background:transparent;color:white;padding:10px 5px;border-radius:13px;font-size:11px;font-weight:850;text-align:center}.mobilebar .call{background:var(--orange);color:#111}.mobilebar-inner{display:flex;gap:4px}
.install-toast{position:fixed;z-index:100;left:50%;bottom:95px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#111;color:#fff;border-radius:16px;padding:13px 16px;font-size:12px;max-width:min(420px,calc(100% - 28px));box-shadow:0 14px 40px rgba(0,0,0,.3);transition:.2s}.install-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* admin */.loginbox{max-width:470px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.loginbox h2{margin:0 0 8px;font-size:28px;letter-spacing:-.035em}.loginbox p{color:#777;line-height:1.45}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field label{font-size:11px;font-weight:900;color:#5f5f59;text-transform:uppercase;letter-spacing:.03em}.field input,.field textarea,.field select{border:1px solid #dddcd5;border-radius:13px;padding:12px;background:#fff;outline:none}.field input:focus,.field textarea:focus{border-color:#aaa}.field textarea{min-height:105px;resize:vertical}.adminbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:22px 0 12px}.adminbar h2{margin:0;flex:1;font-size:26px;letter-spacing:-.03em}.status{font-size:12px;color:var(--green);font-weight:850}.notice{background:#fff7e9;border:1px solid #ffd7a8;border-radius:14px;padding:12px;font-size:12px;color:#6e4b20;margin:10px 0 14px}.adminstats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.adminstat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px}.adminstat b{display:block;font-size:23px}.adminstat span{font-size:11px;color:#777}.adminlist{display:flex;flex-direction:column;gap:9px}.adminitem{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:center}.thumb{width:74px;height:62px;background:#eee;border-radius:11px;overflow:hidden;display:grid;place-items:center;font-size:28px}.thumb img{width:100%;height:100%;object-fit:cover}.meta{font-size:11px;color:#777;margin-top:4px}.acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.formmodal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;z-index:90;padding:16px}.formmodal.open{display:flex}.formbox{background:#fff;width:min(780px,100%);max-height:94vh;overflow:auto;border-radius:24px;padding:21px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row{display:flex;gap:8px;flex-wrap:wrap}.photosPreview{display:flex;gap:8px;flex-wrap:wrap}.pthumb{width:94px;height:76px;border-radius:11px;overflow:hidden;background:#eee;position:relative}.pthumb img{width:100%;height:100%;object-fit:cover}.pthumb button{position:absolute;right:3px;top:3px;border:0;background:rgba(0,0,0,.7);color:#fff;border-radius:50%;width:24px;height:24px;cursor:pointer}.error{font-size:12px;color:var(--red)}.hidden{display:none!important}
@media(max-width:930px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{grid-template-columns:1fr}.heroBox{min-height:330px}}
@media(max-width:620px){.topin{padding:9px 12px}.brandmark{width:42px;height:42px;flex-basis:42px}.brand h1{font-size:16px}.nav-actions .nav-btn:not(.accent){display:none}.hero{padding:0 11px;margin-top:11px}.heroBox{min-height:330px;border-radius:24px;padding:25px 21px}.heroBox:after{font-size:160px;right:-20px;bottom:-52px}.hero h2{font-size:43px}.hero p{font-size:14px}.hero-actions{margin-top:20px}.hero-stats{margin-top:18px}.catalog{padding:0 11px;margin-top:10px}.search-panel{top:calc(64px + env(safe-area-inset-top));padding-top:8px}.grid{grid-template-columns:1fr;gap:11px}.photo{height:225px}.section-title{margin-top:5px}.contact-section,.fees{padding:0 11px}.contact-card{border-radius:23px;padding:21px}.contact-links{grid-template-columns:1fr}.footerNote{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.mobilebar{display:block}.detail-title{font-size:25px}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:120px}.gallery img:first-child{grid-column:1/-1;grid-row:auto;height:230px}.detail-actions{grid-template-columns:1fr 1fr}.detail-actions .sharebtn{grid-column:1/-1;width:100%;height:42px}.sheet{padding:17px 14px 25px}.adminbar{align-items:stretch}.adminbar h2{flex-basis:100%}.adminstats{grid-template-columns:1fr 1fr 1fr}.adminitem{grid-template-columns:62px 1fr}.adminitem .acts{grid-column:1/-1;justify-content:stretch}.adminitem .acts button{flex:1}.thumb{width:62px;height:56px}.formgrid{grid-template-columns:1fr}.loginbox{margin:35px 0}.nav-actions .accent{font-size:12px;padding:9px 11px}}


.install-strip{max-width:1240px;margin:12px auto 0;padding:0 18px}.install-strip-inner{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:13px 14px;box-shadow:0 8px 28px rgba(0,0,0,.045)}.install-icon{width:48px;height:48px;border-radius:14px;background:#111;color:#fff;display:grid;place-items:center;font-weight:950;border-bottom:5px solid var(--orange);flex:0 0 48px}.install-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.install-copy b{font-size:14px}.install-copy span{font-size:12px;color:var(--muted)}.install-main-btn{border:0;background:var(--orange);color:#111;border-radius:13px;padding:11px 15px;font-weight:900;cursor:pointer;white-space:nowrap}.install-main-btn:hover{filter:brightness(.97)}
.install-help{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.58);display:none;align-items:center;justify-content:center;padding:18px}.install-help.show{display:flex}.install-help-card{position:relative;width:min(430px,100%);background:#fff;border-radius:24px;padding:24px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.install-help-close{position:absolute;right:14px;top:14px;border:0;background:#eee;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer}.install-help-icon{width:62px;height:62px;border-radius:17px;background:#111;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:950;border-bottom:6px solid var(--orange);margin-bottom:14px}.install-help h3{font-size:24px;margin:0 45px 12px 0}.install-help p,.install-help ol{color:#555;line-height:1.55;font-size:14px}.install-help ol{padding-left:22px}.install-help li{margin:8px 0}
@media(max-width:620px){.install-strip{padding:0 11px;margin-top:9px}.install-strip-inner{border-radius:18px;padding:11px}.install-copy span{display:none}.install-main-btn{font-size:12px;padding:10px 11px}.install-icon{width:42px;height:42px;flex-basis:42px}.install-help-card{padding:21px}}