/* ============================================================
   DEFNIE'S DUCK — DESIGN SYSTEM
   Premium Baby Muslin Brand · Turkey-First DTC
   ============================================================ */

/* ── RESET & BASE ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: #2C3E50; background: #FDFAF6; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img, svg { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
ul, ol { list-style: none; }
details { width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

/* ── DESIGN TOKENS ── */
:root {
  --cream: #F9F3EC;
  --warm-beige: #F0E6D8;
  --deep-beige: #E8D5C0;
  --caramel: #C9A882;
  --gold: #8B6914;
  --text-dark: #2C3E50;
  --text-mid: #5A6A7A;
  --text-light: #8A9BAA;
  --white: #FFFFFF;
  --mint: #C8E6C9;
  --wa-green: #25D366;
  --wa-dark: #128C7E;
  --duck-yellow: #F4D03F;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --shadow-sm: 0 2px 8px rgba(44,62,80,0.06);
  --shadow-md: 0 4px 20px rgba(44,62,80,0.10);
  --shadow-lg: 0 8px 40px rgba(44,62,80,0.14);
  --transition: all 0.24s cubic-bezier(0.4,0,0.2,1);
}

/* ── LAYOUT ── */
.container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }
.section { padding: 72px 0; }
.section-header { text-align: center; margin-bottom: 52px; }
.section-eyebrow { font-size: 0.78rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--caramel); margin-bottom: 12px; }
.section-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 500; color: var(--text-dark); line-height: 1.22; margin-bottom: 16px; }
.section-subtitle { font-size: 1.05rem; color: var(--text-mid); max-width: 560px; margin: 0 auto; line-height: 1.7; }
.section-footer { text-align: center; margin-top: 44px; }
.mt-2 { margin-top: 12px; }
.mt-4 { margin-top: 24px; }
.mt-6 { margin-top: 40px; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }

/* ── BUTTONS ── */
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border-radius: var(--radius-md); font-size: 0.95rem; font-weight: 600; transition: var(--transition); white-space: nowrap; cursor: pointer; line-height: 1; }
.btn--whatsapp { background: var(--wa-green); color: white; box-shadow: 0 4px 16px rgba(37,211,102,0.3); }
.btn--whatsapp:hover { background: var(--wa-dark); box-shadow: 0 6px 24px rgba(37,211,102,0.4); transform: translateY(-1px); }
.btn--outline { border: 2px solid var(--caramel); color: var(--gold); background: transparent; }
.btn--outline:hover { background: var(--warm-beige); }
.btn--ghost { color: var(--gold); background: transparent; padding: 10px 0; }
.btn--ghost:hover { opacity: 0.7; }
.btn--sm { padding: 9px 16px; font-size: 0.85rem; }
.btn--lg { padding: 16px 32px; font-size: 1rem; }
.btn--xl { padding: 18px 40px; font-size: 1.05rem; border-radius: var(--radius-lg); }
.btn--full { width: 100%; justify-content: center; }

/* ── NAVBAR ── */
.navbar { position: sticky; top: 0; z-index: 1000; background: rgba(253,250,246,0.97); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(201,168,130,0.22); box-shadow: 0 1px 12px rgba(139,105,20,0.07); }
.navbar__inner { display: flex; align-items: center; justify-content: space-between; padding: 0 24px; height: 76px; max-width: 1180px; margin: 0 auto; }
.navbar__logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.navbar__logo-img { width: 56px; height: 56px; object-fit: contain; border-radius: 6px; transition: all 0.24s cubic-bezier(0.4,0,0.2,1); filter: drop-shadow(0 2px 6px rgba(139,105,20,0.15)); }
.navbar__logo-img:hover { transform: scale(1.06); filter: drop-shadow(0 4px 12px rgba(139,105,20,0.25)); }
.logo-duck { font-size: 1.5rem; }
.logo-text { font-style: italic; color: var(--gold); }
.navbar__links { display: flex; gap: 24px; align-items: center; }
.navbar__link { font-size: 0.88rem; color: var(--text-mid); font-weight: 500; transition: var(--transition); position: relative; letter-spacing: 0.01em; }
.navbar__link:hover { color: var(--gold); }
.navbar__link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--caramel); border-radius: 2px; transition: width 0.22s; }
.navbar__link:hover::after { width: 100%; }
.navbar__cta { display: flex; align-items: center; gap: 12px; }
.navbar__hamburger { display: none; flex-direction: column; gap: 5px; padding: 8px; border-radius: 6px; transition: background 0.2s; }
.navbar__hamburger:hover { background: var(--warm-beige); }
.navbar__hamburger span { display: block; width: 22px; height: 2px; background: var(--text-dark); border-radius: 2px; transition: var(--transition); }
.navbar__mobile { display: none; flex-direction: column; padding: 0 24px 20px; background: var(--cream); border-top: 1px solid rgba(201,168,130,0.18); gap: 2px; }
.navbar__mobile-brand { display: flex; align-items: center; gap: 12px; padding: 16px 0 12px; border-bottom: 1px solid rgba(201,168,130,0.18); margin-bottom: 8px; }
.navbar__mobile-logo { width: 44px; height: 44px; object-fit: contain; border-radius: 4px; }
.navbar__mobile-name { font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; font-style: italic; color: var(--gold); font-weight: 600; }
.navbar__mobile-link { padding: 11px 0; font-size: 0.97rem; border-bottom: 1px solid rgba(201,168,130,0.12); color: var(--text-dark); font-weight: 500; display: block; }
.navbar__mobile-link:hover { color: var(--gold); padding-left: 4px; }
.navbar__mobile.is-open { display: flex; }

/* ── FOOTER LOGO ── */
.footer__logo-img { width: 72px; height: 72px; object-fit: contain; border-radius: 8px; margin-bottom: 4px; filter: drop-shadow(0 2px 8px rgba(139,105,20,0.18)); }

/* ── HERO ── */
.hero { position: relative; overflow: hidden; background: linear-gradient(135deg, var(--cream) 0%, var(--warm-beige) 100%); min-height: 88vh; display: flex; align-items: center; }
.hero__bg-pattern { position: absolute; inset: 0; background-image: radial-gradient(circle at 20% 80%, rgba(201,168,130,0.12) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(244,208,63,0.08) 0%, transparent 50%); pointer-events: none; }
.hero__content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding: 80px 24px; max-width: 1180px; margin: 0 auto; width: 100%; }
.hero__badge { display: inline-flex; align-items: center; gap: 8px; background: white; border: 1px solid var(--caramel); border-radius: 100px; padding: 8px 16px; font-size: 0.8rem; font-weight: 600; color: var(--gold); margin-bottom: 20px; box-shadow: var(--shadow-sm); }
.hero__title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 500; line-height: 1.15; color: var(--text-dark); margin-bottom: 20px; }
.hero__title em { font-style: italic; color: var(--gold); }
.hero__subtitle { font-size: 1.1rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 32px; max-width: 460px; }
.hero__actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; }
.hero__reassurance { font-size: 0.85rem; color: var(--text-mid); }
.hero__visual { display: flex; align-items: center; justify-content: center; }
.hero-illustration { width: 100%; max-width: 460px; }
.hero-product-photo {
  width: 100%;
  height: auto;
  border-radius: 24px;
  object-fit: cover;
  box-shadow: 0 16px 48px rgba(44,32,18,0.18);
  display: block;
}
.hero__scroll-indicator { position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%); font-size: 1.2rem; color: var(--caramel); animation: bounce 2s infinite; }

/* ── TRUST STRIP ── */
.trust-strip { background: white; border-bottom: 1px solid rgba(201,168,130,0.15); border-top: 1px solid rgba(201,168,130,0.15); }
.trust-strip__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 24px; max-width: 1180px; margin: 0 auto; flex-wrap: wrap; }
.trust-item { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 160px; }
.trust-item__icon { font-size: 1.6rem; flex-shrink: 0; }
.trust-item strong { display: block; font-size: 0.88rem; color: var(--text-dark); font-weight: 600; }
.trust-item span { font-size: 0.78rem; color: var(--text-mid); }

/* ── PRODUCTS GRID ── */
.products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }
.product-card { background: white; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: var(--transition); border: 1px solid rgba(201,168,130,0.15); }
.product-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.product-card__img-wrap { display: block; position: relative; aspect-ratio: 4/3; background: var(--warm-beige); overflow: hidden; }
.product-card__img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.product-card__img-placeholder--gift, .product-card__img-placeholder--bundle { background: linear-gradient(135deg, var(--warm-beige), var(--mint)); }
.product-card__badge { position: absolute; top: 12px; left: 12px; background: var(--text-dark); color: white; font-size: 0.72rem; font-weight: 700; padding: 5px 10px; border-radius: 100px; letter-spacing: 0.04em; text-transform: uppercase; }
.product-card__badge--gold { background: var(--gold); }
.product-card__badge--mint { background: #4CAF50; }
.product-card__badge--savings { background: var(--wa-dark); }
.product-card__body { padding: 20px; }
.product-card__name { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-weight: 600; color: var(--text-dark); margin-bottom: 4px; }
.product-card__size { font-size: 0.82rem; color: var(--text-mid); margin-bottom: 8px; }
.product-card__desc { font-size: 0.9rem; color: var(--text-mid); line-height: 1.5; margin-bottom: 14px; }
.product-card__colors { display: flex; gap: 8px; margin-bottom: 16px; }
.color-dot { width: 18px; height: 18px; border-radius: 50%; border: 2px solid white; box-shadow: 0 0 0 1.5px var(--caramel); }
.color-dot--cream { background: #F0E6D8; }
.color-dot--mint { background: #A5D6B5; }
.product-card__footer { display: flex; gap: 10px; }

/* ── BRAND STORY ── */
.brand-story-section { background: var(--cream); }
.brand-story__inner { display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; align-items: center; }
.brand-story__visual { display: flex; justify-content: center; }
.brand-story-illustration { width: 100%; max-width: 380px; }
.brand-story__body { font-size: 1rem; color: var(--text-mid); line-height: 1.8; margin-bottom: 16px; }
.brand-story__title { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.7rem, 3.5vw, 2.5rem); font-weight: 500; line-height: 1.2; margin-bottom: 20px; color: var(--text-dark); }
.brand-story__title em { font-style: italic; color: var(--gold); }
.brand-story__quote { font-family: 'Cormorant Garamond', serif; font-size: 1.35rem; font-style: italic; color: var(--gold); border-left: 3px solid var(--caramel); padding-left: 20px; margin: 24px 0; line-height: 1.5; }
.brand-story__sig { font-size: 0.88rem; color: var(--text-mid); }

/* ── BRAND STORY CARD (HOME) ── */
.brand-story-logo-wrap { display: flex; justify-content: center; align-items: center; }
.brand-story-logo-img { width: 260px; height: 260px; object-fit: contain; filter: drop-shadow(0 8px 32px rgba(139,105,20,0.18)); }

/* ── ABOUT PAGE NEW STORY LAYOUT ── */
.about-story-new { padding-top: 0; }
.story-layout { display: grid; grid-template-columns: 1fr 1.3fr; gap: 64px; align-items: center; }
.story-visual { position: relative; display: flex; justify-content: center; align-items: center; min-height: 420px; }
.story-visual__deco { position: absolute; inset: 0; pointer-events: none; }
.story-deco-svg { width: 100%; height: 100%; }
.story-card-mockup { position: relative; z-index: 1; background: white; border-radius: 14px; padding: 40px 36px; max-width: 300px; width: 100%; box-shadow: 0 10px 48px rgba(139,105,20,0.14), 0 2px 10px rgba(139,105,20,0.08); border: 1px solid rgba(201,168,130,0.25); text-align: center; }
.story-card-mockup__hole { width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid rgba(201,168,130,0.5); background: transparent; margin: 0 auto 22px; }
.story-card-mockup__logo { display: flex; justify-content: center; margin-bottom: 18px; }
.story-card-mockup__logo img { width: 80px; height: 80px; object-fit: contain; filter: drop-shadow(0 3px 8px rgba(139,105,20,0.18)); }
.story-card-mockup__brand { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-style: italic; color: var(--gold); font-weight: 600; margin-bottom: 10px; }
.story-card-mockup__line { font-size: 0.88rem; color: var(--text-mid); line-height: 1.6; }
.story-card-mockup__divider { width: 36px; height: 1px; background: var(--caramel); margin: 16px auto; opacity: 0.5; }
.story-card-mockup__body { font-size: 0.85rem; color: var(--text-mid); line-height: 1.7; }
.story-content { }
.story-content__title { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 500; line-height: 1.2; margin-bottom: 24px; color: var(--text-dark); }
.story-content__title em { font-style: italic; color: var(--gold); }
.story-content__paragraphs { margin-bottom: 32px; }
.story-content__para { font-size: 1.02rem; color: var(--text-mid); line-height: 1.8; margin-bottom: 16px; }
.story-pillars { display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; }
.story-pillar { display: flex; align-items: flex-start; gap: 16px; padding: 16px 20px; background: var(--cream); border-radius: var(--radius-md); border: 1px solid rgba(201,168,130,0.15); transition: var(--transition); }
.story-pillar:hover { background: var(--warm-beige); border-color: var(--caramel); }
.story-pillar__icon { width: 40px; height: 40px; background: white; border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--gold); box-shadow: var(--shadow-sm); }
.story-pillar h3 { font-size: 0.95rem; font-weight: 700; color: var(--text-dark); margin-bottom: 3px; }
.story-pillar p { font-size: 0.85rem; color: var(--text-mid); line-height: 1.5; margin: 0; }
.story-content__cta { margin-top: 8px; }

/* ── FEATURES GRID ── */
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
.feature-card { background: white; border-radius: var(--radius-md); padding: 28px 24px; border: 1px solid rgba(201,168,130,0.15); text-align: center; transition: var(--transition); }
.feature-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.feature-card__icon { font-size: 2.2rem; margin-bottom: 14px; }
.feature-card__title { font-weight: 700; font-size: 1rem; margin-bottom: 8px; color: var(--text-dark); }
.feature-card__desc { font-size: 0.88rem; color: var(--text-mid); line-height: 1.6; }

/* ── USES GRID ── */
.uses-section { background: var(--warm-beige); }
.uses-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.use-item { display: flex; align-items: flex-start; gap: 14px; background: white; border-radius: var(--radius-md); padding: 20px; border: 1px solid rgba(201,168,130,0.15); }
.use-item__icon { font-size: 1.8rem; flex-shrink: 0; }
.use-item__title { font-weight: 700; font-size: 0.95rem; margin-bottom: 4px; }
.use-item__desc { font-size: 0.85rem; color: var(--text-mid); line-height: 1.5; }

/* ── WHATSAPP SECTION ── */
.whatsapp-section { background: linear-gradient(135deg, #f0fff4 0%, white 60%); }
.whatsapp-section__inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: center; }
.order-steps { display: flex; flex-direction: column; gap: 24px; margin: 28px 0; }
.order-step { display: flex; align-items: flex-start; gap: 16px; }
.order-step__num { width: 36px; height: 36px; border-radius: 50%; background: var(--wa-green); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1rem; flex-shrink: 0; }
.order-step strong { display: block; font-size: 1rem; margin-bottom: 4px; }
.order-step p { font-size: 0.9rem; color: var(--text-mid); }
.reassurance-micro { font-size: 0.8rem; color: var(--text-mid); margin-top: 12px; }

/* WhatsApp Mockup */
.wa-mockup { display: flex; justify-content: center; }
.wa-mockup__phone { width: 260px; background: white; border-radius: 24px; box-shadow: var(--shadow-lg); overflow: hidden; border: 8px solid #f0f0f0; }
.wa-mockup__screen { background: #e5ddd5; }
.wa-mockup__header { background: var(--wa-dark); color: white; padding: 12px 16px; display: flex; align-items: center; gap: 10px; }
.wa-mockup__avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--duck-yellow); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.wa-mockup__name { font-size: 0.9rem; font-weight: 700; }
.wa-mockup__status { font-size: 0.72rem; opacity: 0.8; }
.wa-mockup__messages { padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.wa-msg { padding: 8px 10px; border-radius: 12px; font-size: 0.78rem; line-height: 1.5; max-width: 85%; }
.wa-msg--in { background: white; align-self: flex-start; border-radius: 0 12px 12px 12px; }
.wa-msg--out { background: #dcf8c6; align-self: flex-end; border-radius: 12px 0 12px 12px; }

/* ── CERTS SECTION ── */
.certs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.cert-card { background: white; border-radius: var(--radius-md); padding: 32px; text-align: center; border: 1px solid rgba(201,168,130,0.2); }
.cert-card__icon { font-size: 2.8rem; margin-bottom: 16px; }
.cert-card h3 { font-weight: 700; font-size: 1.05rem; margin-bottom: 10px; }
.cert-card p { font-size: 0.9rem; color: var(--text-mid); line-height: 1.6; margin-bottom: 16px; }
.cert-card__link { color: var(--gold); font-size: 0.85rem; font-weight: 600; }
.cert-card__link:hover { text-decoration: underline; }

/* ── REVIEWS ── */
.reviews-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.review-card { background: white; border-radius: var(--radius-md); padding: 24px; border: 1px solid rgba(201,168,130,0.15); }
.review-card__stars { color: var(--duck-yellow); font-size: 1.1rem; margin-bottom: 12px; letter-spacing: 2px; }
.review-card__text { font-size: 0.95rem; color: var(--text-dark); line-height: 1.7; margin-bottom: 16px; font-style: italic; }
.review-card__author { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; }
.review-card__author strong { color: var(--text-dark); }
.review-card__author span { color: var(--text-mid); }

/* ── FAQ ── */
.faq-list { display: flex; flex-direction: column; gap: 12px; }
.faq-item { background: white; border-radius: var(--radius-md); border: 1px solid rgba(201,168,130,0.18); overflow: hidden; }
.faq-item__q { padding: 18px 20px; font-weight: 600; font-size: 0.98rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; list-style: none; color: var(--text-dark); }
.faq-item__q::-webkit-details-marker { display: none; }
.faq-item__q::after { content: '+'; font-size: 1.2rem; color: var(--caramel); font-weight: 300; transition: var(--transition); flex-shrink: 0; }
details[open] .faq-item__q::after { content: '−'; }
.faq-item__a { padding: 0 20px 18px; font-size: 0.92rem; color: var(--text-mid); line-height: 1.7; }
.faq-category { margin-bottom: 40px; }
.faq-category__title { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 600; margin-bottom: 16px; color: var(--text-dark); border-bottom: 2px solid var(--warm-beige); padding-bottom: 10px; }

/* ── BLOG ── */
.blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; }
.blog-card { background: white; border-radius: var(--radius-md); overflow: hidden; border: 1px solid rgba(201,168,130,0.15); transition: var(--transition); }
.blog-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.blog-card__img-wrap { display: block; position: relative; aspect-ratio: 16/9; background: var(--warm-beige); overflow: hidden; }
.blog-card__img-placeholder { width: 100%; height: 100%; }
.blog-card__cat { position: absolute; top: 12px; left: 12px; background: rgba(44,62,80,0.85); color: white; font-size: 0.72rem; font-weight: 600; padding: 4px 10px; border-radius: 100px; }
.blog-card__body { padding: 20px; }
.blog-card__read-time { font-size: 0.78rem; color: var(--text-light); margin-bottom: 6px; }
.blog-card__title { font-weight: 700; font-size: 1rem; line-height: 1.4; margin-bottom: 10px; }
.blog-card__title a { color: var(--text-dark); }
.blog-card__title a:hover { color: var(--gold); }
.blog-card__desc { font-size: 0.88rem; color: var(--text-mid); line-height: 1.6; margin-bottom: 14px; }
.blog-card__link { color: var(--gold); font-size: 0.85rem; font-weight: 600; }

/* ── FINAL CTA ── */
.final-cta-section { background: linear-gradient(135deg, var(--warm-beige) 0%, var(--cream) 100%); text-align: center; }
.final-cta__inner { max-width: 640px; margin: 0 auto; }
.final-cta__duck { margin-bottom: 20px; display: flex; justify-content: center; }
.final-cta__logo { width: 100px; height: 100px; object-fit: contain; filter: drop-shadow(0 4px 16px rgba(139,105,20,0.2)); }
.final-cta__title { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 500; margin-bottom: 16px; }
.final-cta__subtitle { font-size: 1rem; color: var(--text-mid); margin-bottom: 32px; }
.final-cta__actions { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.final-cta__micro { font-size: 0.82rem; color: var(--text-mid); }

/* ── FOOTER ── */
.footer { background: var(--text-dark); color: rgba(255,255,255,0.8); padding: 60px 0 32px; }
.footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }
.footer__brand { }
.footer__logo { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.footer__logo .logo-text { color: white; font-size: 1.2rem; }
.footer__tagline { font-size: 0.88rem; color: rgba(255,255,255,0.6); margin-bottom: 16px; line-height: 1.6; }
.footer__certs { display: flex; flex-wrap: wrap; gap: 8px; }
.cert-badge { font-size: 0.72rem; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); padding: 4px 10px; border-radius: 100px; font-weight: 600; }
.footer__heading { font-size: 0.85rem; font-weight: 700; color: white; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; }
.footer__nav { display: flex; flex-direction: column; gap: 10px; }
.footer__nav a { font-size: 0.9rem; color: rgba(255,255,255,0.65); transition: var(--transition); }
.footer__nav a:hover { color: white; }
.footer__bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.82rem; color: rgba(255,255,255,0.4); flex-wrap: wrap; gap: 8px; }

/* ── WHATSAPP FAB ── */
#whatsapp-fab { position: fixed; bottom: 24px; right: 24px; z-index: 999; }
.wa-fab-btn { display: flex; align-items: center; gap: 10px; background: var(--wa-green); color: white; padding: 14px 20px; border-radius: 50px; box-shadow: 0 4px 20px rgba(37,211,102,0.4); font-weight: 700; font-size: 0.9rem; transition: var(--transition); }
.wa-fab-btn:hover { background: var(--wa-dark); transform: scale(1.04); }

/* ── PAGE HERO ── */
.page-hero { padding: 48px 24px 40px; max-width: 1180px; margin: 0 auto; }
.page-hero__title { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 500; color: var(--text-dark); margin: 16px 0 12px; }
.page-hero__subtitle { font-size: 1.05rem; color: var(--text-mid); line-height: 1.7; max-width: 600px; }
.breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; color: var(--text-mid); margin-bottom: 12px; }
.breadcrumb a { color: var(--gold); }
.breadcrumb a:hover { text-decoration: underline; }

/* ── PRODUCT PAGE ── */
.product-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  padding: 32px 24px 48px;
  max-width: 1180px;
  margin: 0 auto;
  align-items: start;
}

/* Galeri */
.product-hero__gallery { display: flex; flex-direction: column; gap: 12px; position: sticky; top: 90px; }
.pd-color-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 4px; }
.pd-color-tab {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 14px; border-radius: 100px;
  border: 2px solid var(--warm-beige);
  font-size: 0.82rem; font-weight: 600;
  transition: var(--transition); cursor: pointer;
}
.pd-color-tab--active { border-color: var(--caramel); background: var(--warm-beige); color: var(--gold); }
.pd-color-tab__dot { width: 14px; height: 14px; border-radius: 50%; border: 2px solid white; box-shadow: 0 0 0 1px rgba(0,0,0,0.15); flex-shrink: 0; }

.pd-main-img-wrap {
  position: relative;
  background: var(--warm-beige);
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 1 / 1;
}
.pd-badge {
  position: absolute; top: 14px; left: 14px; z-index: 2;
  font-size: 0.78rem; font-weight: 700;
  padding: 5px 12px; border-radius: 100px;
}
.pd-badge--gold { background: var(--gold); color: white; }
.pd-badge--mint { background: #C8E6C9; color: #2e7d32; }
.pd-badge--green { background: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6b5; }
.pd-badge--purple { background: #f3e5f5; color: #7b1fa2; border: 1px solid #ce93d8; }
.pd-main-img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.25s ease;
}

/* Thumbnail şeridi */
.pd-thumbs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pd-thumb {
  width: 88px; height: 88px;
  border-radius: var(--radius-sm);
  overflow: hidden;
  border: 2px solid transparent;
  transition: var(--transition);
  flex-shrink: 0;
  background: var(--warm-beige);
  cursor: pointer;
}
.pd-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pd-thumb--active, .pd-thumb:hover { border-color: var(--caramel); box-shadow: 0 2px 8px rgba(0,0,0,0.12); }

/* Bilgi paneli */
.product-hero__info { display: flex; flex-direction: column; gap: 0; }
.pd-cert-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 16px; }
.pd-cert {
  font-size: 0.72rem; font-weight: 700;
  padding: 4px 10px; border-radius: 100px;
  background: var(--warm-beige); color: var(--gold);
  border: 1px solid var(--caramel);
}
.pd-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem; font-weight: 600;
  margin-bottom: 4px; line-height: 1.2;
}
.pd-subtitle { font-size: 1rem; color: var(--text-mid); margin-bottom: 12px; }

/* Puan */
.pd-rating { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.pd-stars { color: #F4B400; font-size: 1.1rem; }
.pd-rating-score { font-size: 1rem; font-weight: 700; color: var(--text-dark); }
.pd-rating-count { font-size: 0.85rem; color: var(--text-mid); }

/* Fiyat */
.pd-price-block {
  display: flex; flex-direction: column; gap: 2px;
  margin-bottom: 20px;
  padding: 16px 20px;
  background: linear-gradient(135deg, var(--cream), var(--warm-beige));
  border-radius: var(--radius-md);
  border-left: 4px solid var(--caramel);
}
.pd-price {
  font-size: 2.4rem; font-weight: 800;
  color: var(--primary); line-height: 1;
}
.pd-price-note { font-size: 0.78rem; color: var(--text-mid); font-style: italic; }

/* Renk seçici */
.pd-color-selector { margin-bottom: 18px; }
.pd-color-label { font-size: 0.88rem; font-weight: 600; margin-bottom: 8px; color: var(--text-dark); }
.pd-color-swatches { display: flex; gap: 10px; flex-wrap: wrap; }
.pd-swatch {
  width: 34px; height: 34px;
  border-radius: 50%;
  border: 3px solid white;
  box-shadow: 0 0 0 2px var(--warm-beige);
  cursor: pointer;
  transition: var(--transition);
}
.pd-swatch--active, .pd-swatch:hover { box-shadow: 0 0 0 2.5px var(--caramel); transform: scale(1.1); }

/* Özellikler */
.pd-features {
  list-style: none; padding: 0; margin: 0 0 16px;
  display: flex; flex-direction: column; gap: 7px;
}
.pd-features li { font-size: 0.9rem; color: var(--text-mid); }

/* Etiketler */
.pd-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 20px; }
.pd-tag {
  background: #f0f7f0; color: #2d6a2d;
  font-size: 0.76rem; font-weight: 600;
  padding: 4px 10px; border-radius: 20px;
  border: 1px solid rgba(45,106,45,0.15);
}

/* CTA */
.pd-cta { margin-bottom: 16px; }
.pd-cta-main { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 10px; }
.pd-cta-meta {
  display: flex; flex-wrap: wrap; gap: 10px;
  font-size: 0.78rem; color: var(--text-mid);
  padding: 8px 0;
}
.pd-cta-meta span { display: flex; align-items: center; gap: 4px; }

/* Sipariş adımları */
.pd-how-to {
  background: var(--cream);
  border-radius: var(--radius-md);
  padding: 18px 20px;
  margin-bottom: 10px;
}
.pd-how-to h3 { font-size: 0.92rem; font-weight: 700; margin-bottom: 10px; }
.pd-how-to ol { padding-left: 18px; margin: 0; }
.pd-how-to ol li { font-size: 0.86rem; color: var(--text-mid); margin-bottom: 5px; }

/* Doğrulanmış rozet */
.review-verified { font-size: 0.72rem; color: #2e7d32; font-weight: 600; margin-top: 6px; display: block; }

/* Legacy uyumluluk — eski sınıflar */
.product-gallery__main { aspect-ratio: 4/3; background: var(--warm-beige); border-radius: var(--radius-lg); overflow: hidden; }
.product-main-svg { width: 100%; height: 100%; }
.product-gallery__thumbs { display: flex; gap: 10px; margin-top: 12px; }
.thumb-btn { width: 64px; height: 64px; border-radius: var(--radius-sm); overflow: hidden; border: 2px solid transparent; transition: var(--transition); flex-shrink: 0; }
.thumb-btn--active, .thumb-btn:hover { border-color: var(--caramel); }
.product-info__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.info-badge { font-size: 0.75rem; font-weight: 700; padding: 4px 10px; border-radius: 100px; background: var(--warm-beige); color: var(--gold); border: 1px solid var(--caramel); }
.info-badge--gold { background: var(--gold); color: white; border-color: var(--gold); }
.info-badge--mint { background: #C8E6C9; color: #2e7d32; border-color: #A5D6B5; }
.product-info__title { font-family: 'Cormorant Garamond', serif; font-size: 1.9rem; font-weight: 600; margin-bottom: 8px; }
.product-info__dims { font-size: 0.92rem; color: var(--text-mid); margin-bottom: 12px; }
.product-info__desc { font-size: 0.98rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 20px; }
.product-benefits { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }
.product-benefit { display: flex; align-items: flex-start; gap: 10px; font-size: 0.92rem; }
.product-benefit__icon { font-size: 1rem; flex-shrink: 0; }
.product-cta { margin-bottom: 20px; }
.product-cta__reassurances { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 10px; font-size: 0.8rem; color: var(--text-mid); }
.how-to-order { background: var(--cream); border-radius: var(--radius-md); padding: 20px; margin-bottom: 16px; }
.how-to-order__title { font-weight: 700; font-size: 0.95rem; margin-bottom: 12px; }
.how-to-order__steps { padding-left: 16px; }
.how-to-order__steps li { font-size: 0.88rem; color: var(--text-mid); margin-bottom: 6px; list-style-type: decimal; }
.how-to-order__more { font-size: 0.82rem; color: var(--gold); font-weight: 600; display: block; margin-top: 10px; }
.payment-trust { background: #f0fff4; border: 1px solid #b7e4c7; border-radius: var(--radius-md); padding: 16px 20px; }
.payment-trust h4 { font-size: 0.92rem; font-weight: 700; margin-bottom: 10px; color: var(--wa-dark); }
.payment-trust__list { padding-left: 0; }
.payment-trust__list li { font-size: 0.85rem; color: var(--text-mid); margin-bottom: 5px; list-style: none; padding-left: 16px; position: relative; }
.payment-trust__list li::before { content: '✓'; position: absolute; left: 0; color: var(--wa-green); }

/* Sticky mobile CTA */
.sticky-mobile-cta { position: fixed; bottom: 0; left: 0; right: 0; z-index: 998; background: white; border-top: 1px solid rgba(201,168,130,0.2); padding: 12px 16px; display: none; }
.sticky-mobile-cta .btn { font-size: 0.9rem; }

/* Product tabs */
.product-tabs { display: flex; gap: 0; border-bottom: 2px solid var(--warm-beige); margin-bottom: 28px; overflow-x: auto; }
.tab-btn { padding: 12px 20px; font-size: 0.9rem; font-weight: 600; color: var(--text-mid); border-bottom: 3px solid transparent; margin-bottom: -2px; white-space: nowrap; transition: var(--transition); }
.tab-btn--active, .tab-btn:hover { color: var(--gold); border-bottom-color: var(--caramel); }
.tab-content { display: none; }
.tab-content--active { display: block; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.detail-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.detail-table th, .detail-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--warm-beige); }
.detail-table th { font-weight: 600; color: var(--text-dark); width: 40%; }
.detail-table td { color: var(--text-mid); }
.detail-text { font-size: 0.92rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 12px; }
.care-guide, .shipping-info, .certs-detail { display: flex; flex-direction: column; gap: 16px; }
.care-item, .shipping-item, .cert-detail-item { display: flex; align-items: flex-start; gap: 16px; padding: 16px; background: var(--cream); border-radius: var(--radius-sm); }
.care-icon, .shipping-icon, .cert-detail-icon { font-size: 1.5rem; flex-shrink: 0; }
.care-item h4, .shipping-item h4, .cert-detail-item h4 { font-weight: 700; font-size: 0.95rem; margin-bottom: 4px; }
.care-item p, .shipping-item p, .cert-detail-item p { font-size: 0.88rem; color: var(--text-mid); }
.related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.related-card { display: flex; align-items: center; gap: 16px; padding: 20px; background: white; border: 1px solid rgba(201,168,130,0.2); border-radius: var(--radius-md); transition: var(--transition); }
.related-card:hover { box-shadow: var(--shadow-md); }
.related-card__icon { font-size: 1.8rem; }
.related-card h3 { font-weight: 700; font-size: 0.95rem; margin-bottom: 4px; }
.related-card p { font-size: 0.82rem; color: var(--text-mid); }
.related-card__arrow { margin-left: auto; font-size: 1.2rem; color: var(--caramel); }

/* ── SHOP PAGE ── */
.shop-hero { background: var(--cream); padding: 40px 0 32px; }
.shop-hero__header { margin: 16px 0 20px; }
.trust-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.trust-pill { background: white; border: 1px solid var(--caramel); border-radius: 100px; padding: 6px 14px; font-size: 0.8rem; font-weight: 600; color: var(--gold); }
.product-row { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; margin-bottom: 48px; }
.product-row--reverse .product-row__images { order: 2; }
.product-row--reverse .product-row__info { order: 1; }
.product-row__images { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.shop-product-img { aspect-ratio: 1; background: var(--warm-beige); border-radius: var(--radius-md); overflow: hidden; }
.shop-product-img svg { width: 100%; height: 100%; }
.product-row__badges { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.product-row__title { font-family: 'Cormorant Garamond', serif; font-size: 1.7rem; margin-bottom: 8px; }
.product-row__size { font-size: 0.88rem; color: var(--text-mid); margin-bottom: 12px; }
.product-row__desc { font-size: 0.98rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 16px; }
.product-row__features { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.product-row__features li { font-size: 0.88rem; color: var(--text-mid); list-style: none; }
.product-row__colors { display: flex; gap: 16px; margin-bottom: 20px; }
.color-option { display: flex; align-items: center; gap: 8px; font-size: 0.88rem; }
.color-swatch { width: 22px; height: 22px; border-radius: 50%; border: 2px solid white; box-shadow: 0 0 0 1.5px var(--caramel); }
.color-swatch--cream { background: #F0E6D8; }
.color-swatch--mint { background: #A5D6B5; }
.product-row__cta { display: flex; gap: 12px; flex-wrap: wrap; }
.product-divider { border: none; border-top: 1px solid var(--warm-beige); margin: 40px 0; }
.bundle-teaser { background: linear-gradient(135deg, var(--warm-beige), var(--cream)); border-radius: var(--radius-lg); padding: 36px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.bundle-teaser__icon { font-size: 3rem; }
.bundle-teaser__text { flex: 1; min-width: 200px; }
.bundle-teaser__text h3 { font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; margin-bottom: 8px; }
.bundle-teaser__cta { display: flex; gap: 12px; }

/* Size comparison */
.size-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.size-card { background: white; border-radius: var(--radius-lg); padding: 32px; border: 2px solid var(--warm-beige); }
.size-card--popular { border-color: var(--caramel); position: relative; }
.size-card__popular-tag { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--caramel); color: white; font-size: 0.75rem; font-weight: 700; padding: 4px 14px; border-radius: 100px; white-space: nowrap; }
.size-card h3 { font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; margin-bottom: 6px; }
.size-card__tag { font-size: 0.82rem; color: var(--text-mid); margin-bottom: 14px; }
.size-card ul { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; }
.size-card ul li { font-size: 0.88rem; color: var(--text-mid); list-style: none; }
.size-card p { font-size: 0.88rem; color: var(--text-mid); }
.whatsapp-cta-box { background: linear-gradient(135deg, var(--warm-beige), var(--cream)); border-radius: var(--radius-xl); padding: 48px 40px; text-align: center; }
.whatsapp-cta-box h2 { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; margin-bottom: 12px; }
.whatsapp-cta-box p { color: var(--text-mid); margin-bottom: 24px; max-width: 480px; margin-left: auto; margin-right: auto; }

/* ── WHY PAGE ── */
.differentiator-list { display: flex; flex-direction: column; gap: 40px; }
.differentiator { display: flex; align-items: flex-start; gap: 28px; padding: 32px; background: white; border-radius: var(--radius-lg); border: 1px solid rgba(201,168,130,0.15); }
.differentiator__icon { font-size: 2.5rem; flex-shrink: 0; }
.differentiator__title { font-weight: 700; font-size: 1.1rem; margin-bottom: 10px; color: var(--text-dark); }
.differentiator__body { font-size: 0.92rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 8px; }
.differentiator__body--detail { color: var(--text-light); font-size: 0.88rem; }
.comparison-table-wrap { overflow-x: auto; }
.comparison-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.comparison-table th { padding: 14px 16px; text-align: left; font-weight: 700; background: var(--warm-beige); color: var(--text-dark); }
.comparison-table td { padding: 12px 16px; border-bottom: 1px solid var(--cream); }
.our-col { background: #f0fff4; }
.comparison-ours { color: var(--wa-dark); font-weight: 600; background: #f0fff4; }
.comparison-feature { font-weight: 600; }
.promise-box { background: var(--warm-beige); border-radius: var(--radius-xl); padding: 48px; text-align: center; }
.promise-box__duck { font-size: 3rem; margin-bottom: 20px; }
.promise-box__quote { font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; font-style: italic; color: var(--text-dark); line-height: 1.6; max-width: 600px; margin: 0 auto 20px; }
.promise-box__sig { color: var(--text-mid); font-size: 0.9rem; }

/* ── WHATSAPP ORDER PAGE ── */
.order-flow { display: flex; flex-direction: column; gap: 0; }
.order-flow__step { display: flex; align-items: flex-start; gap: 24px; padding: 32px; background: white; border-radius: var(--radius-lg); border: 1px solid rgba(201,168,130,0.15); margin-bottom: 8px; }
.order-flow__num { width: 44px; height: 44px; border-radius: 50%; background: var(--wa-green); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.1rem; flex-shrink: 0; }
.order-flow__content h3 { font-weight: 700; font-size: 1.05rem; margin-bottom: 8px; }
.order-flow__content p { font-size: 0.92rem; color: var(--text-mid); line-height: 1.6; margin-bottom: 12px; }
.order-flow__connector { text-align: center; font-size: 1.4rem; color: var(--caramel); padding: 8px; }
.order-flow__msg-preview { background: var(--cream); border-radius: var(--radius-sm); padding: 12px 16px; }
.msg-preview__label { font-size: 0.78rem; color: var(--text-mid); margin-bottom: 8px; font-weight: 600; }
.msg-bubble { background: #dcf8c6; padding: 10px 14px; border-radius: 12px; font-size: 0.88rem; margin-bottom: 8px; }
.msg-bubble--reply { background: white; border: 1px solid var(--warm-beige); }
.trust-box { background: #f0fff4; border: 1px solid #b7e4c7; border-radius: var(--radius-sm); padding: 14px 16px; margin-top: 12px; }
.trust-box p { font-size: 0.88rem; color: var(--wa-dark); font-weight: 700; margin-bottom: 8px; }
.trust-box ul { padding-left: 0; }
.trust-box ul li { font-size: 0.85rem; color: var(--text-mid); margin-bottom: 4px; list-style: none; padding-left: 16px; position: relative; }
.trust-box ul li::before { content: '✓'; position: absolute; left: 0; color: var(--wa-green); }
.delivery-promise { display: flex; gap: 16px; flex-wrap: wrap; font-size: 0.85rem; color: var(--text-mid); margin-top: 12px; }
.wa-cta-center { text-align: center; }
.wa-cta-note { font-size: 0.82rem; color: var(--text-mid); margin-top: 10px; }

/* ── CERTIFICATES PAGE ── */
.certs-page-grid { display: flex; flex-direction: column; gap: 32px; }
.cert-page-card { display: grid; grid-template-columns: 200px 1fr; gap: 32px; background: white; border-radius: var(--radius-lg); padding: 36px; border: 1px solid rgba(201,168,130,0.2); align-items: flex-start; }
.cert-badge-visual { display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--warm-beige); border-radius: var(--radius-md); padding: 28px 20px; text-align: center; gap: 10px; width: 100%; }
.cert-badge-visual__icon { font-size: 2.4rem; }
.cert-badge-visual strong { font-size: 0.95rem; font-weight: 700; }
.cert-badge-visual small { font-size: 0.75rem; color: var(--text-mid); }
.cert-page-card__tagline { font-size: 0.9rem; color: var(--caramel); font-weight: 600; margin-bottom: 12px; }
.cert-page-card__info h3 { font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; margin-bottom: 6px; }
.cert-page-card__info p { font-size: 0.92rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 14px; }
.cert-page-card__info h4 { font-weight: 700; font-size: 0.95rem; margin-bottom: 10px; color: var(--text-dark); }
.cert-page-card__list { padding-left: 0; margin-bottom: 16px; }
.cert-page-card__list li { font-size: 0.88rem; color: var(--text-mid); margin-bottom: 6px; list-style: none; }
.cert-page-card__why { background: var(--cream); border-radius: var(--radius-sm); padding: 14px 16px; }
.cert-page-card__why h4 { font-size: 0.88rem; font-weight: 700; margin-bottom: 6px; }
.cert-page-card__why p { font-size: 0.85rem; color: var(--text-mid); }
.cert-page-card__disclaimer { background: #fff8e1; border: 1px solid #f0c040; border-radius: var(--radius-sm); padding: 12px 14px; }
.cert-page-card__disclaimer p { font-size: 0.82rem; color: #7a6000; }
.safety-commitment { background: var(--cream); border-radius: var(--radius-lg); padding: 36px; text-align: center; }
.safety-commitment p { font-size: 0.98rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 16px; max-width: 560px; margin-left: auto; margin-right: auto; }

/* ── REVIEWS PAGE ── */
.rating-summary { display: flex; align-items: center; gap: 48px; background: white; border-radius: var(--radius-lg); padding: 36px; border: 1px solid rgba(201,168,130,0.15); }
.rating-summary__score { text-align: center; flex-shrink: 0; }
.rating-big { font-size: 3rem; font-weight: 800; color: var(--text-dark); line-height: 1; }
.rating-stars-big { font-size: 1.5rem; color: var(--duck-yellow); letter-spacing: 3px; margin: 6px 0; }
.rating-bar { display: flex; align-items: center; gap: 12px; font-size: 0.85rem; margin-bottom: 6px; }
.bar { flex: 1; height: 8px; background: var(--warm-beige); border-radius: 4px; overflow: hidden; }
.bar__fill { height: 100%; background: var(--duck-yellow); border-radius: 4px; transition: width 0.6s ease; }
.reviews-page-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.review-card-full { background: white; border-radius: var(--radius-md); padding: 24px; border: 1px solid rgba(201,168,130,0.15); }
.review-card-full__header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.review-card-full__avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--warm-beige); color: var(--gold); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1rem; flex-shrink: 0; }
.review-card-full__name { font-weight: 700; font-size: 0.95rem; display: block; }
.review-card-full__meta { font-size: 0.78rem; color: var(--text-mid); }
.review-card-full__stars { color: var(--duck-yellow); font-size: 0.9rem; margin-left: auto; }
.review-card-full__text { font-size: 0.92rem; color: var(--text-dark); line-height: 1.7; margin-bottom: 12px; font-style: italic; }
.review-card-full__badge { font-size: 0.72rem; font-weight: 600; color: var(--wa-dark); background: #f0fff4; border: 1px solid #b7e4c7; padding: 3px 8px; border-radius: 100px; }
.ugc-cta { background: var(--warm-beige); border-radius: var(--radius-xl); padding: 48px; text-align: center; }
.ugc-cta h2 { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; margin-bottom: 12px; }
.ugc-cta p { color: var(--text-mid); margin-bottom: 24px; }

/* ── CARE PAGE ── */
.care-guide-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.care-guide-card { background: white; border-radius: var(--radius-md); padding: 28px; border: 1px solid rgba(201,168,130,0.15); }
.care-guide-card__icon { font-size: 2rem; margin-bottom: 14px; }
.care-guide-card h3 { font-weight: 700; font-size: 1rem; margin-bottom: 14px; }
.care-detail p { font-size: 0.88rem; font-weight: 700; color: var(--text-dark); margin-bottom: 6px; }
.care-detail ul { padding-left: 0; margin-bottom: 12px; }
.care-detail ul li { font-size: 0.85rem; color: var(--text-mid); margin-bottom: 4px; list-style: none; padding-left: 12px; position: relative; }
.care-detail ul li::before { content: '•'; position: absolute; left: 0; color: var(--caramel); }
.softness-timeline { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; }
.softness-step { background: white; border-radius: var(--radius-md); padding: 24px; text-align: center; border: 1px solid rgba(201,168,130,0.15); }
.softness-step__num { display: inline-block; background: var(--gold); color: white; font-size: 0.8rem; font-weight: 700; padding: 4px 12px; border-radius: 100px; margin-bottom: 10px; }
.softness-step p { font-size: 0.88rem; color: var(--text-mid); }

/* ── SHIPPING PAGE ── */
.shipping-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
.shipping-card { background: white; border-radius: var(--radius-md); padding: 28px; border: 1px solid rgba(201,168,130,0.15); }
.shipping-card__icon { font-size: 2rem; margin-bottom: 14px; }
.shipping-card h3 { font-weight: 700; font-size: 1rem; margin-bottom: 10px; }
.shipping-card p { font-size: 0.88rem; color: var(--text-mid); line-height: 1.6; margin-bottom: 8px; }
.process-list { padding-left: 20px; }
.process-list li { font-size: 0.95rem; color: var(--text-mid); margin-bottom: 10px; list-style-type: decimal; }
.process-list li strong { color: var(--text-dark); }

/* ── ABOUT PAGE ── */
.about-story__grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 56px; align-items: start; }
.about-illustration { width: 100%; max-width: 340px; }
.about-story__body { font-size: 1rem; color: var(--text-mid); line-height: 1.8; margin-bottom: 16px; }
.about-story__quote { font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; font-style: italic; color: var(--gold); border-left: 3px solid var(--caramel); padding-left: 20px; margin: 24px 0 12px; line-height: 1.5; }
.about-story__sig { font-size: 0.88rem; color: var(--text-mid); }
.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.value-card { background: white; border-radius: var(--radius-md); padding: 28px; border: 1px solid rgba(201,168,130,0.15); text-align: center; }
.value-card__icon { font-size: 2.2rem; margin-bottom: 14px; }
.value-card h3 { font-weight: 700; font-size: 0.98rem; margin-bottom: 8px; }
.value-card p { font-size: 0.88rem; color: var(--text-mid); line-height: 1.6; }

/* ── GIFT PAGE ── */
.gift-reasons { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-bottom: 40px; }
.gift-reason { display: flex; gap: 16px; align-items: flex-start; background: white; border-radius: var(--radius-md); padding: 24px; border: 1px solid rgba(201,168,130,0.15); }
.gift-reason span { font-size: 2rem; flex-shrink: 0; }
.gift-reason h3 { font-weight: 700; font-size: 0.95rem; margin-bottom: 6px; }
.gift-reason p { font-size: 0.88rem; color: var(--text-mid); line-height: 1.5; }
.gift-options { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.gift-option-card { background: white; border-radius: var(--radius-lg); padding: 32px; border: 2px solid var(--warm-beige); position: relative; }
.gift-option-card--featured { border-color: var(--caramel); }
.gift-option-card__tag { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: var(--caramel); color: white; font-size: 0.75rem; font-weight: 700; padding: 4px 16px; border-radius: 100px; white-space: nowrap; }
.gift-option-card h3 { font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; margin-bottom: 8px; }
.gift-option-card p { font-size: 0.88rem; color: var(--text-mid); margin-bottom: 14px; }
.gift-option-card ul { padding-left: 0; margin-bottom: 20px; }
.gift-option-card ul li { font-size: 0.85rem; color: var(--text-mid); margin-bottom: 5px; list-style: none; }

/* ── BUNDLE PAGE ── */
.bundle-card-large { background: white; border-radius: var(--radius-xl); border: 1px solid rgba(201,168,130,0.2); overflow: hidden; position: relative; }
.bundle-card-large__badge { background: var(--gold); color: white; text-align: center; padding: 10px; font-size: 0.85rem; font-weight: 700; }
.bundle-card-large__content { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; padding: 40px; align-items: start; }
.bundle-card-large h2 { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; margin-bottom: 6px; }
.bundle-subtitle { font-size: 0.92rem; color: var(--text-mid); margin-bottom: 16px; }
.bundle-desc { font-size: 0.98rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 24px; }
.bundle-includes h3 { font-weight: 700; font-size: 0.95rem; margin-bottom: 14px; }
.bundle-includes__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.bundle-includes__grid strong { font-size: 0.88rem; display: block; margin-bottom: 6px; }
.bundle-includes__grid ul { padding-left: 0; }
.bundle-includes__grid li { font-size: 0.83rem; color: var(--text-mid); margin-bottom: 4px; list-style: none; }
.bundle-colors { margin: 16px 0; font-size: 0.88rem; color: var(--text-mid); }
.bundle-visual svg { width: 100%; height: auto; }

/* ── BLOG PAGE ── */
.blog-featured { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: center; background: white; border-radius: var(--radius-xl); overflow: hidden; border: 1px solid rgba(201,168,130,0.15); margin-bottom: 48px; }
.blog-featured__img-wrap { display: block; position: relative; }
.blog-featured__img { aspect-ratio: 16/9; overflow: hidden; }
.blog-featured__cat { position: absolute; top: 16px; left: 16px; background: rgba(44,62,80,0.85); color: white; font-size: 0.75rem; font-weight: 600; padding: 5px 12px; border-radius: 100px; }
.blog-featured__content { padding: 32px; }
.blog-featured__read-time { font-size: 0.78rem; color: var(--text-light); margin-bottom: 8px; }
.blog-featured__title { font-family: 'Cormorant Garamond', serif; font-size: 1.6rem; font-weight: 600; margin-bottom: 12px; }
.blog-featured__title a { color: var(--text-dark); }
.blog-featured__title a:hover { color: var(--gold); }
.blog-featured__excerpt { font-size: 0.95rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 20px; }
.blog-cats { display: flex; flex-wrap: wrap; gap: 10px; }
.blog-cat-tag { background: white; border: 1px solid var(--caramel); color: var(--gold); padding: 6px 16px; border-radius: 100px; font-size: 0.85rem; font-weight: 600; transition: var(--transition); }
.blog-cat-tag:hover { background: var(--warm-beige); }
.blog-categories-section { background: var(--cream); padding: 40px 0; }

/* ── ARTICLE PAGE ── */
.article-page { max-width: 1180px; margin: 0 auto; }
.article-header { padding-bottom: 32px; border-bottom: 1px solid var(--warm-beige); margin-bottom: 0; }
.article-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 12px; }
.article-cat { background: var(--warm-beige); color: var(--gold); font-size: 0.78rem; font-weight: 700; padding: 4px 12px; border-radius: 100px; }
.article-read-time, .article-date { font-size: 0.82rem; color: var(--text-mid); }
.article-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 500; line-height: 1.2; margin-bottom: 16px; }
.article-subtitle { font-size: 1.05rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 24px; max-width: 720px; }
.article-toc { background: var(--cream); border-radius: var(--radius-md); padding: 24px; margin-bottom: 0; }
.article-toc__title { font-weight: 700; font-size: 0.95rem; margin-bottom: 12px; color: var(--text-dark); }
.article-toc__list { padding-left: 16px; display: flex; flex-direction: column; gap: 6px; }
.article-toc__list li { list-style-type: decimal; }
.article-toc__list a { font-size: 0.9rem; color: var(--gold); }
.article-toc__list a:hover { text-decoration: underline; }
.article-body { padding: 40px 24px; display: grid; grid-template-columns: 1fr 300px; gap: 48px; align-items: start; max-width: 1180px; margin: 0 auto; }
.article-section { grid-column: 1; margin-bottom: 48px; }
.article-section h2 { font-family: 'Cormorant Garamond', serif; font-size: 1.7rem; font-weight: 600; color: var(--text-dark); margin: 28px 0 14px; border-bottom: 2px solid var(--warm-beige); padding-bottom: 8px; }
.article-section h3 { font-weight: 700; font-size: 1.05rem; color: var(--text-dark); margin: 20px 0 10px; }
.article-section p { font-size: 0.98rem; color: var(--text-mid); line-height: 1.8; margin-bottom: 14px; }
.article-section ul, .article-section ol { padding-left: 20px; margin-bottom: 16px; }
.article-section ul li, .article-section ol li { font-size: 0.95rem; color: var(--text-mid); margin-bottom: 6px; }
.article-highlight { background: var(--cream); border-left: 4px solid var(--caramel); padding: 16px 20px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; margin: 20px 0; font-size: 0.92rem; }
.article-callout { background: #fff8e1; border: 1px solid #f0c040; border-radius: var(--radius-sm); padding: 16px 20px; margin: 20px 0; }
.article-callout p { font-size: 0.9rem; color: #7a6000; margin: 0; }
.article-cta { background: var(--cream); border-radius: var(--radius-md); padding: 28px; text-align: center; margin: 28px 0; }
.article-cta p { font-size: 0.92rem; color: var(--text-mid); margin-bottom: 16px; }
.article-cta .btn { margin: 0 6px; }
.article-conclusion { background: white; border-radius: var(--radius-lg); padding: 32px; border: 1px solid rgba(201,168,130,0.2); }
.article-sidebar { grid-column: 2; grid-row: 1 / 999; position: sticky; top: 88px; padding: 0 24px; }
.sidebar-widget { background: white; border-radius: var(--radius-md); padding: 24px; border: 1px solid rgba(201,168,130,0.15); margin-bottom: 20px; }
.sidebar-widget h3 { font-weight: 700; font-size: 0.95rem; margin-bottom: 14px; }
.sidebar-widget ul { display: flex; flex-direction: column; gap: 8px; }
.sidebar-widget ul li { list-style: none; }
.sidebar-widget a { font-size: 0.88rem; color: var(--gold); }
.sidebar-widget a:hover { text-decoration: underline; }
.sidebar-widget--cta { background: var(--warm-beige); }
.sidebar-widget--cta h3 { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; }
.sidebar-widget--cta p { font-size: 0.88rem; color: var(--text-mid); margin-bottom: 14px; }

/* ── STRATEGY PAGE ── */
.strategy-page { }
.strategy-hero { background: linear-gradient(135deg, var(--text-dark), #3d5266); color: white; padding: 60px 0; text-align: center; }
.strategy-hero__duck { font-size: 4rem; margin-bottom: 16px; }
.strategy-hero h1 { font-family: 'Cormorant Garamond', serif; font-size: 2.8rem; margin-bottom: 8px; }
.strategy-hero__sub { font-size: 1rem; opacity: 0.7; margin-bottom: 32px; }
.strategy-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 900px; margin: 0 auto; padding: 0 24px; }
.strategy-nav__link { background: rgba(255,255,255,0.12); color: white; padding: 6px 14px; border-radius: 100px; font-size: 0.8rem; font-weight: 600; transition: var(--transition); }
.strategy-nav__link:hover { background: rgba(255,255,255,0.2); }
.strategy-content { padding: 48px 24px; }
.strategy-section { margin-bottom: 72px; border-bottom: 2px solid var(--warm-beige); padding-bottom: 48px; }
.strategy-section h2 { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 600; margin-bottom: 28px; color: var(--text-dark); padding-bottom: 10px; border-bottom: 3px solid var(--caramel); display: inline-block; }
.strategy-section h3 { font-weight: 700; font-size: 1.05rem; margin: 28px 0 14px; color: var(--text-dark); }
.strategy-box { background: var(--cream); border-left: 4px solid var(--caramel); padding: 20px 24px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; margin-bottom: 20px; }
.strategy-box p { font-size: 0.98rem; color: var(--text-mid); line-height: 1.8; }
.strategy-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.strategy-card { background: white; border-radius: var(--radius-sm); padding: 20px; border: 1px solid rgba(201,168,130,0.2); }
.strategy-card h4 { font-weight: 700; font-size: 0.92rem; margin-bottom: 6px; color: var(--gold); }
.strategy-card p { font-size: 0.85rem; color: var(--text-mid); }
.strategy-steps { display: flex; flex-direction: column; gap: 14px; }
.s-step { display: flex; gap: 18px; align-items: flex-start; }
.s-step span { width: 32px; height: 32px; border-radius: 50%; background: var(--caramel); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem; flex-shrink: 0; }
.s-step strong { display: block; font-size: 0.92rem; margin-bottom: 4px; }
.s-step p { font-size: 0.85rem; color: var(--text-mid); }
.strategy-emotion-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.emotion-tag { background: var(--warm-beige); color: var(--gold); border: 1px solid var(--caramel); padding: 6px 14px; border-radius: 100px; font-size: 0.85rem; font-weight: 600; }
.strategy-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; margin-bottom: 20px; }
.strategy-table th { background: var(--warm-beige); padding: 10px 14px; text-align: left; font-weight: 700; }
.strategy-table td { padding: 9px 14px; border-bottom: 1px solid var(--cream); color: var(--text-mid); }
.strategy-pillars { padding-left: 20px; }
.strategy-pillars li { font-size: 0.92rem; color: var(--text-mid); margin-bottom: 8px; list-style-type: decimal; }
.strategy-story { background: var(--cream); border-radius: var(--radius-md); padding: 24px; }
.strategy-story p { font-size: 0.92rem; color: var(--text-mid); line-height: 1.8; margin-bottom: 10px; }
.strategy-story em { color: var(--gold); }
.value-ladder { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.vl-step { background: white; border-radius: var(--radius-sm); padding: 16px; text-align: center; border: 1px solid rgba(201,168,130,0.2); }
.vl-step span { display: block; font-size: 0.75rem; font-weight: 700; color: var(--caramel); text-transform: uppercase; margin-bottom: 6px; }
.vl-step p { font-size: 0.82rem; color: var(--text-mid); }
.strategy-list { padding-left: 0; }
.strategy-list li { font-size: 0.92rem; color: var(--text-mid); margin-bottom: 8px; list-style: none; padding-left: 16px; position: relative; }
.strategy-list li::before { content: '→'; position: absolute; left: 0; color: var(--caramel); }
.psych-profile { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.psych-col { background: white; border-radius: var(--radius-sm); padding: 18px; border: 1px solid rgba(201,168,130,0.15); }
.psych-col h4 { font-size: 0.88rem; font-weight: 700; margin-bottom: 10px; }
.psych-col ul { padding-left: 0; }
.psych-col ul li { font-size: 0.82rem; color: var(--text-mid); margin-bottom: 5px; list-style: none; padding-left: 14px; position: relative; }
.psych-col ul li::before { content: '•'; position: absolute; left: 0; color: var(--caramel); }
.psych-mini { background: var(--cream); border-radius: var(--radius-sm); padding: 18px; margin-bottom: 14px; }
.psych-mini p { font-size: 0.88rem; margin-bottom: 6px; color: var(--text-mid); }
.psych-mini p strong { color: var(--text-dark); }
.sitemap { display: flex; flex-direction: column; gap: 10px; }
.sitemap-item { display: grid; grid-template-columns: 220px 180px 1fr 140px; gap: 12px; align-items: center; background: white; padding: 12px 16px; border-radius: var(--radius-sm); border: 1px solid rgba(201,168,130,0.15); font-size: 0.85rem; }
.sitemap-path { font-family: monospace; background: var(--cream); padding: 3px 8px; border-radius: 4px; color: var(--gold); font-size: 0.8rem; }
.sitemap-seo { font-size: 0.78rem; color: var(--text-mid); background: var(--cream); padding: 3px 8px; border-radius: 4px; }
.seo-clusters { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.seo-cluster-item { background: white; border-radius: var(--radius-sm); padding: 16px; border: 1px solid rgba(201,168,130,0.15); }
.seo-cluster-item strong { font-size: 0.92rem; display: block; margin-bottom: 6px; color: var(--gold); }
.seo-cluster-item span { display: block; font-size: 0.78rem; color: var(--text-mid); margin-bottom: 3px; }
.difficulty { font-weight: 600; }
.blog-titles-list { display: flex; flex-direction: column; gap: 6px; }
.blog-title-item { display: flex; gap: 12px; align-items: flex-start; background: white; padding: 10px 14px; border-radius: var(--radius-sm); border: 1px solid rgba(201,168,130,0.1); font-size: 0.85rem; }
.blog-title-num { color: var(--caramel); font-weight: 700; font-size: 0.8rem; flex-shrink: 0; min-width: 24px; }
.copy-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; margin-bottom: 24px; }
.copy-item { background: white; border-radius: var(--radius-sm); padding: 14px 16px; border: 1px solid rgba(201,168,130,0.15); font-size: 0.88rem; color: var(--text-dark); font-style: italic; }
.cta-item { background: var(--wa-green); color: white; font-style: normal; font-weight: 600; border-color: var(--wa-dark); }
.trust-item { background: #f0fff4; border-color: #b7e4c7; font-style: normal; color: var(--wa-dark); }
.color-palette { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.color-chip { width: 100px; height: 80px; border-radius: var(--radius-sm); display: flex; align-items: flex-end; padding: 8px; font-size: 0.72rem; font-weight: 600; border: 1px solid rgba(0,0,0,0.08); }
.color-chip span { background: rgba(255,255,255,0.8); padding: 3px 6px; border-radius: 4px; color: #2C3E50; font-size: 0.65rem; line-height: 1.4; }
.typography-demo { background: white; border-radius: var(--radius-md); padding: 28px; border: 1px solid rgba(201,168,130,0.15); margin-bottom: 20px; }
.demo-display { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; font-style: italic; color: var(--text-dark); margin-bottom: 12px; }
.demo-body { font-family: 'Inter', sans-serif; font-size: 1rem; color: var(--text-mid); margin-bottom: 8px; }
.demo-caption { font-size: 0.82rem; color: var(--text-light); }
.trust-framework { display: flex; flex-direction: column; gap: 12px; }
.trust-layer { background: white; border-left: 4px solid var(--wa-green); padding: 16px 20px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.trust-layer h4 { font-weight: 700; font-size: 0.92rem; margin-bottom: 4px; }
.trust-layer p { font-size: 0.85rem; color: var(--text-mid); }
.global-map { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.global-market { background: white; border-radius: var(--radius-sm); padding: 18px; border: 1px solid rgba(201,168,130,0.15); }
.global-market h4 { font-weight: 700; font-size: 0.92rem; margin-bottom: 8px; }
.global-market p { font-size: 0.82rem; color: var(--text-mid); }
.action-plan { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 40px; }
.action-month { background: white; border-radius: var(--radius-md); padding: 24px; border: 1px solid rgba(201,168,130,0.15); }
.action-month h3 { font-weight: 700; font-size: 0.95rem; margin-bottom: 14px; color: var(--gold); border-bottom: 2px solid var(--warm-beige); padding-bottom: 8px; }
.action-month ul { padding-left: 0; }
.action-month li { font-size: 0.85rem; color: var(--text-mid); margin-bottom: 6px; list-style: none; }
.yearly-roadmap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.roadmap-q { background: var(--warm-beige); border-radius: var(--radius-sm); padding: 18px; text-align: center; }
.roadmap-q span { display: block; font-weight: 800; font-size: 1.2rem; color: var(--gold); margin-bottom: 8px; }
.roadmap-q p { font-size: 0.82rem; color: var(--text-mid); }

/* ── HOW TO ORDER PAGE ── */
.steps-visual { display: flex; align-items: flex-start; gap: 0; }
.step-visual { flex: 1; text-align: center; padding: 28px 20px; background: white; border: 1px solid rgba(201,168,130,0.15); border-radius: var(--radius-lg); }
.step-visual__num { width: 36px; height: 36px; border-radius: 50%; background: var(--wa-green); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; margin: 0 auto 12px; }
.step-visual__icon { font-size: 2.4rem; margin-bottom: 12px; }
.step-visual h3 { font-weight: 700; font-size: 1rem; margin-bottom: 8px; }
.step-visual p { font-size: 0.88rem; color: var(--text-mid); }
.step-visual__arrow { padding: 28px 8px; font-size: 1.5rem; color: var(--caramel); display: flex; align-items: center; }

/* ── ANIMATIONS ── */
@keyframes bounce { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-8px); } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-up { opacity: 0; animation: fadeUp 0.6s ease forwards; }
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  .article-body { grid-template-columns: 1fr; }
  .article-sidebar { position: static; padding: 0 24px 48px; grid-column: 1; }
  .article-section { grid-column: 1; }
}
@media (max-width: 768px) {
  .navbar__links { display: none; }
  .navbar__hamburger { display: flex; }
  .hero__content { grid-template-columns: 1fr; gap: 40px; padding: 60px 24px; }
  .hero__visual { order: -1; }
  .hero__title { font-size: 2rem; }
  .hero__actions { flex-direction: column; }
  .trust-strip__inner { justify-content: flex-start; }
  .brand-story__inner { grid-template-columns: 1fr; }
  .brand-story__visual { display: flex; justify-content: center; }
  .brand-story-logo-img { width: 180px; height: 180px; }
  .story-layout { grid-template-columns: 1fr; gap: 40px; }
  .story-visual { min-height: 300px; }
  .story-card-mockup { max-width: 260px; padding: 32px 28px; }
  .whatsapp-section__inner { grid-template-columns: 1fr; }
  .wa-mockup { display: none; }
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .product-hero { grid-template-columns: 1fr; }
  .product-hero__gallery { position: static; }
  .pd-thumb { width: 72px; height: 72px; }
  .pd-title { font-size: 1.6rem; }
  .pd-price { font-size: 1.9rem; }
  .product-row { grid-template-columns: 1fr; }
  .product-row--reverse .product-row__images { order: 0; }
  .product-row--reverse .product-row__info { order: 1; }
  .sticky-mobile-cta { display: block; }
  body { padding-bottom: 72px; }
  .detail-grid { grid-template-columns: 1fr; }
  .size-comparison, .gift-options { grid-template-columns: 1fr; }
  .bundle-card-large__content { grid-template-columns: 1fr; }
  .about-story__grid { grid-template-columns: 1fr; }
  .about-story__visual { display: none; }
  .cert-page-card { grid-template-columns: 1fr; }
  .rating-summary { flex-direction: column; align-items: flex-start; gap: 20px; }
  .blog-featured { grid-template-columns: 1fr; }
  .strategy-grid-2, .yearly-roadmap { grid-template-columns: 1fr; }
  .sitemap-item { grid-template-columns: 1fr 1fr; }
  .steps-visual { flex-direction: column; gap: 16px; }
  .step-visual__arrow { display: none; }
  .two-col { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .hero__title { font-size: 1.7rem; }
  .section { padding: 48px 0; }
  .footer__grid { grid-template-columns: 1fr; }
  .wa-fab-btn span { display: none; }
  .wa-fab-btn { padding: 14px; border-radius: 50%; }
  .final-cta__actions { flex-direction: column; align-items: center; }
  .psych-profile { grid-template-columns: 1fr; }
  .bundle-includes__grid { grid-template-columns: 1fr; }
}

/* ── CONTACT PAGE ── */
.contact-section { padding-top: 0; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.contact-cards { display: flex; flex-direction: column; gap: 20px; }

/* Contact Card */
.contact-card { background: white; border-radius: var(--radius-lg); padding: 28px; border: 1px solid rgba(201,168,130,0.18); box-shadow: var(--shadow-sm); display: flex; gap: 20px; align-items: flex-start; transition: var(--transition); }
.contact-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.contact-card--primary { background: linear-gradient(135deg, #F0FFF4 0%, #E6FFF0 100%); border-color: rgba(37,211,102,0.25); }
.contact-card__icon { width: 56px; height: 56px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.contact-card__icon--wa { background: rgba(37,211,102,0.12); color: var(--wa-green); }
.contact-card__icon--phone { background: rgba(201,168,130,0.15); color: var(--gold); }
.contact-card__icon--email { background: rgba(201,168,130,0.15); color: var(--gold); }
.contact-card__icon--address { background: rgba(201,168,130,0.15); color: var(--gold); }
.contact-card__content { flex: 1; min-width: 0; }
.contact-card__title { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-weight: 600; color: var(--text-dark); margin-bottom: 4px; }
.contact-card__subtitle { font-size: 0.85rem; color: var(--text-mid); margin-bottom: 10px; }
.contact-card__value { font-size: 1.05rem; font-weight: 600; color: var(--text-dark); display: block; margin-bottom: 6px; }
.contact-card__value--link:hover { color: var(--gold); text-decoration: underline; }
.contact-card__value--email { font-size: 0.92rem; word-break: break-all; }
.contact-card__note { font-size: 0.82rem; color: var(--text-mid); }
.contact-card__address { font-style: normal; font-size: 0.95rem; line-height: 1.7; color: var(--text-dark); margin-bottom: 10px; }
.contact-card__map-link { display: inline-flex; align-items: center; gap: 6px; font-size: 0.85rem; color: var(--gold); font-weight: 500; }
.contact-card__map-link:hover { text-decoration: underline; }

/* Contact Aside */
.contact-aside { display: flex; flex-direction: column; gap: 24px; }

/* Contact Person */
.contact-person { background: white; border-radius: var(--radius-lg); padding: 28px; border: 1px solid rgba(201,168,130,0.18); box-shadow: var(--shadow-sm); display: flex; gap: 20px; align-items: flex-start; }
.contact-person__avatar { width: 72px; height: 72px; flex-shrink: 0; }
.contact-person__avatar svg { width: 72px; height: 72px; }
.contact-person__info { flex: 1; }
.contact-person__name { font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; font-weight: 600; color: var(--text-dark); margin-bottom: 4px; }
.contact-person__role { font-size: 0.85rem; color: var(--caramel); font-weight: 500; margin-bottom: 16px; }
.contact-person__links { display: flex; flex-direction: column; gap: 10px; }
.contact-person__link { display: inline-flex; align-items: center; gap: 8px; font-size: 0.9rem; color: var(--text-mid); transition: var(--transition); }
.contact-person__link:hover { color: var(--gold); }
.contact-person__link--wa { color: var(--wa-green); font-weight: 600; }
.contact-person__link--wa:hover { color: var(--wa-dark); }

/* Contact Map */
.contact-map { background: white; border-radius: var(--radius-lg); padding: 24px; border: 1px solid rgba(201,168,130,0.18); box-shadow: var(--shadow-sm); }
.contact-map__header { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; font-weight: 600; color: var(--text-mid); margin-bottom: 16px; }
.contact-map__visual { border-radius: var(--radius-md); overflow: hidden; margin-bottom: 16px; }
.map-svg { width: 100%; height: auto; display: block; }
.contact-map__address { font-size: 0.9rem; line-height: 1.7; color: var(--text-dark); }

/* Contact Hours */
.contact-hours { background: var(--cream); border-radius: var(--radius-lg); padding: 24px; border: 1px solid rgba(201,168,130,0.18); }
.contact-hours__title { display: flex; align-items: center; gap: 10px; font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-weight: 600; color: var(--text-dark); margin-bottom: 16px; }
.contact-hours__list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.contact-hours__row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(201,168,130,0.12); }
.contact-hours__row:last-child { border-bottom: none; }
.contact-hours__day { font-size: 0.9rem; color: var(--text-dark); }
.contact-hours__time { font-size: 0.9rem; font-weight: 600; color: var(--gold); }
.contact-hours__time--closed { color: var(--text-light); }
.contact-hours__note { font-size: 0.82rem; color: var(--text-mid); line-height: 1.6; }

/* Contact FAQ */
.contact-faq .faq-list { max-width: 720px; }

/* Contact Reassurance */
.contact-reassurance { font-size: 0.88rem; color: var(--text-mid); margin-top: 12px; text-align: center; }

@media (max-width: 768px) {
  .contact-grid { grid-template-columns: 1fr; }
  .contact-card { flex-direction: column; gap: 14px; }
  .contact-person { flex-direction: column; gap: 14px; }
  .contact-person__avatar { width: 60px; height: 60px; }
  .contact-person__avatar svg { width: 60px; height: 60px; }
}

/* ═══════════════════════════════════════════════════════════════
   TRENDYOL SECTION STYLES
   ═══════════════════════════════════════════════════════════════ */

/* Page Hero */
.ty-page-hero-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 32px;
  align-items: start;
}
.ty-page-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff3ee;
  color: #FF6000;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 20px;
  margin-bottom: 12px;
  border: 1px solid rgba(255,96,0,0.15);
}

/* Store Card */
.ty-store-card {
  background: white;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 24px rgba(155,123,94,0.12);
  border: 1px solid rgba(201,168,130,0.2);
  min-width: 280px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ty-store-card .ty-store-logo img {
  border-radius: 12px;
  width: 64px;
  height: 64px;
  object-fit: cover;
}
.ty-store-name {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0;
}
.ty-store-subtitle {
  font-size: 0.82rem;
  color: var(--text-mid);
  margin: 2px 0 0;
}
.ty-store-score-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.ty-score-pill {
  background: #f8f4f0;
  border-radius: 10px;
  padding: 8px 12px;
  text-align: center;
  flex: 1;
  min-width: 72px;
}
.ty-score-num {
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--gold);
  line-height: 1.2;
}
.ty-score-label {
  font-size: 0.72rem;
  color: var(--text-mid);
  white-space: nowrap;
}
.ty-store-stats {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ty-store-stat {
  font-size: 0.83rem;
  color: var(--text-mid);
}
.ty-store-cta {
  display: block;
  background: #FF6000;
  color: white;
  text-align: center;
  padding: 11px 16px;
  border-radius: 10px;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}
.ty-store-cta:hover { background: #e55500; }

/* Section header */
.ty-section-header {
  text-align: center;
  margin-bottom: 40px;
}
.ty-section-title {
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0 0 8px;
}
.ty-section-sub {
  color: var(--text-mid);
  max-width: 540px;
  margin: 0 auto;
  font-size: 0.95rem;
}

/* Products Grid */
.ty-products-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}

/* Product Card */
.ty-product-card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(155,123,94,0.1);
  border: 1px solid rgba(201,168,130,0.18);
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 0;
  transition: box-shadow 0.2s;
}
.ty-product-card:hover {
  box-shadow: 0 8px 40px rgba(155,123,94,0.18);
}

/* Gallery */
.ty-prod-gallery {
  position: relative;
  background: #faf7f4;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ty-prod-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 5px 11px;
  border-radius: 20px;
}
.ty-prod-badge--gold { background: #FFF8E1; color: #B8860B; border: 1px solid #F0C04A; }
.ty-prod-badge--mint { background: #E8F5E9; color: #2E7D32; border: 1px solid #A5D6A7; }
.ty-prod-badge--pink { background: #FCE4EC; color: #C2185B; border: 1px solid #F48FB1; }
.ty-prod-badge--purple { background: #F3E5F5; color: #7B1FA2; border: 1px solid #CE93D8; }

.ty-prod-img-main {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: white;
  aspect-ratio: 1;
}
.ty-main-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s;
}
.ty-prod-trendyol-link {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.ty-trendyol-badge {
  width: 80px;
  height: auto;
  opacity: 0.9;
}
.ty-prod-thumbs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
}
.ty-thumb-btn {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.2s;
  background: white;
  padding: 0;
}
.ty-thumb-btn:hover { border-color: var(--gold); }
.ty-thumb-btn img { width: 100%; height: 100%; object-fit: cover; }

/* Product Info */
.ty-prod-info {
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ty-prod-info-top {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.ty-prod-color-dot {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,0.08);
  flex-shrink: 0;
  margin-top: 4px;
}
.ty-prod-name {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0 0 4px;
  line-height: 1.3;
}
.ty-prod-subtitle {
  font-size: 0.88rem;
  color: var(--text-mid);
  margin: 0;
}

/* Tags */
.ty-prod-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ty-tag {
  background: #f0f7f0;
  color: #2d6a2d;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid rgba(45,106,45,0.15);
}

/* Specs */
.ty-prod-specs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  background: #faf7f4;
  border-radius: 12px;
  padding: 16px;
}
.ty-spec {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ty-spec span { font-size: 0.78rem; color: var(--text-mid); }
.ty-spec strong { font-size: 0.85rem; color: var(--text-dark); }

/* Price & Actions */
.ty-prod-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.ty-prod-price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ty-price-old {
  font-size: 0.95rem;
  color: var(--text-light);
  text-decoration: line-through;
}
.ty-price-current {
  font-size: 1.8rem;
  font-weight: 700;
  color: #FF6000;
  line-height: 1;
}
.ty-prod-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.ty-btn-trendyol {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #FF6000;
  color: white;
  padding: 10px 18px;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}
.ty-btn-trendyol:hover { background: #e55500; }
.ty-btn-wa {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #25D366;
  color: white;
  padding: 10px 18px;
  border-radius: 10px;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}
.ty-btn-wa:hover { background: #20ba5a; }

/* Reviews */
.ty-prod-reviews {
  border-top: 1px solid rgba(201,168,130,0.15);
  padding-top: 18px;
}
.ty-prod-rating-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.ty-stars { color: #F4B400; font-size: 1.1rem; }
.ty-prod-rating-num {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-dark);
}
.ty-prod-rating-count { font-size: 0.85rem; color: var(--text-mid); }

.ty-prod-review-list { display: flex; flex-direction: column; gap: 14px; }
.ty-review-mini {
  background: #faf7f4;
  border-radius: 12px;
  padding: 14px 16px;
  margin: 0;
  border-left: 3px solid var(--gold);
}
.ty-review-mini__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.ty-review-mini__avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--gold);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.ty-review-mini__name {
  font-size: 0.88rem;
  color: var(--text-dark);
  display: block;
}
.ty-review-mini__verified {
  font-size: 0.72rem;
  color: #2E7D32;
  font-weight: 600;
}
.ty-review-mini .ty-stars { font-size: 0.9rem; margin-left: auto; }
.ty-review-mini__text {
  font-size: 0.88rem;
  color: var(--text-mid);
  line-height: 1.55;
  margin: 0;
  font-style: italic;
}
.ty-prod-more-reviews {
  font-size: 0.83rem;
  color: var(--gold);
  font-weight: 600;
  margin-top: 8px;
  cursor: pointer;
}
.ty-prod-no-reviews {
  background: #f0f7f0;
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 0.88rem;
  color: #2d6a2d;
  border-top: 1px solid rgba(201,168,130,0.15);
}

/* All Reviews Section */
.ty-all-reviews { margin-top: 0; }
.ty-reviews-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 32px;
  align-items: center;
  background: white;
  border-radius: 16px;
  padding: 28px 32px;
  margin-bottom: 32px;
  box-shadow: 0 2px 16px rgba(155,123,94,0.08);
  border: 1px solid rgba(201,168,130,0.18);
}
.ty-reviews-score { text-align: center; }
.ty-reviews-big-num {
  display: block;
  font-size: 3rem;
  font-weight: 800;
  color: var(--text-dark);
  line-height: 1;
}
.ty-reviews-stars { color: #F4B400; font-size: 1.4rem; margin: 6px 0; }
.ty-reviews-total { font-size: 0.85rem; color: var(--text-mid); margin: 0; }
.ty-reviews-bars { display: flex; flex-direction: column; gap: 8px; }
.ty-bar-row { display: flex; align-items: center; gap: 10px; }
.ty-bar-label { font-size: 0.82rem; color: var(--text-mid); width: 36px; }
.ty-bar-track { flex: 1; height: 8px; background: #f0ece8; border-radius: 4px; overflow: hidden; }
.ty-bar-fill { height: 100%; background: #F4B400; border-radius: 4px; transition: width 0.3s; }
.ty-bar-pct { font-size: 0.78rem; color: var(--text-mid); width: 32px; text-align: right; }
.ty-reviews-source { text-align: right; font-size: 0.82rem; color: var(--text-mid); }
.ty-reviews-source a { color: #FF6000; text-decoration: none; font-weight: 600; }

.ty-reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.ty-review-card {
  background: white;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(155,123,94,0.08);
  border: 1px solid rgba(201,168,130,0.15);
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ty-review-card__header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ty-review-card__avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--gold);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  flex-shrink: 0;
}
.ty-review-card__meta { flex: 1; }
.ty-review-card__meta strong { font-size: 0.9rem; color: var(--text-dark); display: block; }
.ty-review-card__product { font-size: 0.78rem; color: var(--text-mid); }
.ty-review-card__stars { color: #F4B400; font-size: 1rem; margin-left: auto; }
.ty-review-card__text {
  font-size: 0.88rem;
  color: var(--text-mid);
  line-height: 1.6;
  margin: 0;
  flex: 1;
  font-style: italic;
}
.ty-review-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.72rem;
  color: #2E7D32;
  background: #E8F5E9;
  padding: 3px 8px;
  border-radius: 6px;
  font-weight: 600;
}

/* CTA Box */
.ty-cta-box {
  background: linear-gradient(135deg, #9B7B5E 0%, #7a5c42 100%);
  border-radius: 20px;
  padding: 48px;
  text-align: center;
  color: white;
}
.ty-cta-content h2 {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 12px;
  color: white;
}
.ty-cta-content p {
  color: rgba(255,255,255,0.85);
  margin: 0 0 28px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.ty-cta-actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Home Section */
.section--trendyol {
  background: linear-gradient(180deg, #fff8f4 0%, #ffffff 100%);
  border-top: 1px solid rgba(255,96,0,0.08);
}
.ty-home-header { text-align: center; margin-bottom: 36px; }
.ty-home-platform {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fff3ee;
  color: #FF6000;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 5px 12px;
  border-radius: 20px;
  margin-bottom: 12px;
  border: 1px solid rgba(255,96,0,0.15);
}
.ty-home-products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}
.ty-home-card {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 16px rgba(155,123,94,0.08);
  border: 1px solid rgba(201,168,130,0.15);
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
}
.ty-home-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 32px rgba(155,123,94,0.18);
}
.ty-home-card__img-wrap {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  background: #faf7f4;
}
.ty-home-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.ty-home-card:hover .ty-home-card__img { transform: scale(1.04); }
.ty-home-card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 12px;
  white-space: nowrap;
}
.ty-home-card__badge--gold { background: #FFF8E1; color: #B8860B; }
.ty-home-card__badge--mint { background: #E8F5E9; color: #2E7D32; }
.ty-home-card__badge--pink { background: #FCE4EC; color: #C2185B; }
.ty-home-card__badge--purple { background: #F3E5F5; color: #7B1FA2; }
.ty-home-card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.ty-home-card__color-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,0.08);
}
.ty-home-card__name {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0;
  line-height: 1.3;
}
.ty-home-card__sub {
  font-size: 0.78rem;
  color: var(--text-mid);
  margin: 0;
}
.ty-home-card__rating {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ty-home-stars { color: #F4B400; font-size: 0.85rem; }
.ty-home-rating-num { font-size: 0.82rem; font-weight: 600; color: var(--text-dark); }
.ty-home-rating-cnt { font-size: 0.75rem; color: var(--text-mid); }
.ty-home-card__price {
  font-size: 1.15rem;
  font-weight: 700;
  color: #FF6000;
  margin-top: auto;
}
.ty-home-card__cta {
  display: block;
  font-size: 0.78rem;
  color: #FF6000;
  font-weight: 600;
  margin-top: 4px;
}
.ty-home-footer {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.ty-store-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Trendyol placeholder svg */
.placeholder-product { background: #f0ece8; }

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 1100px) {
  .ty-product-card { grid-template-columns: 340px 1fr; }
  .ty-home-products { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
  .ty-page-hero-inner { grid-template-columns: 1fr; }
  .ty-store-card { max-width: 100%; }
  .ty-product-card { grid-template-columns: 1fr; }
  .ty-prod-gallery { border-radius: 20px 20px 0 0; }
  .ty-reviews-header { grid-template-columns: 1fr; gap: 20px; text-align: center; }
  .ty-reviews-source { text-align: center; }
  .ty-reviews-grid { grid-template-columns: repeat(2, 1fr); }
  .ty-prod-specs { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .ty-home-products { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .ty-reviews-grid { grid-template-columns: 1fr; }
  .ty-cta-box { padding: 32px 20px; }
  .ty-prod-actions { flex-direction: column; }
  .ty-prod-specs { grid-template-columns: 1fr; }
  .ty-prod-info { padding: 20px; }
  .ty-reviews-header { padding: 20px; }
}

/* ═══════════════════════════════════════════════════════════════
   SHOP PAGE — ÜRÜNLER SAYFASI
   ═══════════════════════════════════════════════════════════════ */

/* Hızlı gezinme */
.shop-quick-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.shop-quick-link {
  background: white;
  border: 1.5px solid rgba(201,168,130,0.3);
  color: var(--text-dark);
  padding: 8px 16px;
  border-radius: 24px;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.18s;
}
.shop-quick-link:hover {
  border-color: var(--gold);
  color: var(--gold);
}
.shop-quick-link--featured {
  background: var(--gold);
  color: white;
  border-color: var(--gold);
  font-weight: 700;
}
.shop-quick-link--featured:hover {
  background: #b8870e;
  border-color: #b8870e;
  color: white;
}

/* Ürün satırı */
.shop-product-row {
  display: grid;
  grid-template-columns: 500px 1fr;
  gap: 0;
  background: white;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 32px rgba(155,123,94,0.1);
  border: 1px solid rgba(201,168,130,0.16);
  transition: box-shadow 0.2s;
}
.shop-product-row:hover {
  box-shadow: 0 8px 48px rgba(155,123,94,0.18);
}
.shop-product-row--reverse {
  grid-template-columns: 1fr 500px;
}
.shop-product-row--reverse .shop-prod-gallery {
  order: 2;
}
.shop-product-row--reverse .shop-prod-info {
  order: 1;
}

/* Galeri */
.shop-prod-gallery {
  position: relative;
  background: #faf7f4;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.shop-prod-badge {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 3;
  font-size: 0.8rem;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 20px;
}
.shop-prod-badge--gold   { background:#FFF8E1; color:#B8860B; border:1px solid #F0C04A; }
.shop-prod-badge--mint   { background:#E8F5E9; color:#2E7D32; border:1px solid #A5D6A7; }
.shop-prod-badge--green  { background:#E0F2F1; color:#00695C; border:1px solid #80CBC4; }
.shop-prod-badge--purple { background:#F3E5F5; color:#7B1FA2; border:1px solid #CE93D8; }

.shop-prod-main-img {
  border-radius: 16px;
  overflow: hidden;
  background: white;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop-main-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s;
  display: block;
}
.shop-img-fallback {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: #f8f4f0;
}

.shop-prod-thumbs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.shop-thumb {
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  border-radius: 10px;
  overflow: hidden;
  border: 2.5px solid transparent;
  cursor: pointer;
  transition: border-color 0.18s;
  background: white;
  padding: 0;
}
.shop-thumb:hover { border-color: var(--gold); }
.shop-thumb--active { border-color: var(--gold); }
.shop-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Bilgi Paneli */
.shop-prod-info {
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.shop-prod-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.shop-prod-color-chip {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid rgba(0,0,0,0.1);
  flex-shrink: 0;
  margin-top: 5px;
}
.shop-prod-name {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0 0 4px;
  line-height: 1.25;
}
.shop-prod-subtitle {
  font-size: 0.9rem;
  color: var(--text-mid);
  margin: 0;
}

/* Rating */
.shop-prod-rating {
  display: flex;
  align-items: center;
  gap: 8px;
}
.shop-stars { color: #F4B400; font-size: 1.05rem; }
.shop-rating-score { font-size: 0.95rem; font-weight: 700; color: var(--text-dark); }
.shop-rating-count { font-size: 0.83rem; color: var(--text-mid); }
.shop-prod-rating--new .shop-new-label {
  font-size: 0.83rem;
  background: #E8F5E9;
  color: #2E7D32;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: 600;
}

/* Özellikler */
.shop-prod-features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.shop-prod-features li {
  font-size: 0.9rem;
  color: var(--text-mid);
  padding-left: 2px;
}

/* Etiketler */
.shop-prod-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.shop-tag {
  background: #f0f7f0;
  color: #2d6a2d;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid rgba(45,106,45,0.15);
}

/* CTA */
.shop-prod-cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.shop-cta-primary {
  flex: 1;
  min-width: 200px;
  justify-content: center;
}
.shop-cta-secondary {
  white-space: nowrap;
}
.shop-reassurance {
  font-size: 0.82rem;
  color: var(--text-mid);
  margin: 0;
}

/* Yorumlar */
.shop-reviews-inline {
  border-top: 1px solid rgba(201,168,130,0.15);
  padding-top: 18px;
}
.shop-reviews-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0 0 14px;
}
.shop-reviews-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.shop-review-item {
  background: #faf7f4;
  border-radius: 12px;
  padding: 14px 16px;
  margin: 0;
  border-left: 3px solid var(--gold);
}
.shop-review-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.shop-review-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--gold);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}
.shop-review-name { font-size: 0.88rem; font-weight: 700; color: var(--text-dark); display: block; }
.shop-review-city { font-size: 0.75rem; color: var(--text-mid); }
.shop-review-stars { color: #F4B400; margin-left: auto; }
.shop-review-text {
  font-size: 0.87rem;
  color: var(--text-mid);
  line-height: 1.6;
  margin: 0 0 8px;
  font-style: italic;
}
.shop-review-badge {
  font-size: 0.72rem;
  color: #2E7D32;
  background: #E8F5E9;
  padding: 2px 7px;
  border-radius: 6px;
  font-weight: 600;
}
.shop-more-reviews {
  display: inline-block;
  margin-top: 12px;
  font-size: 0.83rem;
  color: var(--gold);
  font-weight: 600;
  text-decoration: none;
}
.shop-more-reviews:hover { text-decoration: underline; }

/* Yorum yok */
.shop-no-reviews {
  background: #f0f7f0;
  border-radius: 10px;
  padding: 14px 16px;
  border-top: 1px solid rgba(201,168,130,0.15);
}
.shop-no-reviews p { font-size: 0.88rem; color: #2d6a2d; margin: 0 0 8px; }
.shop-write-review {
  font-size: 0.83rem;
  color: var(--gold);
  font-weight: 600;
  text-decoration: none;
}

/* Divider */
.shop-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,130,0.25), transparent);
  margin: 16px 0;
}

/* Rating özeti */
.shop-rating-box {
  background: white;
  border-radius: 20px;
  padding: 36px 40px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 48px;
  align-items: center;
  box-shadow: 0 2px 20px rgba(155,123,94,0.09);
  border: 1px solid rgba(201,168,130,0.16);
}
.shop-rating-left { text-align: center; }
.shop-rating-big { font-size: 3.5rem; font-weight: 800; color: var(--text-dark); display: block; line-height: 1; }
.shop-rating-stars-big { color: #F4B400; font-size: 1.6rem; margin: 8px 0; }
.shop-rating-left p { font-size: 0.85rem; color: var(--text-mid); margin: 0; }
.shop-rating-bars { display: flex; flex-direction: column; gap: 10px; }
.shop-bar-row { display: flex; align-items: center; gap: 10px; }
.shop-bar-row span:first-child { font-size: 0.82rem; color: var(--text-mid); width: 36px; }
.shop-bar-row span:last-child { font-size: 0.78rem; color: var(--text-mid); width: 32px; text-align: right; }
.shop-bar-track { flex: 1; height: 8px; background: #f0ece8; border-radius: 4px; overflow: hidden; }
.shop-bar-fill { height: 100%; background: #F4B400; border-radius: 4px; }
.shop-rating-cta { text-align: center; }
.shop-rating-cta p { font-size: 0.88rem; color: var(--text-mid); margin: 0 0 16px; }

/* Responsive */
@media (max-width: 1100px) {
  .shop-product-row { grid-template-columns: 400px 1fr; }
  .shop-product-row--reverse { grid-template-columns: 1fr 400px; }
}
@media (max-width: 900px) {
  .shop-product-row,
  .shop-product-row--reverse { grid-template-columns: 1fr; }
  .shop-product-row--reverse .shop-prod-gallery { order: 0; }
  .shop-product-row--reverse .shop-prod-info { order: 0; }
  .shop-prod-info { padding: 24px; }
  .shop-prod-cta { flex-direction: column; }
  .shop-cta-primary { min-width: unset; }
  .shop-rating-box { grid-template-columns: 1fr; gap: 24px; text-align: center; padding: 28px; }
  .shop-bar-row span:first-child { width: 30px; }
}
@media (max-width: 640px) {
  .shop-quick-nav { gap: 8px; }
  .shop-quick-link { font-size: 0.8rem; padding: 7px 13px; }
  .shop-prod-gallery { padding: 18px; }
  .shop-prod-info { padding: 20px; gap: 16px; }
  .shop-thumb { width: 60px; height: 60px; }
}

/* ═══════════════════════════════════════
   DİL SEÇİCİ (Language Selector)
═══════════════════════════════════════ */
.lang-selector {
  position: relative;
  display: flex;
  align-items: center;
}

.lang-selector__btn {
  display: flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: 1.5px solid rgba(201,168,130,0.35);
  border-radius: 8px;
  padding: 5px 9px;
  cursor: pointer;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--text-dark, #2c2416);
  transition: border-color 0.2s, background 0.2s;
  white-space: nowrap;
  line-height: 1;
}

.lang-selector__btn:hover {
  border-color: var(--gold, #8B6914);
  background: rgba(201,168,130,0.08);
}

.lang-selector__flag {
  font-size: 1.1rem;
  line-height: 1;
}

.lang-selector__code {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--text-dark, #2c2416);
}

.lang-selector__arrow {
  opacity: 0.55;
  transition: transform 0.2s;
  flex-shrink: 0;
}

.lang-selector__btn[aria-expanded="true"] .lang-selector__arrow {
  transform: rotate(180deg);
}

/* Dropdown */
.lang-selector__dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: #fff;
  border: 1px solid rgba(201,168,130,0.3);
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(139,105,20,0.13), 0 2px 8px rgba(0,0,0,0.07);
  list-style: none;
  margin: 0;
  padding: 6px;
  min-width: 155px;
  z-index: 9999;
}

.lang-selector__dropdown--open {
  display: block;
  animation: langDropIn 0.15s ease;
}

@keyframes langDropIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.lang-selector__option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border-radius: 7px;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-dark, #2c2416);
  transition: background 0.15s;
  white-space: nowrap;
}

.lang-option-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  width: 100%;
  color: inherit;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 500;
  border-radius: 7px;
}

.lang-option-link:hover {
  color: inherit;
  text-decoration: none;
}

.lang-selector__option:hover,
.lang-selector__option:hover .lang-option-link {
  background: rgba(201,168,130,0.12);
}

.lang-selector__option--active {
  background: rgba(201,168,130,0.18);
  color: var(--gold, #8B6914);
  font-weight: 600;
}

/* Mobil */
@media (max-width: 768px) {
  .lang-selector {
    order: -1;
  }
  .lang-selector__code {
    display: none;
  }
  .lang-selector__btn {
    padding: 5px 7px;
    gap: 3px;
  }
  .lang-selector__dropdown {
    right: 0;
    left: auto;
  }
}

/* ── i18n page elements ─────────────────────────────────────────────────── */
.lang-selector__option--active .lang-option-link {
  color: var(--gold, #8B6914);
  font-weight: 600;
}

/* Cert cards large */
.certs-cards-large {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.cert-card-large {
  background: #fff;
  border: 1px solid rgba(201,168,130,0.25);
  border-radius: 16px;
  padding: 2rem;
}

.cert-card-large__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(201,168,130,0.15);
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 0.82rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.cert-card-large__title {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.cert-card-large__tagline {
  font-size: 0.9rem;
  color: var(--gold, #8B6914);
  font-weight: 600;
  margin-bottom: 1rem;
}

.cert-benefits { list-style: none; padding: 0; margin-top: 1rem; }
.cert-benefits li { padding: 4px 0; font-size: 0.9rem; }

/* Diff grid */
.diff-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.diff-card {
  background: #fff;
  border: 1px solid rgba(201,168,130,0.2);
  border-radius: 14px;
  padding: 1.5rem;
}

.diff-card__icon { font-size: 2rem; margin-bottom: 0.75rem; }
.diff-card__title { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; }
.diff-card__body { font-size: 0.9rem; color: #555; margin-bottom: 0.5rem; }
.diff-card__detail { font-size: 0.83rem; color: #888; font-style: italic; }

/* Comparison table */
.cmp-table-wrap { overflow-x: auto; margin-top: 1.5rem; }
.cmp-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.cmp-table th, .cmp-table td { padding: 10px 14px; border-bottom: 1px solid #f0e8dc; text-align: left; }
.cmp-table th { background: #faf5ee; font-weight: 700; }
.cmp-table .cmp-ours { color: var(--gold, #8B6914); font-weight: 600; }

/* Promise box */
.promise-box {
  background: linear-gradient(135deg, #faf5ee 0%, #f5ede0 100%);
  border: 1px solid rgba(201,168,130,0.3);
  border-radius: 18px;
  padding: 2.5rem;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.promise-box__title { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; }
.promise-box__quote { font-size: 1.05rem; font-style: italic; color: #555; margin-bottom: 1rem; line-height: 1.7; }
.promise-box__sig { font-size: 0.9rem; color: var(--gold, #8B6914); font-weight: 600; }

/* About */
.about-story { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: start; }
@media (max-width: 768px) { .about-story { grid-template-columns: 1fr; } }
.about-story-card {
  background: linear-gradient(135deg, #faf5ee, #f0e6d8);
  border-radius: 20px;
  padding: 2rem;
  text-align: center;
}
.about-story-card__duck { font-size: 3rem; }
.about-story-card__name { font-size: 1.2rem; font-weight: 700; margin: 0.5rem 0; }
.about-story-card__tagline { font-size: 0.85rem; color: #888; }

.values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}

.value-card {
  background: #fff;
  border: 1px solid rgba(201,168,130,0.2);
  border-radius: 14px;
  padding: 1.5rem;
  text-align: center;
}

.value-card__icon { font-size: 2rem; margin-bottom: 0.75rem; }

/* Contact */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 3rem;
  align-items: start;
}
@media (max-width: 768px) { .contact-grid { grid-template-columns: 1fr; } }

.contact-person-card {
  background: #faf5ee;
  border-radius: 18px;
  padding: 2rem;
  text-align: center;
}

.contact-person__avatar { font-size: 3rem; margin-bottom: 0.5rem; }
.contact-person__name { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.25rem; }
.contact-person__role { font-size: 0.9rem; color: #888; margin-bottom: 1.5rem; }
.contact-person__actions { display: flex; flex-direction: column; gap: 0.75rem; }
.contact-person__response-time { font-size: 0.82rem; color: #888; margin-top: 1rem; }

.contact-form-card { background: #fff; border: 1px solid rgba(201,168,130,0.2); border-radius: 18px; padding: 2rem; }
.contact-form h2 { margin-bottom: 1.5rem; }
.form-group { margin-bottom: 1.25rem; }
.form-group label { display: block; font-size: 0.88rem; font-weight: 600; margin-bottom: 6px; }
.form-group input, .form-group textarea {
  width: 100%;
  border: 1px solid rgba(201,168,130,0.35);
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color 0.2s;
}
.form-group input:focus, .form-group textarea:focus {
  outline: none;
  border-color: var(--gold, #8B6914);
}

/* Shipping info */
.shipping-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.shipping-info-card {
  background: #faf5ee;
  border-radius: 14px;
  padding: 1.5rem;
  text-align: center;
}
.shipping-info-card__icon { font-size: 2.5rem; margin-bottom: 0.75rem; }
.shipping-info-card h2 { font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem; }

/* Care steps */
.care-steps { max-width: 700px; margin: 2rem auto; }
.care-step {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  padding: 1.5rem 0;
  border-bottom: 1px solid #f0e8dc;
}
.care-step:last-child { border-bottom: none; }
.care-step__num {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--gold, #8B6914);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.1rem;
}
.care-step__title { font-weight: 700; margin-bottom: 0.35rem; }

/* Shop product */
.shop-product__features { margin: 1rem 0; }
.shop-product__features h3 { font-size: 0.88rem; font-weight: 700; margin-bottom: 0.5rem; }
.shop-product__features ul { list-style: none; padding: 0; }
.shop-product__features li { font-size: 0.85rem; padding: 2px 0; color: #555; }
.shop-product__cta-group { display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 1rem 0; }
.shop-product__reviews-mini { font-size: 0.78rem; color: #888; }
.shop-product__size { font-size: 0.85rem; color: #888; margin-bottom: 0.5rem; }
.shop-product__name { font-size: 1.3rem; font-weight: 700; margin-bottom: 0.25rem; }
.shop-gallery-placeholder {
  background: #faf5ee;
  border-radius: 12px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}