/*
 * Minik (bebek · çocuk · oyuncak) – Vitrin'in üstüne görünüm katmanı.
 * Renkli ve yumuşak: kategoriler sırayla farklı pastel tonlarda, kartlar yuvarlak, dokunma alanları büyük.
 * Önce telefon. Ana renkler tema panelinden gelir; pastel tonlar yalnız süs içindir.
 */

:root {
    --vt-bg: #fbfaff;
    --vt-line: #ebe8f5;
    --vt-text: #1f1b3a;
    --vt-muted: #6b6787;
    --vt-shadow: 0 2px 4px rgba(31, 27, 58, .04), 0 8px 22px rgba(31, 27, 58, .06);
    --vt-p1: #fde2e4; --vt-p2: #dbeafe; --vt-p3: #dcfce7; --vt-p4: #fef3c7; --vt-p5: #ede9fe; --vt-p6: #cffafe;
}

/* ---------------------------------------------------------------- karşılama */
.vt-hero {
    background:
        radial-gradient(40% 50% at 92% 12%, var(--vt-p4) 0%, transparent 70%),
        radial-gradient(45% 55% at 6% 90%, var(--vt-p1) 0%, transparent 70%),
        radial-gradient(50% 60% at 60% 100%, var(--vt-p2) 0%, transparent 70%),
        #fff;
}
.vt-hero h1 { font-weight: 900; letter-spacing: -.02em; }
.vt-hero h1 em { background: var(--vt-accent); color: var(--vt-dark); border-radius: 12px; padding: 0 .2em; font-style: normal; }
.vt-hero__eyebrow { background: #fff; box-shadow: var(--vt-shadow); }
.vt-btn { border-radius: var(--vt-radius-pill); font-weight: 800; }
.vt-collage a { border-radius: 26px; box-shadow: var(--vt-shadow); }
.vt-collage a:nth-child(1) { background: var(--vt-p1); }
.vt-collage a:nth-child(2) { background: var(--vt-p2); }
.vt-collage a:nth-child(3) { background: var(--vt-p3); }
.vt-collage a:nth-child(4) { background: var(--vt-p4); }
.vt-stat { background: #fff; border-color: transparent; box-shadow: var(--vt-shadow); border-radius: 18px; }
@media (max-width: 575.98px) { .vt-stats { display: none; } }

/* ---------------------------------------------------------------- başlıklar */
.vt-section__title { font-weight: 900; }

/* ---------------------------------------------------------------- kategoriler: renkli kutular */
.vt-catchip { border-color: transparent; box-shadow: var(--vt-shadow); border-radius: 20px; }
.vt-catchip__ico { border-radius: 16px; color: var(--vt-text); }
.vt-catchip:nth-child(6n+1) .vt-catchip__ico { background: var(--vt-p1); }
.vt-catchip:nth-child(6n+2) .vt-catchip__ico { background: var(--vt-p2); }
.vt-catchip:nth-child(6n+3) .vt-catchip__ico { background: var(--vt-p3); }
.vt-catchip:nth-child(6n+4) .vt-catchip__ico { background: var(--vt-p4); }
.vt-catchip:nth-child(6n+5) .vt-catchip__ico { background: var(--vt-p5); }
.vt-catchip:nth-child(6n+6) .vt-catchip__ico { background: var(--vt-p6); }
.vt-catrail .vt-catchip {
    flex-direction: column; justify-content: flex-start; width: 88px; height: auto; padding: 10px 6px 8px; gap: 6px;
    text-align: center; white-space: normal; background: #fff;
}
.vt-catrail .vt-catchip__ico { width: 54px; height: 54px; font-size: 24px; border-radius: 18px; }
.vt-catrail .vt-catchip__txt { align-items: center; }
.vt-catrail .vt-catchip__name { font-size: 12px; font-weight: 700; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vt-catrail .vt-catchip__count { display: none; }
@media (min-width: 768px) { .vt-catrail .vt-catchip { width: 112px; } .vt-catrail .vt-catchip__ico { width: 62px; height: 62px; } }

/* ---------------------------------------------------------------- güven kutuları */
.vt-trust__item { border-color: transparent; box-shadow: var(--vt-shadow); border-radius: 20px; }
.vt-trust__icon { border-radius: 16px; color: var(--vt-text); }
.vt-trust__item:nth-child(1) .vt-trust__icon { background: var(--vt-p1); }
.vt-trust__item:nth-child(2) .vt-trust__icon { background: var(--vt-p2); }
.vt-trust__item:nth-child(3) .vt-trust__icon { background: var(--vt-p3); }
.vt-trust__item:nth-child(4) .vt-trust__icon { background: var(--vt-p4); }

/* ---------------------------------------------------------------- ürün kartı */
.vt-grid { gap: 10px; }
.vt-rail { grid-auto-columns: 44%; gap: 10px; }
@media (min-width: 576px) { .vt-rail { grid-auto-columns: 30%; } }
.vt-card { border-color: transparent; box-shadow: var(--vt-shadow); border-radius: 22px; }
.vt-card__img { background: #f6f5fb; }
.vt-card__body { padding: 10px 12px 12px; }
.vt-card__name { font-weight: 700 !important; }
.vt-card__now { color: var(--vt-primary-strong); font-weight: 900; font-size: 17px; }
.vt-tag { border-radius: var(--vt-radius-pill); }
.vt-tag--sale { color: var(--vt-dark); }
.vt-tag--new { background: var(--vt-primary); }
@media (min-width: 992px) { .vt-card__cta { width: 100%; border-radius: var(--vt-radius-pill); } }

/* ---------------------------------------------------------------- indirim bandı: açık, neşeli */
.vt-deals { background: linear-gradient(135deg, var(--vt-p4), var(--vt-p1)); color: var(--vt-text); }
.vt-deals .vt-section__title { color: var(--vt-text); }
.vt-deals .vt-section__sub { color: var(--vt-muted); }
.vt-deals .vt-section__more { color: var(--vt-text) !important; }
.vt-deals .vt-section__title .vi { color: #e11d48; }
.vt-deals .vt-card { box-shadow: none; }

/* ---------------------------------------------------------------- markalar, tanıtım */
.vt-brand { border-radius: 20px; border-color: transparent; box-shadow: var(--vt-shadow); font-weight: 800; }
.vt-about { border-color: transparent; box-shadow: var(--vt-shadow); border-radius: 24px; }

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