:root{--bg:#0c0b17;--card:#16152a;--line:#2a2845;--gold:#e8c36a;--vio:#7c5cff;--txt:#f1f1f6;--mut:#cfcfe6}
*{box-sizing:border-box;margin:0}
body{font-family:system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 50% -10%,#241c4d,var(--bg) 55%) fixed;color:var(--txt);min-height:100vh}
.wrap{max-width:1100px;margin:auto;padding:16px}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.logo{font-weight:800;font-size:1.25rem;color:var(--gold)}
h1{font-size:clamp(1.7rem,6vw,2.8rem);text-align:center;margin:22px 0 6px;line-height:1.15}
.sub{text-align:center;color:var(--mut);margin-bottom:22px}
input,select,textarea,button{font:inherit;color:var(--txt);background:#1d1c36;border:1px solid var(--line);border-radius:12px;padding:11px 14px}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
button{cursor:pointer;background:linear-gradient(135deg,var(--vio),#b06cff);border:0;font-weight:600}
button.gold{background:linear-gradient(135deg,#f3d68a,#c99a2e);color:#1a1405}
button.ghost{background:transparent;border:1px solid var(--line)}
button.red{background:#c2384a;padding:6px 12px}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;transition:.2s}
.card:hover{transform:translateY(-3px);border-color:var(--gold)}
.num{font-size:1.6rem;font-weight:800;letter-spacing:1.5px;margin:10px 0 4px;font-variant-numeric:tabular-nums}
.tag{font-size:.75rem;padding:3px 10px;border-radius:99px;background:#26254a;color:var(--mut)}
.tag.VIP{background:linear-gradient(135deg,#f3d68a,#c99a2e);color:#1a1405;font-weight:700}.tag.Qızıl{background:#2c2410;color:#f0d98a}.tag.Gümüş{background:#2a2d38;color:#d5d9e4}.tag.Bürünc{background:#3a2412;color:#d9935a}
.price{color:var(--gold);font-weight:700;margin:6px 0 14px}
.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;padding:16px}
.modal.on{display:flex}
.box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;width:100%;max-width:380px;display:grid;gap:10px}
table{width:100%;border-collapse:collapse;min-width:620px}
td,th{padding:8px;border-bottom:1px solid var(--line);text-align:left;font-size:.9rem}
.scroll{overflow-x:auto}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:14px 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--mut)}
.stat b{display:block;font-size:1.7rem;color:var(--gold)}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.empty{text-align:center;color:var(--mut);padding:30px;grid-column:1/-1}
a{color:var(--gold)}
.pat{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.pat input{text-align:center;font-size:1.4rem;font-weight:700;padding:12px 0;width:100%;min-width:0}
.hint{color:var(--mut);font-size:.8rem;margin:8px 0 18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;color:var(--gold);letter-spacing:.5px}
.btn{display:block;text-align:center;text-decoration:none;padding:11px 14px;border-radius:12px;font-weight:600}
.btn.gold{background:linear-gradient(135deg,#f3d68a,#c99a2e);color:#1a1405}
.hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0 14px;text-decoration:none}
.hero svg{filter:drop-shadow(0 0 16px #e8c36a66)}
.wmrow{display:flex;align-items:center;gap:12px}
.wmrow i{width:clamp(18px,8vw,48px);height:2px;background:linear-gradient(90deg,transparent,var(--gold))}
.wmrow i:last-child{transform:scaleX(-1)}
.wm{font-size:clamp(1.8rem,9vw,3rem);font-weight:900;letter-spacing:.16em;background:linear-gradient(180deg,#fff3c4,#e8c36a 50%,#a9741a);-webkit-background-clip:text;background-clip:text;color:transparent}
.prices{display:flex;justify-content:center;gap:10px;margin-bottom:10px}
.prices input{width:112px;padding:11px 8px;text-align:center}
.go{width:100%;margin-bottom:22px;padding:13px;font-size:1.05rem}

.hero{gap:4px;filter:drop-shadow(0 0 14px #e8c36a44)}
.as{font-family:Georgia,"Times New Roman",serif;font-weight:900;font-size:clamp(4rem,22vw,6.5rem);line-height:1;letter-spacing:.04em;background:linear-gradient(180deg,#fff3c4,#e8c36a 50%,#a9741a);-webkit-background-clip:text;background-clip:text;color:transparent}
.wm{font-size:clamp(.95rem,4.5vw,1.3rem);letter-spacing:.35em}
.ops{display:flex;justify-content:center;gap:10px;margin-bottom:24px}
.chip{flex:1;max-width:120px;height:54px;background:transparent;border:0;display:flex;align-items:center;justify-content:center;padding:4px 6px}
.chip img{max-width:100%;max-height:100%;object-fit:contain}

.acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cbtn{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 8px;border-radius:12px;color:#fff;text-decoration:none;font-weight:700;font-size:.85rem;white-space:nowrap}
.cbtn.wa{background:#25D366}.cbtn.ph{background:#1e88e5}
.cbtn svg{flex:none}
.contact{text-align:center;margin:0 0 24px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:18px}
.contact h2{font-size:1.2rem;color:var(--gold);margin-bottom:14px}
.contact p{color:var(--mut);margin:4px 0 14px}
.card .acts{margin-top:4px}

.card{overflow:hidden}
.nrow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.nrow .num{font-size:1.4rem;letter-spacing:1px;white-space:nowrap;min-width:0}
.olg{flex:0 1 96px;min-width:56px;height:46px;background:transparent;border:0;border-radius:0;display:flex;align-items:center;justify-content:flex-end;padding:0;overflow:hidden}
.olg img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.tag{font-size:.82rem;color:#e6e6f5;background:#2f2d5c}
.tag.VIP{color:#1a1405;background:linear-gradient(135deg,#f3d68a,#c99a2e)}
.tag.Qızıl{background:#4a3a12;color:#ffe9a6}.tag.Gümüş{background:#454a5c;color:#fff}.tag.Bürünc{background:#5a3518;color:#ffc799}
.hint{font-size:.9rem;color:#dcdcf0}
input::placeholder{color:#a9a9c8}
.btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.btns button{width:100%;padding:13px;font-size:1.05rem;margin:0}
.clr{background:linear-gradient(135deg,var(--vio),#b06cff);color:#fff}

.soc{margin-top:8px}
.cbtn.tt{background:#000;border:1px solid #fe2c55;box-shadow:inset 0 -2px 0 #25f4ee}
.cbtn.ig{background:linear-gradient(135deg,#f58529,#dd2a7b 50%,#8134af)}
.bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
#cnt{color:var(--txt);font-weight:600}
.barr{display:flex;gap:8px;align-items:center;margin-left:auto}
.barr select{padding:9px 12px}
.fvb{padding:9px 14px;background:#1d1c36;border:1px solid var(--line);color:var(--txt)}
.fvb.on{border-color:#ff4d6d;color:#ff4d6d}
.card{position:relative}
.card .fav{position:absolute;top:8px;right:10px;padding:2px 6px;background:transparent;border:0;font-size:1.5rem;line-height:1;color:var(--mut)}
.card .fav.on{color:#ff4d6d}

.opb{padding:11px 10px;font-size:.9rem;line-height:1.2}
.modal{z-index:50}
.box{max-height:90vh;overflow-y:auto}
.box h3{color:var(--gold)}
.og{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:8px}
.pfs{display:flex;gap:16px;flex-wrap:wrap}
.ck{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1rem}
.ck.op{font-weight:700;color:var(--gold)}
.ck input{width:20px;height:20px;padding:0;accent-color:var(--gold);flex:none}

.opb{background:#1d1c36;border:1px solid var(--line);font-weight:400;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

.opb{padding:11px 34px 11px 14px;font-size:1rem;font-weight:400;color:var(--txt);background:#1d1c36 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f1f1f6' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line);border-radius:12px}
.box{position:relative}
.box h3{padding-right:40px}
.xbtn{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0;border-radius:50%;background:#e0334a;color:#fff;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}

.filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.opb{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;overflow-wrap:anywhere;min-height:46px}

.hl{color:#1a1405;background:linear-gradient(135deg,#f3d68a,#c99a2e);border-radius:4px;padding:0 2px;margin:0 -1px}

.opb{white-space:pre-line;display:flex;align-items:center;min-height:62px;line-height:1.3}

*{-webkit-tap-highlight-color:transparent}
.opb{min-height:0;white-space:normal;-webkit-user-select:none;user-select:none}
.opb:focus,.opb:active{outline:none;box-shadow:none}

/* Toxunma animasiyası */
button,.cbtn{transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;will-change:transform}
button:active,.cbtn:active{transform:scale(.94);filter:brightness(1.15)}
.card .fav:active{transform:scale(1.35)}
.xbtn:active{transform:scale(.88) rotate(90deg)}

/* Yeni nişanı: ürəyin solunda, yanıb-sönən qırmızı */
.card .new{position:absolute;top:12px;right:46px;background:#e0334a;color:#fff;font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:99px;animation:blink 1s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 0 0 #e0334a99}50%{opacity:.35;box-shadow:0 0 0 6px #e0334a00}}

/* Quşlu seçimdə toxunduqda çərçivə olmasın */
.ck,.ck input,.og{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.ck:focus,.ck:focus-within,.ck input:focus,.ck input:focus-visible,.ck input:active{outline:none!important;box-shadow:none!important}

/* Operator düyməsi tam en, kateqoriya və sonluq yanbayan */
.filters{grid-template-columns:1fr 1fr}
.filters .opb{grid-column:1/-1}
.filters select{min-width:0;width:100%;text-overflow:ellipsis}

/* Yeni düzülüş: operator tək sətirdə, kateqoriya + sonluq yanbayan */
.fl1{margin-bottom:12px}
.fl1 .opb{width:100%}
.fl2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.fl2 select{width:100%;min-width:0;font-size:.92rem;padding:11px 8px;text-overflow:ellipsis}

/* Min/Max xanaları: yuxarıdakı iki düymə boyda */
.prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.prices input{width:100%;min-width:0;padding:11px 8px;text-align:center;font-size:.92rem}

.fl2{margin-top:12px}

/* Daha çox yüklə + Son axtarışlar */
.more{text-align:center;margin:18px 0 10px}
.more button{width:100%;max-width:340px;padding:13px;font-size:1.02rem}
.hist{margin:-8px 0 20px}
.hh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--mut);font-size:.9rem}
.hx{background:transparent;border:0;color:var(--gold);font-weight:600;padding:4px 6px;font-size:.9rem}
.hc{display:flex;flex-wrap:wrap;gap:8px}
.hc button{background:#1d1c36;border:1px solid var(--line);color:var(--txt);font-weight:500;font-size:.82rem;padding:7px 12px;border-radius:99px;text-align:left;max-width:100%}

.contact h2{margin-bottom:4px}