/* Tiny Tots: Kids & Toys theme styles by SmartestDeveloper. */
body { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='2' cy='2' r='1.3' fill='rgba(36,50,74,0.08)'/%3E%3C/svg%3E"); }
.header__logo-text { font-size: 2.2rem; }
.header__logo-text { background: linear-gradient(90deg, #ff6b6b, #ffb400, #4dabf7, #51cf66); -webkit-background-clip: text; background-clip: text; color: transparent; }
.button { border-radius: 18px; border: 3px solid var(--color-text); box-shadow: 0 6px 0 var(--color-text); }
.button:hover { transform: translateY(3px); box-shadow: 0 3px 0 var(--color-text); }
.button--secondary { background: #ffd43b; color: var(--color-text); }
.hero__tile { border-radius: 32px; border: 4px solid #fff; box-shadow: 0 16px 30px -20px rgba(0,0,0,.4); }
.hero__tile--a { transform: rotate(-3deg); }
.hero__tile--b { transform: rotate(4deg); border-radius: 50%; }
.hero__tile--c { transform: rotate(-5deg); }
.hero__heading { font-size: calc(clamp(2.6rem, 6vw, 4.8rem) * var(--heading-scale)); }
.kicker { color: #4dabf7; font-size: .9rem; letter-spacing: .06em; }
.h2::after { content: ""; display: block; width: 90px; height: 12px; margin: 10px auto 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2 9C40 3 80 3 120 7s55 4 76-2' fill='none' stroke='%23ffb400' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.section-head:not(.section-head--center) .h2::after { margin-left: 0; }
.card--polaroid { border-radius: 10px; }
.clist--circles .clist__item:nth-child(4n+1) .clist__media { box-shadow: 0 0 0 6px #ff6b6b; }
.clist--circles .clist__item:nth-child(4n+2) .clist__media { box-shadow: 0 0 0 6px #ffb400; }
.clist--circles .clist__item:nth-child(4n+3) .clist__media { box-shadow: 0 0 0 6px #4dabf7; }
.clist--circles .clist__item:nth-child(4n+4) .clist__media { box-shadow: 0 0 0 6px #51cf66; }
.features--centered .feature:nth-child(1) .feature__icon { background: #ffe3e3; color: #ff6b6b; }
.features--centered .feature:nth-child(2) .feature__icon { background: #fff3bf; color: #e67700; }
.features--centered .feature:nth-child(3) .feature__icon { background: #d0ebff; color: #1971c2; }
.quote { border-radius: 28px; border: 3px solid var(--color-text); }
.newsletter__media { border-radius: 50%; border: 6px solid #fff; box-shadow: 0 0 0 4px #ffb400; }
