/* Floral — ana sayfa bölümleri (yalnızca ana sayfada yüklenir). */

.section { padding: 64px 0; }
.section--products, .section--corp, .section--insta { background: var(--bg); }
.section__head { margin-bottom: 40px; display: flex; flex-direction: column; gap: 16px; }
.section__head--split { }
@media (min-width: 768px) { .section__head--split { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
.section__head--center { align-items: center; text-align: center; margin-bottom: 48px; gap: 0; }
.section__head--wide { max-width: 42rem; margin-left: auto; margin-right: auto; margin-bottom: 64px; }
.section__title { font-size: 28px; line-height: 36px; margin-top: 4px; }
@media (min-width: 768px) { .section__title { font-size: 36px; line-height: 44px; } }
.section__lead { font-size: 15px; line-height: 24px; color: var(--outline); max-width: 28rem; }
.section__head--center .section__lead { color: var(--on-variant); max-width: 36rem; margin-top: 8px; }
.section__head--wide .section__lead { max-width: none; margin-top: 12px; }
.section__lead--center { margin: 0 auto 40px; max-width: 32rem; }
.eyebrow--icon { display: inline-flex; align-items: center; gap: 4px; }
.eyebrow--center { margin-bottom: 8px; gap: 8px; font-size: 12px; }

/* ---------- Hero ---------- */
.hero { background: var(--bg); overflow: hidden; padding: 48px 0; border-bottom: 1px solid var(--parchment); position: relative; }
@media (min-width: 768px) { .hero { padding: 80px 0; } }
.hero__grid { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; }
@media (min-width: 1024px) { .hero__grid { grid-template-columns: repeat(12, 1fr); } .hero__copy { grid-column: span 7; } .hero__visual { grid-column: span 5; } }
.hero__copy { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
.pill-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 9999px; background: var(--peach); border: 1px solid rgba(240, 154, 130, .3); color: var(--secondary); font-size: 12px; line-height: 16px; letter-spacing: .05em; font-weight: 600; }
.hero__title { font-size: 28px; line-height: 36px; letter-spacing: -.025em; }
@media (min-width: 768px) { .hero__title { font-size: 36px; line-height: 44px; } }
.hero__title em { font-style: italic; font-weight: 400; color: var(--secondary); }
.hero__br { display: none; }
@media (min-width: 640px) { .hero__br { display: inline; } }
.hero__text { font-size: 18px; line-height: 28px; color: var(--on-variant); max-width: 36rem; }
.hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding-top: 8px; }
.hero__cta .btn--outline .material-symbols-outlined { color: var(--secondary); }
.hero__trust { width: 100%; padding-top: 24px; border-top: 1px solid var(--parchment); display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 640px) { .hero__trust { grid-template-columns: repeat(3, 1fr); } }
.trust { display: flex; align-items: center; gap: 12px; }
.trust__icon { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.trust-sage { background: var(--sage-tint); color: var(--primary); }
.trust-peach { background: var(--peach); color: var(--secondary); }
.trust-straw { background: var(--straw); color: var(--tertiary); }
.trust__title { font-size: 12px; line-height: 16px; letter-spacing: .05em; font-weight: 600; color: var(--primary); }
.trust__text { font-size: 13px; line-height: 20px; color: var(--outline); }

.hero__visual { position: relative; display: flex; justify-content: center; align-items: flex-end; gap: 20px; }
.hero__glow { position: absolute; inset: -16px; background: rgba(232, 239, 230, .4); border-radius: 9999px; filter: blur(40px); z-index: -1; }
.hero__frame { width: 50%; max-width: 240px; margin: 0; display: flex; flex-direction: column; align-items: center; }
.hero__frame--offset { transform: translateY(24px); }
@media (min-width: 640px) { .hero__frame--offset { transform: translateY(32px); } }
.arch--hero { width: 100%; height: 320px; border: 2px solid var(--parchment); box-shadow: var(--shadow); background: var(--surface-low); }
.arch--hero-2 { height: 288px; }
@media (min-width: 640px) { .arch--hero { height: 384px; } .arch--hero-2 { height: 352px; } }
.hero__frame:hover .arch img { transform: scale(1.05); }
.hero__frame figcaption { display: flex; flex-direction: column; align-items: center; }
.hero__frame-title { margin-top: 12px; font-family: var(--font-head); font-size: 20px; line-height: 28px; font-weight: 600; color: var(--primary); text-align: center; }
.hero__frame-sub { font-size: 10px; line-height: 14px; letter-spacing: .08em; font-weight: 700; text-transform: uppercase; color: var(--outline); }
.hero__frame-sub--accent { color: var(--secondary); }

/* ---------- Kategoriler ---------- */
.section--cats { background: rgba(246, 243, 238, .6); border-bottom: 1px solid var(--parchment); }
.cat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (min-width: 640px) { .cat-grid { gap: 24px; } }
@media (min-width: 768px) { .cat-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .cat-grid { grid-template-columns: repeat(5, 1fr); } }
.cat-card { background: var(--white); padding: 16px; border-radius: var(--r-xl); border: 1px solid var(--parchment); box-shadow: var(--shadow); display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform .3s, box-shadow .3s; }
.cat-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
.arch--card { width: 100%; aspect-ratio: 4 / 5; border: 1px solid var(--parchment); margin-bottom: 16px; }
.cat-card:hover .arch img { transform: scale(1.05); }
.cat-card__title { font-size: 20px; line-height: 28px; transition: color .3s; }
.cat-card:hover .cat-card__title { color: var(--secondary); }
.cat-card__count { font-size: 13px; line-height: 20px; color: var(--outline); margin-top: 2px; }
@media (max-width: 639px) { .cat-grid .cat-card:last-child:nth-child(odd) { grid-column: span 2; } }

/* ---------- Ürün bölümü ---------- */
.section--products { padding: 80px 0; }
.chips { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin-top: 32px; }
.chip { padding: 8px 20px; border-radius: 9999px; font-size: 12px; line-height: 16px; letter-spacing: .05em; font-weight: 600; background: var(--white); color: var(--on-variant); border: 1px solid var(--parchment); transition: .2s; }
.chip:hover { background: var(--sage-tint); }
.chip.is-active { background: var(--primary); color: var(--bg); border-color: var(--primary); box-shadow: 0 1px 2px rgba(0, 0, 0, .06); }

/* ---------- Değerler ---------- */
.section--values { background: var(--surface-low); border-top: 1px solid var(--parchment); border-bottom: 1px solid var(--parchment); padding: 80px 0; }
.value-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 768px) { .value-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .value-grid { grid-template-columns: repeat(4, 1fr); } }
.value-card { background: var(--white); padding: 28px; border-radius: var(--r-xl); border: 1px solid var(--parchment); box-shadow: var(--shadow); display: flex; flex-direction: column; justify-content: space-between; }
.value-card__icon { width: 48px; height: 48px; border-radius: var(--r-xl); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.value-card__icon.tone-peach, .value-card__icon.tone-rose { color: var(--secondary); }
.value-card__icon.tone-sage { color: var(--primary); }
.value-card__icon.tone-straw { color: var(--tertiary); }
.value-card__title { font-size: 20px; line-height: 28px; margin-bottom: 8px; }
.value-card__text { font-size: 13px; line-height: 20px; color: var(--on-variant); }
.value-card__tag { margin-top: 24px; padding-top: 16px; border-top: 1px solid rgba(232, 223, 209, .5); font-size: 10px; line-height: 14px; letter-spacing: .08em; font-weight: 700; display: flex; align-items: center; gap: 4px; }
.value-card__tag.is-secondary { color: var(--secondary); }
.value-card__tag.is-primary { color: var(--primary); }
.value-card__tag.is-tertiary { color: var(--tertiary); }

/* ---------- Kurumsal ---------- */
.section--corp { padding: 80px 0; }
.corp { position: relative; overflow: hidden; background: var(--primary); color: var(--bg); border: 1px solid var(--primary-container); border-radius: var(--r-2xl); box-shadow: var(--shadow); padding: 32px; }
@media (min-width: 768px) { .corp { padding: 56px; } }
.corp__glow { position: absolute; right: -80px; bottom: -80px; width: 384px; height: 384px; border-radius: 50%; background: rgba(52, 68, 48, .6); filter: blur(64px); pointer-events: none; }
.corp__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
@media (min-width: 1024px) { .corp__grid { grid-template-columns: repeat(12, 1fr); } .corp__copy { grid-column: span 7; } .corp__visual { grid-column: span 5; } }
.corp__copy { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
.corp__tag { display: inline-block; background: rgba(252, 249, 244, .15); color: var(--primary-fixed); font-size: 10px; line-height: 14px; letter-spacing: .1em; font-weight: 700; text-transform: uppercase; padding: 4px 12px; border-radius: 9999px; }
.corp__title { color: var(--bg); font-size: 28px; line-height: 1.25; }
@media (min-width: 768px) { .corp__title { font-size: 36px; } }
.corp__text { color: var(--on-primary-container); font-size: 15px; line-height: 24px; max-width: 36rem; }
.corp__list { display: flex; flex-direction: column; gap: 12px; padding-top: 8px; }
.corp__list li { display: flex; align-items: center; gap: 12px; font-size: 13px; line-height: 20px; color: var(--surface-container); }
.corp__list .material-symbols-outlined { color: var(--rose); }
.corp__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding-top: 16px; }
.corp__visual { display: flex; justify-content: center; gap: 16px; }
.arch--corp { width: 50%; height: 288px; border: 1px solid rgba(255, 255, 255, .2); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); background: var(--primary-container); }
@media (min-width: 640px) { .arch--corp { height: 320px; } }
.arch--corp-2 { transform: translateY(24px); }

/* ---------- Yorumlar ---------- */
.section--reviews { background: rgba(246, 243, 238, .7); border-bottom: 1px solid var(--parchment); padding: 80px 0; }
.section--reviews .section__head { margin-bottom: 48px; gap: 24px; }
.stars { display: inline-flex; color: #f59e0b; }
.score-badge { display: flex; align-items: center; gap: 12px; background: var(--white); padding: 12px 20px; border-radius: var(--r-xl); border: 1px solid var(--parchment); box-shadow: var(--shadow); align-self: flex-start; }
@media (min-width: 768px) { .score-badge { align-self: auto; } }
.score-badge__score { font-size: 12px; line-height: 16px; letter-spacing: .05em; font-weight: 700; color: var(--primary); }
.score-badge__src { font-size: 11px; color: var(--outline); }
.review-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 768px) { .review-grid { grid-template-columns: repeat(3, 1fr); } }
.review-card { margin: 0; background: var(--white); padding: 28px; border-radius: var(--r-xl); border: 1px solid var(--parchment); box-shadow: var(--shadow); display: flex; flex-direction: column; justify-content: space-between; }
.review-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.review-card__text { margin: 0 0 24px; font-size: 15px; line-height: 24px; font-style: italic; color: var(--text); }
.review-card__who { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid rgba(232, 223, 209, .6); }
.avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; flex-shrink: 0; }
.avatar.tone-peach { color: var(--secondary); }
.avatar.tone-sage { color: var(--primary); }
.review-card__name { display: block; font-family: var(--font-head); font-size: 16px; line-height: 24px; font-weight: 600; color: var(--primary); }
.review-card__meta { display: block; font-size: 11px; color: var(--outline); }

/* ---------- Instagram ---------- */
.section--insta { padding: 64px 0; }
.insta { text-align: center; }
.insta .eyebrow--center { display: inline-flex; color: var(--secondary); font-weight: 600; text-transform: none; letter-spacing: 0; font-size: 12px; }
.insta .section__title { margin-bottom: 12px; }
.insta__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (min-width: 768px) { .insta__grid { grid-template-columns: repeat(4, 1fr); } }
.insta__item { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: var(--r-xl); border: 1px solid var(--parchment); }
.insta__item img, .insta__item .img-placeholder { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.insta__item:hover img { transform: scale(1.1); }
.insta__hover { position: absolute; inset: 0; background: rgba(47, 66, 43, .4); opacity: 0; transition: opacity .3s; display: flex; align-items: center; justify-content: center; color: #fff; }
.insta__item:hover .insta__hover { opacity: 1; }
.link-underline { display: inline-flex; align-items: center; gap: 8px; margin-top: 32px; color: var(--primary); font-size: 12px; line-height: 16px; letter-spacing: .05em; font-weight: 600; border-bottom: 1px solid var(--primary); padding-bottom: 2px; transition: .2s; }
.link-underline:hover { color: var(--secondary); border-color: var(--secondary); }
.section--blog { padding: 80px 0; }