.ambient-bg {
  background: radial-gradient(circle at 72% 28%, #4d2117 0, transparent 34%),
    radial-gradient(circle at 20% 65%, #32120f 0, transparent 40%),
    linear-gradient(135deg, #120806, #2b100d 62%, #120806);
  filter: none;
}

.ambient-glow {
  background: radial-gradient(circle at 67% 32%, rgba(232, 71, 45, 0.13), transparent 25%),
    linear-gradient(180deg, rgba(12, 7, 5, 0.1), rgba(18, 9, 5, 0.56));
}

.feature-bar b { font-size: 17px; color: #ff747b; letter-spacing: .08em; }
.hero-visual { min-height: 700px; }
.product-float {
  width: min(470px, 82%);
  max-height: 680px;
  object-fit: contain;
  border-radius: 40px;
  box-shadow: 0 35px 70px rgba(0, 0, 0, .42);
  filter: none;
}

.product-showcase { background: #150c09; }
.product-showcase img { object-fit: contain; background: #150c09; }
.product-grid { grid-template-columns: 1fr; max-width: 940px; margin: 0 auto; }
.product-card { display: grid; grid-template-columns: minmax(300px, .78fr) 1.22fr; }
.product-image { min-height: 540px; aspect-ratio: auto; background: #160c09; }
.product-image img { object-fit: contain; }
.product-body { display: flex; flex-direction: column; justify-content: center; padding: 44px; }
.product-body .tag { align-self: flex-start; }

.sirdem-section {
  background: linear-gradient(135deg, #edf4e8, #fff 55%, #f4ead7);
  position: relative;
  overflow: hidden;
}

.sirdem-section::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  left: -260px;
  top: -160px;
  background: radial-gradient(circle, rgba(79, 142, 53, .14), transparent 68%);
}

.sirdem-shell { display: grid; grid-template-columns: .88fr 1.12fr; gap: 54px; align-items: center; position: relative; }
.sirdem-brand { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; }
.sirdem-brand img { width: 150px; height: 100px; object-fit: contain; background: #fff; border-radius: 18px; padding: 8px; box-shadow: 0 12px 30px rgba(39, 87, 27, .12); }
.sirdem-brand span { background: #2f7f32; color: #fff; padding: 9px 12px; border-radius: 999px; font-size: 12px; font-weight: 900; letter-spacing: .1em; }
.eyebrow.tea { color: #2f7f32; }
.sirdem-copy h2 { font-family: "Playfair Display", serif; font-size: clamp(42px, 5vw, 66px); line-height: .98; letter-spacing: -.035em; margin: 14px 0 20px; color: #173615; }
.sirdem-copy > p { font-size: 16px; line-height: 1.75; color: #56634f; }
.tea-points { display: flex; gap: 9px; flex-wrap: wrap; margin: 24px 0; }
.tea-points span { background: #fff; color: #2f7032; border: 1px solid rgba(47, 127, 50, .18); padding: 10px 13px; border-radius: 999px; font-size: 12px; font-weight: 800; }
.sirdem-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.tea-btn { background: linear-gradient(135deg, #4c943c, #245f2c); color: #fff; box-shadow: 0 15px 35px rgba(37, 100, 43, .22); }
.official-link { font-size: 13px; font-weight: 800; color: #2d6530; border-bottom: 1px solid rgba(45, 101, 48, .35); padding-bottom: 4px; }
.tea-gallery { display: grid; grid-template-columns: 1.08fr .92fr; grid-template-rows: 1fr 1fr; gap: 16px; min-height: 620px; }
.tea-gallery figure { position: relative; margin: 0; border-radius: 26px; overflow: hidden; background: #fff; box-shadow: 0 20px 55px rgba(36, 80, 28, .13); }
.tea-gallery .tea-main { grid-row: 1 / -1; }
.tea-gallery img { width: 100%; height: 100%; object-fit: contain; padding: 28px; background: linear-gradient(180deg, #fff, #f7f5ed); }
.tea-gallery figcaption { position: absolute; left: 14px; right: 14px; bottom: 14px; background: rgba(24, 70, 26, .92); color: #fff; border-radius: 12px; padding: 11px 13px; font-size: 12px; font-weight: 800; text-align: center; }

@media (max-width: 980px) {
  .sirdem-shell { grid-template-columns: 1fr; }
  .tea-gallery { min-height: 540px; }
  .product-card { grid-template-columns: 1fr; }
  .product-image { min-height: 580px; }
  .hero-visual { min-height: 650px; }
}

@media (max-width: 640px) {
  .hero-visual { min-height: 590px; }
  .product-float { width: 86%; }
  .product-image { min-height: 520px; }
  .product-body { padding: 26px; }
  .tea-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 400px 250px; min-height: 0; }
  .tea-gallery .tea-main { grid-column: 1 / -1; grid-row: auto; }
  .tea-gallery img { padding: 18px; }
  .sirdem-brand { align-items: flex-start; flex-direction: column; }
  .sirdem-copy h2 { font-size: 42px; }
}