/* VADEN Arac Hub - v1 */
.vh{--r:#E30613;--rd:#c00511;--d:#17181c;--g:#f5f6f8;--b:#e8e9ec;--t:#22242a;--m:#6b7280;line-height:1.65;color:var(--t)}
.vh *{box-sizing:border-box}
.vh a{color:var(--r);font-weight:600;text-decoration:none}
.vh a:hover{text-decoration:underline}

/* Hero */
.vh-hero{position:relative;border-radius:18px;overflow:hidden;margin:4px 0 26px;background:var(--d)}
.vh-hero img{width:100%;height:auto;display:block;opacity:.92}
.vh-hero .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,14,.82) 0%,rgba(10,10,14,.45) 45%,rgba(10,10,14,0) 75%);display:flex;flex-direction:column;justify-content:center;padding:5%}
.vh-hero .k{color:#fff;font-size:clamp(1.3rem,3vw,2.1rem);font-weight:800;line-height:1.25;max-width:520px;margin:0 0 10px}
.vh-hero .s{color:#d8d9dd;font-size:clamp(.9rem,1.4vw,1.05rem);max-width:460px;margin:0 0 18px}
.vh-hero .cta{display:flex;gap:10px;flex-wrap:wrap}
.vh-btn{display:inline-block;padding:12px 22px;border-radius:9px;font-weight:700;text-decoration:none;font-size:.95rem;border:0;cursor:pointer;transition:background .15s}
.vh-btn.p{background:var(--r);color:#fff}.vh-btn.p:hover{background:var(--rd);text-decoration:none;color:#fff}
.vh-btn.w{background:#fff;color:var(--d)}.vh-btn.w:hover{background:#ececec;text-decoration:none}
.vh-btn.g{background:var(--d);color:#fff}.vh-btn.g:hover{background:#000;text-decoration:none;color:#fff}

/* Stat band */
.vh-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 8px}
.vh-stat{background:var(--g);border:1px solid var(--b);border-radius:12px;padding:16px 14px;text-align:center}
.vh-stat b{display:block;font-size:1.35rem;color:var(--r);font-variant-numeric:tabular-nums}
.vh-stat span{font-size:.82rem;color:var(--m)}

/* Section nav */
.vh-nav{position:sticky;top:64px;z-index:5;display:flex;gap:8px;flex-wrap:wrap;background:#fff;padding:10px 0;margin:18px 0 6px;border-bottom:1px solid var(--b)}
.vh-nav a{font-size:.86rem;font-weight:600;color:var(--t);background:var(--g);border:1px solid var(--b);border-radius:99px;padding:7px 15px}
.vh-nav a:hover{text-decoration:none;border-color:var(--r);color:var(--r)}
.vh-nav a.on{background:var(--r);border-color:var(--r);color:#fff}

/* Sections */
.vh h2.vh-t{font-size:1.5rem;font-weight:800;margin:40px 0 6px;padding-left:13px;border-left:5px solid var(--r)}
.vh .vh-sub{color:var(--m);margin:0 0 18px;padding-left:18px}

/* Catalog */
.vh-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}
.vh-chip{padding:9px 18px;border-radius:99px;border:1.5px solid var(--b);background:#fff;font-weight:600;font-size:.9rem;cursor:pointer;color:var(--t);transition:all .15s}
.vh-chip:hover{border-color:var(--r);color:var(--r)}
.vh-chip.on{background:var(--r);border-color:var(--r);color:#fff}
.vh-search{flex:1;min-width:200px;padding:10px 16px;border:1.5px solid var(--b);border-radius:99px;font-size:.92rem;outline:none}
.vh-search:focus{border-color:var(--r)}
.vh-count{font-size:.88rem;color:var(--m);white-space:nowrap;margin-left:auto}
.vh-count b{color:var(--r)}
/* Katalog kartlari: arama sayfasi tasarimiyla birebir */
#vh-grid .grid-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px;margin:6px 0}
#vh-grid .item{text-align:start}
#vh-grid .item .image{border:1px solid #f2f2f2;border-radius:15px;display:flex;justify-content:center;align-items:center;padding:12px;margin:0}
#vh-grid .item .image img{width:100%;max-width:200px;height:auto}
#vh-grid .item .details{margin:10px 0 0}
#vh-grid .item .details a{display:inline-block;background:#f6f6f6;border-radius:5px;padding:9px 15px;color:#000;font-size:12px;font-weight:500}
#vh-grid .item .details a:hover{background:#ececec;color:#000;text-decoration:none}
#vh-grid .item .hr{height:1px;background:#dfdfdf;border:0;margin:10px 0}
#vh-grid .item a.name{display:block;color:inherit}
#vh-grid .item a.name h3{font-size:16px;font-weight:600;color:#111;margin:0 0 6px}
#vh-grid .item a.name p{font-size:12px;color:#555;margin:0}
#vh-grid .item a.name:hover h3{color:var(--r)}
.vh-more{display:block;margin:22px auto 4px;min-width:220px}
.vh-empty{padding:26px 4px;color:#777;font-size:.95rem}
.vh-skel{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.vh-skel div{height:230px;border-radius:12px;background:linear-gradient(100deg,#f0f0f2 40%,#fafafa 50%,#f0f0f2 60%);background-size:200% 100%;animation:vhs 1.1s infinite}
@keyframes vhs{to{background-position:-200% 0}}

/* Group cards */
.vh-grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:14px;margin:8px 0}
.vh-card{border:1px solid var(--b);border-radius:14px;padding:20px;background:#fff;transition:box-shadow .15s}
.vh-card:hover{box-shadow:0 6px 22px rgba(0,0,0,.09)}
.vh-card b{display:block;font-size:1.03rem;margin-bottom:6px}
.vh-card p{margin:0 0 10px;color:var(--m);font-size:.9rem}
.vh-card a{font-size:.9rem}

/* Table */
.vh-twrap{overflow-x:auto;border-radius:12px;border:1px solid var(--b)}
.vh table{width:100%;border-collapse:collapse;margin:0}
.vh th{background:var(--d);color:#fff;text-align:left;padding:12px 16px;font-weight:600;font-size:.92rem}
.vh td{padding:12px 16px;border-bottom:1px solid #efefef;font-size:.94rem}
.vh tr:last-child td{border-bottom:0}
.vh tr:nth-child(even) td{background:#fafbfc}
.vh .note{font-size:.9rem;color:var(--m);margin-top:10px}

/* Why */
.vh-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.vh-why .w{background:var(--g);border-radius:14px;padding:20px;border:1px solid var(--b)}
.vh-why b{display:block;margin-bottom:6px}
.vh-why p{margin:0;color:var(--m);font-size:.9rem}

/* FAQ */
.vh-faq{border:1px solid var(--b);border-radius:14px;overflow:hidden}
.vh-faq details{border-bottom:1px solid var(--b)}
.vh-faq details:last-child{border-bottom:0}
.vh-faq summary{padding:16px 20px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:44px}
.vh-faq summary::-webkit-details-marker{display:none}
.vh-faq summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--r);font-size:1.3rem;font-weight:700;transition:transform .2s}
.vh-faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.vh-faq .a{padding:0 20px 16px;color:#444}

/* CTA band */
.vh-band{background:var(--d);border-radius:16px;padding:34px 30px;margin:40px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.vh-band .tx b{color:#fff;font-size:1.2rem;display:block;margin-bottom:4px}
.vh-band .tx span{color:#b9bbc2;font-size:.92rem}

.vh .legal{font-size:.8rem;color:#9aa0a8;border-top:1px solid var(--b);margin-top:30px;padding-top:14px}

/* Reveal */
.vh .rv{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
.vh .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.vh .rv{opacity:1;transform:none;transition:none}#vh-grid .item{transition:none}}
@media (max-width:640px){.vh-hero .ov{position:static;background:var(--d);padding:18px}.vh-nav{top:0}}