/*
 * Ziynet (takı · saat · gözlük · aksesuar) – Vitrin'in üstüne görünüm katmanı.
 * Zarif ve sade: krem zemin, ince altın çizgiler, ortalanmış ürün bilgisi, geniş boşluklar.
 * Önce telefon. Renkler tema panelinden gelir; altın tonu vurgu rengidir.
 */

:root {
    --vt-bg: #faf7f2;
    --vt-line: #ebe4d8;
    --vt-text: #1c1917;
    --vt-muted: #78716c;
    --vt-shadow: none;
    --vt-shadow-lg: 0 14px 36px rgba(28, 25, 23, .1);
    --vt-gold: var(--vt-accent);
}

/* ---------------------------------------------------------------- üst alan */
.vt-topbar { background: var(--vt-dark); color: var(--vt-gold); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; }
.vt-nav__link { text-transform: uppercase; letter-spacing: .12em; font-size: 12px; }
.vt-nav__link::after { height: 1px; background: var(--vt-gold); }

/* ---------------------------------------------------------------- butonlar ve başlıklar */
.vt-btn { text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 600; }
.vt-btn--primary:hover { transform: none; }
.vt-section__head { flex-direction: column; align-items: center; text-align: center; gap: 6px; }
.vt-section__title { font-weight: 500; letter-spacing: .01em; }
.vt-section__title::after { content: ""; display: block; width: 44px; height: 1px; margin: 10px auto 0; background: var(--vt-gold); }
.vt-section__more { text-transform: uppercase; letter-spacing: .12em; font-size: 11.5px; color: var(--vt-text) !important; }

/* ---------------------------------------------------------------- karşılama */
.vt-hero { background: radial-gradient(80% 90% at 80% 20%, #fff 0%, transparent 70%), #f3ede3; }
.vt-hero__eyebrow { padding: 0; background: none; color: var(--vt-muted); text-transform: uppercase; letter-spacing: .2em; font-size: 11.5px; font-weight: 600; }
.vt-hero__eyebrow .vt-dot { background: var(--vt-gold); }
.vt-hero h1 { font-weight: 500; letter-spacing: 0; }
.vt-hero h1 em { background: none; color: inherit; font-style: italic; }
.vt-stats { display: none; }
.vt-collage a { border-radius: 0; background: #fff; box-shadow: none; outline: 1px solid var(--vt-line); outline-offset: -8px; }
.vt-collage__price { left: 50%; transform: translateX(-50%); border-radius: 0; background: var(--vt-dark); color: var(--vt-gold); font-weight: 500; letter-spacing: .06em; }

/* ---------------------------------------------------------------- güven kutuları: ince çizgiler */
.vt-trust__item { background: transparent; border: 0; border-top: 1px solid var(--vt-line); border-radius: 0; }
.vt-trust__icon { background: none; color: var(--vt-gold); }

/* ---------------------------------------------------------------- kategoriler */
.vt-pills { justify-content: center; }
.vt-pill { border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: 12px; background: transparent; border-color: var(--vt-line); }
.vt-pill .vi { display: none; }
.vt-pill:hover { background: var(--vt-dark); border-color: var(--vt-dark); color: var(--vt-gold); }
.vt-catchip { border-radius: 0; background: #fff; }
.vt-catchip__ico { background: #f3ede3; color: var(--vt-text); }

/* ---------------------------------------------------------------- ürün kartı: ortalı, çerçevesiz */
.vt-grid { gap: 22px 10px; }
.vt-card { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.vt-card__img { background: #fff; border-radius: 0; }
.vt-card__body { align-items: center; text-align: center; padding: 12px 4px 2px; gap: 4px; }
.vt-card__price { justify-content: center; }
.vt-card__brand { color: var(--vt-muted); letter-spacing: .16em; font-size: 10.5px; }
.vt-card__name { font-weight: 400 !important; }
.vt-card__now { font: 600 15px/1.2 var(--vt-font-body); letter-spacing: .02em; }
.vt-card__cta { display: none !important; }
.vt-tag { border-radius: 0; text-transform: uppercase; letter-spacing: .1em; font-size: 10px; font-weight: 600; }
.vt-tag--sale { background: var(--vt-dark); color: var(--vt-gold); }
.vt-tag--new { background: var(--vt-gold); color: #111; }
.vt-wish { background: transparent; box-shadow: none; }
@media (hover: hover) {
    .vt-card:hover { transform: none; box-shadow: none; }
    .vt-card:hover .vt-card__img { box-shadow: var(--vt-shadow-lg); }
}

/* ---------------------------------------------------------------- indirim bandı */
.vt-deals { background: var(--vt-dark); }
.vt-deals .vt-section__title .vi { color: var(--vt-gold); }
.vt-deals .vt-section__more { color: var(--vt-gold) !important; }
.vt-deals .vt-card__name, .vt-deals .vt-card__now { color: #fff; }
.vt-deals .vt-card__brand { color: rgba(255, 255, 255, .6); }
.vt-deals .vt-card__old { color: rgba(255, 255, 255, .5); }
.vt-deals .vt-tag--sale { background: var(--vt-gold); color: #111; }

/* ---------------------------------------------------------------- markalar, tanıtım */
.vt-brand { border-radius: 0; background: transparent; font-family: var(--vt-font-head); letter-spacing: .1em; text-transform: uppercase; font-size: 14px; }
.vt-about { border: 0; border-top: 1px solid var(--vt-line); border-radius: 0; background: transparent; }

/* ---------------------------------------------------------------- ürün sayfası */
.vt-pd__title { font-weight: 500; }
.vt-pd__now { font-family: var(--vt-font-body); font-weight: 600; }
