/*
 * Bahçe (bahçe · çiçek · fide · tohum) – Vitrin'in üstüne görünüm katmanı.
 * Doğal tonlar: açık yeşil zemin, serif başlıklar, büyük dikey bitki fotoğrafları, yaprak biçimli kolaj.
 * Önce telefon: 2 sütun; geniş ekranda 4 sütun. Renkler tema panelinden gelir.
 */

:root {
    --vt-bg: color-mix(in srgb, var(--vt-primary) 5%, #fbfaf5);
    --vt-line: color-mix(in srgb, var(--vt-primary) 14%, #eeeadf);
    --vt-text: #1f2416;
    --vt-muted: #66705a;
    --vt-leaf: color-mix(in srgb, var(--vt-primary) 12%, #fff);
    --vt-shadow: 0 1px 2px rgba(31, 36, 22, .05), 0 6px 20px rgba(31, 36, 22, .06);
}

/* ---------------------------------------------------------------- karşılama */
.vt-hero {
    background:
        radial-gradient(70% 70% at 100% 0%, color-mix(in srgb, var(--vt-accent) 18%, transparent) 0%, transparent 60%),
        linear-gradient(180deg, #fbfaf5, var(--vt-leaf));
}
.vt-hero__eyebrow { padding: 0; background: none; color: var(--vt-primary); text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 700; }
.vt-hero__eyebrow .vt-dot { background: var(--vt-accent); }
.vt-hero h1 { font-weight: 600; letter-spacing: -.01em; }
.vt-hero h1 em { background: none; color: var(--vt-primary); font-style: italic; }
.vt-stat { background: rgba(255, 255, 255, .7); border-color: transparent; }
.vt-collage a { aspect-ratio: 3/4; border-radius: 999px 999px var(--vt-radius) var(--vt-radius); box-shadow: var(--vt-shadow); }
.vt-collage a:nth-child(2), .vt-collage a:nth-child(3) { border-radius: 72px var(--vt-radius); }
.vt-collage img { object-fit: cover; padding: 0; }
@media (max-width: 575.98px) {
    .vt-collage { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vt-collage a:nth-child(n+3) { display: none; }
    .vt-collage a { aspect-ratio: 4/5; }
}
.vt-section__title { font-weight: 600; }

/* ---------------------------------------------------------------- güven kutuları ve kategoriler */
.vt-trust__item { background: rgba(255, 255, 255, .75); border-color: transparent; }
.vt-trust__icon { background: var(--vt-leaf); color: var(--vt-primary); border-radius: 50% 0; }
.vt-catchip { border-color: transparent; box-shadow: var(--vt-shadow); }
.vt-catchip__ico { background: var(--vt-leaf); color: var(--vt-primary); border-radius: 50% 0; }

/* ---------------------------------------------------------------- ürün kartı: dikey bitki fotoğrafı */
.vt-grid { --vt-cols: 4; gap: 16px 10px; }
@media (min-width: 992px) { .vt-grid { gap: 28px 20px; } }
.vt-rail { grid-auto-columns: 46%; gap: 12px; }
@media (min-width: 576px) { .vt-rail { grid-auto-columns: 31%; } }
@media (min-width: 992px) { .vt-rail { grid-auto-columns: calc((100% - 3 * 18px) / 4); } }
.vt-card { border-color: transparent; box-shadow: var(--vt-shadow); }
.vt-card__img { background: var(--vt-leaf); }
.vt-card__body { padding: 10px 12px 12px; }
.vt-card__brand { color: var(--vt-muted); }
.vt-card__name { font-weight: 600 !important; }
.vt-card__now { font: 700 16px/1.2 var(--vt-font-body); color: var(--vt-primary-strong); }
.vt-tag--sale { color: #111; }
.vt-tag--new { background: var(--vt-primary); }

/* ---------------------------------------------------------------- indirim bandı */
.vt-deals { background: linear-gradient(135deg, var(--vt-dark), color-mix(in srgb, var(--vt-dark) 55%, var(--vt-primary))); }
.vt-deals .vt-card { box-shadow: none; }
.vt-brand { border-color: transparent; background: rgba(255, 255, 255, .75); font-family: var(--vt-font-head); font-weight: 600; }
.vt-about { border-color: transparent; box-shadow: var(--vt-shadow); }

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