/* Geniş tanıtım ve dükkân bandı */

.promo-banner {
  position: relative; display: grid; border-radius: var(--radius); overflow: hidden; isolation: isolate;
  min-height: 360px; background: var(--brand-dark); color: #FFFFFF;
}
.promo-banner__media { position: absolute; inset: 0; border-radius: 0; z-index: -2; }
.promo-banner::after {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, color-mix(in srgb, var(--brand-dark) 94%, transparent) 0%, color-mix(in srgb, var(--brand-dark) 80%, transparent) 36%, transparent 70%);
}
.promo-banner__content { align-self: center; display: grid; gap: var(--space-s); justify-items: start; max-width: 460px; padding: clamp(1.5rem, 4vw, 3.5rem); }
.promo-banner__eyebrow {
  margin: 0; padding: 0.3rem 0.7rem; border-radius: var(--radius-pill);
  background: var(--tag); color: var(--tag-ink); font-size: var(--step--1); font-weight: 700;
}
.promo-banner__title { margin: 0; font-size: var(--h1); color: #FFFFFF; }
.promo-banner__text { margin: 0; font-size: var(--step-1); color: rgb(255 255 255 / 0.88); }
@media (max-width: 749px) {
  .promo-banner { min-height: 420px; }
  .promo-banner::after { background: linear-gradient(0deg, color-mix(in srgb, var(--brand-dark) 95%, transparent) 0%, color-mix(in srgb, var(--brand-dark) 70%, transparent) 50%, transparent 85%); }
  .promo-banner__content { align-self: end; padding: var(--space-l) var(--space-m); }
}

.shop-band__layout {
  display: grid; gap: var(--space-xl); align-items: center;
  background: var(--surface); border-radius: var(--radius); padding: var(--space-s);
}
@media (min-width: 990px) {
  .shop-band__layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--space-2xl); padding: var(--space-m); }
}
.shop-band__content { display: grid; gap: var(--space-m); justify-items: start; padding: var(--space-s) var(--space-m) var(--space-l); }
.shop-band__title { margin: 0; font-size: var(--h2); }
.shop-band__text { margin: 0; color: var(--muted); max-width: 52ch; }
.rating {
  display: inline-flex; align-items: center; gap: 0.55rem; margin: 0; padding: 0.4rem 0.8rem;
  border-radius: var(--radius-pill); background: var(--bg); text-decoration: none; font-weight: 700; font-size: var(--step--1);
}
.rating__stars { display: inline-flex; gap: 1px; color: #E3A008; }
.rating__stars .icon { width: 16px; height: 16px; }
.shop-band__facts { display: grid; gap: var(--space-xs); }
.shop-band__facts li { display: flex; align-items: center; gap: 0.6rem; font-weight: 500; }
.shop-band__facts .icon { width: 20px; height: 20px; color: var(--brand); }
.shop-band__actions { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.shop-band__actions .button--secondary { background: var(--bg); }

.guarantee {
  display: flex; gap: var(--space-s); align-items: flex-start; padding: var(--space-m);
  border-radius: var(--radius-s); background: var(--bg); border: 1px solid var(--line); max-width: 560px;
}
.guarantee > .icon { width: 26px; height: 26px; color: var(--ok); margin-top: 2px; }
.guarantee__title { margin: 0 0 2px; font-weight: 700; }
.guarantee__note { margin: 0; font-size: var(--step--1); color: var(--muted); }