/* Kazuhiri 3D Models - tema "otel si gheata" */
:root{
  --bg:#080b10; --bg2:#0d1118; --card:#111720; --card2:#161e29; --line:#1d2733; --line2:#2b3a4b;
  --tx:#e7eef6; --tx2:#9db0c4; --tx3:#64778b; --accent:#4cc3ff; --accent-tx:#04131c;
  --r:14px; --r-sm:9px;
  --ff:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; --fh:'Oxanium','Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;color:var(--tx);font:15px/1.55 var(--ff);-webkit-font-smoothing:antialiased;background:var(--bg)}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(transparent 0 0),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 48px);
  -webkit-mask:radial-gradient(900px 600px at 50% 0,#000,transparent 75%);mask:radial-gradient(900px 600px at 50% 0,#000,transparent 75%)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--fh);font-weight:700;line-height:1.15;margin:0;letter-spacing:.01em}
h1{font-size:clamp(24px,3vw,32px)} h2{font-size:20px} h3{font-size:17px}
h4{font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--tx3);margin:0 0 12px;font-weight:600}
.wrap{max-width:1380px;margin:0 auto;padding:0 24px}
.muted{color:var(--tx2)} .small{font-size:13px}
.ico{width:17px;height:17px;flex:none}
.gold{color:var(--accent)!important;font-weight:700}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:var(--r-sm);border:1px solid var(--line2);
  background:var(--card);color:var(--tx);font:600 14px var(--ff);cursor:pointer;transition:background .15s,border-color .15s,filter .15s}
.btn:hover{border-color:var(--accent)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-tx)}
.btn-primary:hover{filter:brightness(1.1)}
.btn-ghost{background:transparent}
.btn-sm{height:32px;padding:0 12px;font-size:13px}
.btn-lg{height:50px;font-size:16px;width:100%}
.btn-discord{background:#5865f2;border-color:#5865f2;color:#fff}
.btn-discord:hover{background:#6b76f5;border-color:#6b76f5}
.btn-discord svg{width:20px;height:20px}

/* ---------- antet ---------- */
.top{position:sticky;top:0;z-index:60;background:rgba(8,11,16,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top-in{max-width:1380px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:22px}
.brand{display:inline-flex;align-items:center;flex:none}
.logo{display:inline-flex;align-items:center;gap:10px;line-height:1;white-space:nowrap}
.logo .cube{width:30px;height:30px;color:var(--accent);flex:none}
.logo-t{display:flex;flex-direction:column;gap:3px}
.logo b{font:800 19px var(--fh);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.logo i{font:600 10px var(--ff);font-style:normal;letter-spacing:.34em;text-transform:uppercase;color:var(--accent)}
.mainnav{flex:1;min-width:0}
.mainnav>ul{list-style:none;margin:0;padding:0;display:flex;gap:0;align-items:center;height:64px}
.mainnav>ul>li{position:relative;height:100%;display:flex;align-items:center}
.mainnav>ul>li>a{position:relative;display:flex;align-items:center;gap:5px;height:100%;padding:0 12px;font-size:14px;font-weight:500;color:var(--tx2);white-space:nowrap}
.mainnav>ul>li>a:after{content:'';position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .15s}
.mainnav>ul>li>a:hover,.mainnav>ul>li.on>a{color:var(--tx)}
.mainnav>ul>li.on>a:after,.mainnav>ul>li>a:hover:after{transform:scaleX(1)}
.mainnav .car{width:0;height:0;border:4px solid transparent;border-top:5px solid currentColor;margin-top:4px;opacity:.6}
.mainnav li.hi>a{color:var(--ev)}
.mainnav li.hi>a:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ev);box-shadow:0 0 0 3px color-mix(in srgb,var(--ev) 25%,transparent)}
.mainnav li.hi>a:after{background:var(--ev)}
.dd-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;list-style:none;margin:0;padding:8px;background:var(--card2);border:1px solid var(--line2);border-top:2px solid var(--accent);border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(0,0,0,.6)}
.mainnav li.dd:hover .dd-menu,.mainnav li.dd:focus-within .dd-menu{display:block}
.dd-menu a{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;font-size:14px;color:var(--tx2)}
.dd-menu a:hover{background:var(--card);color:var(--tx)}
.dd-menu em{margin-left:auto;font-style:normal;font-size:12px;color:var(--tx3)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.dot.big{width:14px;height:14px;margin-right:10px;vertical-align:middle}
.search{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px;height:38px;width:230px;flex:none}
.search:focus-within{border-color:var(--accent)}
.search .ico{color:var(--tx3);width:15px;height:15px}
.search input{flex:1;background:none;border:0;outline:0;color:var(--tx);font:14px var(--ff);min-width:0}
.lang{font-weight:600;font-size:12px;color:var(--tx2);padding:6px 9px;border-radius:7px;border:1px solid var(--line)}
.lang:hover{color:var(--tx);border-color:var(--line2)}
.burger{display:none;width:40px;height:40px;border-radius:9px;border:1px solid var(--line2);background:var(--card);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}
.burger span{display:block;width:18px;height:2px;background:var(--tx);border-radius:2px}

/* ---------- prima pagina: slider cu modele recomandate ---------- */
.hero{padding:30px 0 10px}
.slides{position:relative}
.slide{display:none;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:34px;align-items:center;
  background:linear-gradient(120deg,var(--card) 0%,var(--bg2) 60%);border:1px solid var(--line);border-radius:20px;padding:30px;overflow:hidden;position:relative}
.slide.on{display:grid}
.slide:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ev,var(--accent))}
.slide-txt{display:flex;flex-direction:column;gap:14px;padding-left:10px;min-width:0}
.slide-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.slide h1{font-size:clamp(28px,3.4vw,44px)}
.slide h1 a:hover{color:var(--accent)}
.slide p{margin:0;color:var(--tx2);font-size:16px;max-width:52ch}
.slide-price{display:flex;align-items:baseline;gap:8px}
.slide-price b{font:700 32px var(--fh);color:var(--accent)}
.slide-price b.ask{font-size:18px;color:var(--tx2)}
.slide-price small{color:var(--tx3);font-size:14px}
.slide-price s{color:var(--tx3)}
.slide-cta{display:flex;gap:10px;flex-wrap:wrap}
.slide-meta{display:flex;gap:16px;color:var(--tx3);font-size:13px}
.slide-meta span{display:inline-flex;align-items:center;gap:6px}
.slide-meta svg{width:15px;height:15px}
.slide-img{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#1c232d}
.slide-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.slide-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.slide-thumbs button{flex:none;display:flex;align-items:center;gap:10px;width:220px;padding:6px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--tx2);cursor:pointer;text-align:left;font:500 13px var(--ff)}
.slide-thumbs button img{width:54px;height:42px;object-fit:cover;border-radius:8px;flex:none;background:#1c232d}
.slide-thumbs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slide-thumbs button:hover{border-color:var(--line2);color:var(--tx)}
.slide-thumbs button.on{border-color:var(--accent);color:var(--tx);box-shadow:inset 0 0 0 1px var(--accent)}

.statbar{margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.statbar-in{display:flex;align-items:center;gap:30px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.stat{display:flex;align-items:baseline;gap:7px}
.stat b{font:700 24px var(--fh);color:#fff}
.stat span{color:var(--tx3);font-size:13px}
.statbar-txt{flex:1;min-width:240px;margin:0;color:var(--tx2);font-size:14px;border-left:1px solid var(--line2);padding-left:24px}

.pricenote{margin-top:18px}
.pricenote h4{margin-bottom:10px;color:var(--accent)}
.pn-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}
.pn-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px}
.pn-row span{color:var(--tx2);font-size:14.5px}
.pn-row b{flex:none;font:700 22px var(--fh);color:#fff}
.cols{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start;padding-top:28px}
.content{min-width:0}
.sec{padding-top:26px}
.sec-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.sec-head h2{flex:1;font-size:22px}
.side-toggle{display:none}

/* arborele de categorii */
.side{position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.side-box{border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);padding:12px}
.side-h{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:700;padding:4px 6px 10px}
.side-filter{width:100%;background:var(--card);border:1px solid var(--line);border-radius:8px;color:var(--tx);font:13.5px var(--ff);padding:8px 10px;outline:0;margin-bottom:8px}
.side-filter:focus{border-color:var(--accent)}
.tree,.tree ul{list-style:none;margin:0;padding:0}
.tree>li{border-top:1px solid var(--line);padding:6px 0}
.tree>li:first-child{border-top:0}
.tree a{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:7px;font-size:14px;color:var(--tx2);position:relative}
.tree a:hover{color:var(--tx);background:var(--card)}
.tree a.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.tree a.on:before{content:'';position:absolute;left:-12px;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--accent)}
.tree .tg>a{color:var(--tx);font-weight:600}
.tree .tg>a .ico{color:var(--accent);width:16px;height:16px}
.tree ul a{padding-left:33px;font-size:13.5px}
.tree em{margin-left:auto;font-style:normal;font-size:12px;color:var(--tx3);font-variant-numeric:tabular-nums}

/* carduri */
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.subnav a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;padding:7px 13px;border-radius:var(--r-sm);background:var(--card);border:1px solid var(--line);color:var(--tx2)}
.subnav a .ico{width:15px;height:15px;color:var(--accent)}
.subnav a:hover{border-color:var(--accent);color:var(--tx)}
.subnav em{font-style:normal;color:var(--tx3);font-size:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .15s,transform .15s;position:relative}
.card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-3px)}
.card[style*="--ev"]{border-top:2px solid var(--ev)}
.card-img{position:relative;display:block;aspect-ratio:1/1;background:#1c232d}
.card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s}
.card-img img.alt{opacity:0}
.card:hover .card-img img.alt{opacity:1}
.noimg{position:absolute;inset:0;display:grid;place-items:center;color:var(--line2)}
.noimg svg{width:54px;height:54px}
.evtag{position:absolute;top:10px;left:10px;z-index:2;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px 3px 18px;border-radius:5px;
  color:#fff;background:rgba(8,11,16,.78);border:1px solid color-mix(in srgb,var(--ev) 60%,transparent)}
.evtag:before{content:'';position:absolute;left:7px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--ev)}
.evtag.static{position:relative;top:auto;left:auto;display:inline-block}
.newtag{position:absolute;top:10px;right:10px;z-index:2;font-size:10.5px;font-weight:800;letter-spacing:.1em;padding:3px 8px;border-radius:5px;background:var(--accent);color:var(--accent-tx)}
.card-over{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;gap:8px;padding:34px 12px 11px;background:linear-gradient(transparent,rgba(5,8,12,.92) 70%)}
.card-title{flex:1;min-width:0;font:700 15.5px/1.25 var(--fh);color:#fff;letter-spacing:.01em}
.from{font-size:11px;color:var(--tx2);margin-bottom:3px}
.ptag{flex:none;font:700 15px var(--fh);color:var(--accent)}
.ptag.free{color:#5fd68f}
.ptag.sold{color:#f08a7e;font-size:13px}
.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:9px}
.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--tx3)}
.cpill{font-size:11.5px;padding:2px 8px;border-radius:5px;background:var(--bg2);border:1px solid var(--line);color:var(--tx2)}
.cpill:hover{color:var(--tx);border-color:var(--line2)}
.card-act{display:flex;gap:8px;align-items:center}
.dbtn{flex:1;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);color:var(--tx);font-size:13px;font-weight:600}
.dbtn:hover{border-color:var(--accent);color:var(--accent)}
.vbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);
  background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font:700 13px var(--ff);cursor:pointer}
.vbtn svg{width:13px;height:13px}
.vbtn:hover{background:var(--accent);color:var(--accent-tx)}
.vbtn.icon{width:34px;padding:0;flex:none}
.vbtn.btn{height:42px;padding:0 20px;font-size:14px}

.crumbs{display:flex;flex-wrap:wrap;gap:7px;color:var(--tx3);font-size:13px;margin-bottom:14px}
.crumbs a:hover{color:var(--tx)} .crumbs b{color:var(--tx2);font-weight:500}
.list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.list-head p{margin:6px 0 0;max-width:62ch;font-size:14.5px}
.list-tools{display:flex;align-items:center;gap:12px}
select{background:var(--bg2);color:var(--tx);border:1px solid var(--line);border-radius:8px;height:36px;padding:0 10px;font:14px var(--ff)}
.pager{display:flex;justify-content:center;gap:6px;margin:26px 0 6px}
.pager a,.pager span{min-width:38px;height:38px;display:grid;place-items:center;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--tx2);font-weight:600}
.pager a:hover{border-color:var(--accent);color:var(--tx)}
.pager a.on{background:var(--accent);border-color:var(--accent);color:var(--accent-tx)}
.pager span{border:0;background:none}
.empty-box{border:1px dashed var(--line2);border-radius:var(--r);padding:60px 20px;text-align:center;color:var(--tx2)}
.empty-box h1{margin-bottom:8px}

/* evenimente */
.evgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.evcard{position:relative;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);border-left:4px solid var(--ev);background:var(--card)}
.evcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.evcard:hover img{transform:scale(1.04)}
.evshade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,8,12,.92))}
.evtxt{position:absolute;left:18px;bottom:14px;display:flex;flex-direction:column}
.evtxt b{font:700 22px var(--fh);color:#fff}
.evtxt em{font-style:normal;color:var(--tx2);font-size:13px}

/* ---------- pagina modelului ---------- */
.draft-note{background:#2a2414;border:1px solid #5a4a22;color:#e8d29a;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:14px}
.prod-cols{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.prod-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:6px}
.prod-title{font-size:clamp(26px,3.2vw,38px)}
.lead{color:var(--tx2);margin:0 0 6px;max-width:75ch;font-size:15.5px}
.gal{min-width:0;margin-top:16px}
.gal-main{position:relative;aspect-ratio:16/9;background:#1c232d;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.gal-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s;cursor:zoom-in}
.gal-main img.on{opacity:1;z-index:1}
.gal-main.empty{display:grid;place-items:center;color:var(--line2)}
.big-ico{width:90px;height:90px}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.14);
  background:rgba(8,11,16,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center}
.gal-nav:hover{background:rgba(8,11,16,.88);border-color:var(--accent)}
.gal-nav.prev{left:12px} .gal-nav.next{right:12px}
.gal-zoom{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:rgba(8,11,16,.6);color:#fff;cursor:pointer;display:grid;place-items:center}
.gal-zoom svg{width:18px;height:18px}
.gal-count{position:absolute;left:12px;bottom:12px;z-index:2;background:rgba(8,11,16,.75);border-radius:6px;padding:3px 9px;font-size:12.5px;color:var(--tx2)}
.gal-count b{color:#fff}
.angles{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.angles button{background:var(--card);border:1px solid var(--line);color:var(--tx2);border-radius:8px;padding:6px 13px;font:500 13px var(--ff);cursor:pointer}
.angles button:hover{color:var(--tx);border-color:var(--line2)}
.angles button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-tx)}
.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.thumbs button{position:relative;flex:none;width:100px;aspect-ratio:4/3;border-radius:9px;border:2px solid transparent;background:#1c232d;padding:0;cursor:pointer;overflow:hidden}
.thumbs button img{width:100%;height:100%;object-fit:cover}
.thumbs button span{position:absolute;left:0;right:0;bottom:0;font-size:10.5px;padding:2px 4px;background:rgba(0,0,0,.65);color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thumbs button.on{border-color:var(--accent)}
.prod-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}
.pbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;border-top:2px solid var(--accent)}
.pbox-h{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:700;padding-bottom:8px}
.specs{margin:0 0 14px}
.specs div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;font-size:14px}
.specs div+div{border-top:1px solid var(--line)}
.specs dt{color:var(--tx3)} .specs dd{margin:0;text-align:right;font-weight:500}
.specs dd.gold{font:700 17px var(--fh)}
.specs s{color:var(--tx3);font-weight:400;margin-left:4px;font-size:13px}
.specs .evtag{position:relative;top:auto;left:auto}
.quick{display:flex;flex-wrap:wrap;gap:14px;margin:14px 0 2px;color:var(--tx2);font-size:13.5px}
.quick a{display:inline-flex;align-items:center;gap:6px}
.quick a:hover{color:var(--tx)}
.quick svg{width:15px;height:15px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.tags a{font-size:12px;color:var(--tx2);background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:2px 8px}
.tags a:hover{color:var(--tx)}
.rel{list-style:none;margin:0;padding:0}
.rel a{display:flex;align-items:center;gap:10px;padding:7px 4px;border-radius:8px;font-size:14px;color:var(--tx2)}
.rel a:hover{background:var(--card2);color:var(--accent)}
.rel img,.rel .ph{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#1c232d;flex:none}
.block{margin-top:30px}
.block>h2{margin-bottom:14px}
.vid{margin:0 0 16px}
.vid-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.vid-frame iframe,.vid-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid figcaption,.anim figcaption{color:var(--tx2);font-size:13.5px;padding-top:8px}
.vid-link{display:flex;align-items:center;gap:10px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);word-break:break-all}
.vid-link svg{width:20px;height:20px;color:var(--accent);flex:none}
.anims{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.anim{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.anim>video,.anim>img,.anim>iframe,.anim>.noimg{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#1c232d;border:0;position:relative}
.anim figcaption{padding:9px 12px;font-weight:600;color:var(--tx)}
.prose{max-width:900px}
.prose h2{margin:0 0 12px}
.prose p,.prose ul{color:var(--tx2);margin:0 0 16px}
.prose li{margin:4px 0}
.prose a{color:var(--accent)}
.incl{list-style:none;padding:0}
.incl li{position:relative;padding:3px 0 3px 24px}
.incl li:before{content:'';position:absolute;left:3px;top:10px;width:10px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}

/* ferestre */
dialog{color:var(--tx)}
.buy,.vdlg{border:1px solid var(--line2);border-radius:16px;background:var(--bg2);padding:0}
.buy{width:min(460px,calc(100vw - 32px));border-top:3px solid var(--accent)}
.buy::backdrop,.vdlg::backdrop{background:rgba(0,0,0,.75)}
.buy-in{padding:26px;display:flex;flex-direction:column;gap:12px;position:relative}
.x{position:absolute;top:10px;right:14px;background:none;border:0;color:var(--tx2);font-size:28px;cursor:pointer;line-height:1;z-index:3}
.x:hover{color:var(--tx)}
.buy h3{font-size:20px}
.buy-name{margin:0;color:var(--accent);font-weight:600}
.buy-msg{width:100%;resize:none;background:var(--card);border:1px solid var(--line);border-radius:8px;color:var(--tx);padding:10px;font:14px var(--ff)}
.copy-msg{align-self:flex-start}
.buy-ways{display:grid;gap:8px;margin-top:4px}
.way{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card)}
.way:hover{border-color:var(--accent)}
.way span{color:var(--tx2);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.way-discord b{color:#8f9cff}
.vdlg{width:min(1100px,calc(100vw - 24px));background:#000;overflow:visible}
.vdlg .x{top:-42px;right:0;color:#fff}
.vdlg-in{position:relative;aspect-ratio:16/9}
.vdlg-in iframe,.vdlg-in video{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px}
.lb{position:fixed;inset:0;z-index:100;background:rgba(4,6,9,.95);display:flex;align-items:center;justify-content:center}
.lb img{max-width:92vw;max-height:86vh;object-fit:contain}
.lb-x{position:absolute;top:14px;right:20px;background:none;border:0;color:#fff;font-size:38px;cursor:pointer}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.08);border:0;color:#fff;font-size:30px;width:54px;height:54px;border-radius:12px;cursor:pointer}
.lb-nav.prev{left:18px} .lb-nav.next{right:18px}
.lb-cap{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:var(--tx2);font-size:14px}

/* subsol */
.foot{margin-top:70px;border-top:1px solid var(--line);background:var(--bg2)}
.foot-in{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:36px;padding-bottom:26px}
.foot-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}
.foot-steps{margin:0;padding-left:18px;color:var(--tx2);font-size:13.5px;display:grid;gap:6px}
.foot-steps b{color:var(--tx);font-weight:600}
.foot-links{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;color:var(--tx2)}
.foot-links a:hover{color:var(--accent)}
.foot-bottom{border-top:1px solid var(--line);padding-top:14px;padding-bottom:20px}

/* ---------- ecrane mici ---------- */
@media (max-width:1180px){
  .search{width:170px}
  .mainnav>ul>li>a{padding:0 8px;font-size:13.5px}
  .mainnav>ul>li>a:after{left:8px;right:8px}
}
@media (max-width:1020px){
  .burger{display:flex}
  .top{backdrop-filter:none;background:var(--bg)}
  .top-in{gap:12px}
  .mainnav{position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg);overflow:auto;padding:12px 16px 40px;display:none;border-top:1px solid var(--line)}
  body.menu-open .mainnav{display:block}
  body.menu-open{overflow:hidden}
  .mainnav>ul{flex-direction:column;align-items:stretch;gap:2px;height:auto}
  .mainnav>ul>li{height:auto;display:block}
  .mainnav>ul>li>a{padding:12px;font-size:16px;height:auto}
  .mainnav>ul>li>a:after,.mainnav .car{display:none}
  .dd-menu{display:block;position:static;box-shadow:none;border:0;background:none;padding:0 0 6px 14px}
  .search{margin-left:auto;width:auto;flex:1;max-width:340px}
  .slide{grid-template-columns:1fr;padding:18px;gap:18px}
  .slide-img{order:-1}
  .cols{grid-template-columns:1fr;padding-top:18px}
  .side{display:none;position:static;max-height:none}
  body.side-open .side{display:block}
  .side-toggle{display:inline-flex}
  .prod-cols{grid-template-columns:1fr}
  .prod-side{position:static}
  .foot-in,.foot-cols{grid-template-columns:1fr;gap:24px}
  .statbar-txt{border-left:0;padding-left:0;flex-basis:100%}
}
@media (max-width:640px){
  .wrap,.top-in{padding:0 16px}
  .top-in{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px}
  .search{order:4;flex-basis:100%;max-width:none}
  .lang{margin-left:auto}
  .mainnav{top:110px}
  .logo b{font-size:16px} .logo .cube{width:26px;height:26px}
  .hero{padding-top:16px}
  .slide-txt{padding-left:4px}
  .slide-thumbs button{width:170px}
  .statbar-in{gap:18px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card-title{font-size:13.5px}
  .card-over{padding:26px 9px 9px}
  .card-body{padding:8px 9px 10px}
  .card-meta span{display:none}
  .dbtn{font-size:12px;padding:0 9px}
  .thumbs button{width:78px}
  .gal-nav{width:36px;height:36px;font-size:20px}
  .list-tools{flex-wrap:wrap}
}