/* Patiko — canlı turkuaz ve güneş sarısı, pati desenli yumuşak yüzeyler; Fredoka başlıklar */
:root { --head: 'Fredoka', system-ui, sans-serif; --body: 'Nunito', system-ui, sans-serif; --head-w: 600; --bg: #f4fbfa; --bg-alt: #e3f4f2; --card: #ffffff; --ink: #11302e; --text: #3c5654; --muted: #7d9593; --line: #d6ebe8; --r: 20px; --r-sm: 14px; --r-lg: 30px; --btn-r: 16px; --pc-r: 22px; }
body { background: var(--bg) radial-gradient(circle, rgba(27, 127, 121, .06) 2px, transparent 2.5px) 0 0 / 28px 28px; }
.site-header { background: #fff; }
.brand-mark { background: #ffb703 !important; color: #11302e !important; border-radius: 50% !important; }
.brand-text strong { font-family: var(--head); color: #1b7f79; font-size: 1.7rem; }
.shop-notice { background: #1b7f79; }
.shop-notice svg { color: #ffb703; }
.btn-primary { background: #1b7f79; }
.sh-hero-boxed .sh-hero-in { background: linear-gradient(90deg, rgba(17, 48, 46, .82), rgba(17, 48, 46, .05) 72%), var(--hero-img) center / cover no-repeat; border-radius: 30px; }
.sh-hero-boxed .btn-primary { background: #ffb703; color: #11302e; }
.sh-eyebrow { color: #ffb703; }
.sh-cats-icons .sh-cat { border: 0; border-radius: 24px; background: #fff; box-shadow: 0 10px 30px rgba(27, 127, 121, .08); }
.sh-cats-icons .sh-cat:nth-child(odd) .sh-cat-ic { background: #fff3cd; color: #b07d00; }
.sh-cats-icons .sh-cat:nth-child(even) .sh-cat-ic { background: #d8f1ee; color: #1b7f79; }
.sh-cat-ic { border-radius: 50%; }
.pc { padding: 8px 8px 12px; border-radius: 24px; background: #fff; box-shadow: 0 10px 30px rgba(27, 127, 121, .08); }
.pc-title { font-family: var(--head); font-weight: 500; font-size: 1.05rem; }
.pc-badge { background: #1b7f79; }
.pc-off { background: #ff6b6b; }
.pc-add { background: #ffb703; color: #11302e; }
.sh-promo { border-radius: 30px; }
.sh-promo em { background: #ffb703; }
.sh-usp { background: #1b7f79; border: 0; }
.sh-usp-i strong { color: #fff; }
.sh-usp-i small { color: #c6ece8; }
.sh-usp-i > span { background: #ffb703; color: #11302e; }
.sh-story-img img { border-radius: 50% 50% 30px 30px; }
.sh-cta-in { background: #ffb703; }
.sh-cta-in h2, .sh-cta-in p { color: #11302e; }
.site-footer { background: #11302e; }