/* =========================================================================
   Itır Pazarlama — kırılımlar (mobil öncelikli; 320px'ten itibaren)
   ========================================================================= */

/* Çok dar ekranlar (320–379) */
@media (max-width: 379px) {
  :root { --header-h: 66px; }
  .brand img { width: 44px; }
  .brand-text small { display: none; }
  .icon-btn { width: 42px; height: 42px; }
  .product-grid { gap: var(--s-5) .75rem; }
  .p-card .p-foot { flex-direction: column; align-items: flex-start; }
  .p-card .add-btn { width: 100%; justify-content: center; }
  .btn { padding-inline: 1.15rem; }
}

@media (max-width: 599px) {
  .hero { min-height: auto; }
  .catalog-cover { width: min(70%, 260px); }
  .hero-grid { gap: var(--s-5); }
  .fan { aspect-ratio: 1 / .82; }
  .hero-actions .btn { flex: 1 1 100%; }
  .p-card .add-btn .lbl { display: none; }
  .wall { grid-auto-columns: 62vw; }
}

@media (min-width: 600px) {
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .form-row--2 { grid-template-columns: 1fr 1fr; }
  .news-card { grid-template-rows: none; grid-template-columns: minmax(180px, 34%) 1fr; }
  .news-card .media { aspect-ratio: auto; min-height: 170px; }
  .why { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .group-card--feature { grid-column: 1 / -1; }
  .atlas-list { columns: 2; }
  .atlas-entries { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pd-actions { grid-template-columns: 1fr 1fr; }
  .pd-actions .btn:first-child { grid-column: 1 / -1; }
  .dock { left: 50%; right: auto; width: 420px; margin-left: -210px; }
}

@media (min-width: 900px) {
  .sec-head { grid-template-columns: 1.2fr 1fr; }
  .sec-head p { justify-self: end; }
  .hero-grid { grid-template-columns: 1.05fr .95fr; }
  .fan { max-width: none; }
  .manifesto { grid-template-columns: 1.4fr 1fr; align-items: end; }
  .groups { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: minmax(260px, auto); }
  .group-card--feature { grid-column: 1 / 5; grid-row: span 2; }
  .groups .group-card:nth-child(2) { grid-column: 5 / 7; }
  .groups .group-card:nth-child(3) { grid-column: 5 / 7; }
  .groups .group-card:nth-child(4) { grid-column: 1 / 4; }
  .groups .group-card:nth-child(5) { grid-column: 4 / 7; }
  .why { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .why-item:nth-child(1) { grid-column: 1 / 6; }
  .why-item:nth-child(2) { grid-column: 6 / 13; }
  .why-item:nth-child(3) { grid-column: 1 / 8; }
  .why-item:nth-child(4) { grid-column: 8 / 13; }
  .story { grid-template-columns: 1fr 1fr; align-items: start; gap: var(--s-8); }
  .story-visual { position: sticky; top: calc(var(--header-h) + 2rem); }
  .story-step { padding: var(--s-6) 0; min-height: 36vh; display: flex; flex-direction: column; justify-content: center; }
  .catalog-cta { grid-template-columns: .9fr 1.1fr; }
  .contact-band { grid-template-columns: 1.2fr 1fr; align-items: end; }
  .news-split { grid-template-columns: 1fr 1.7fr; gap: var(--s-8); align-items: start; }
  .news-split .sec-head { grid-template-columns: 1fr; position: sticky; top: calc(var(--header-h) + 2rem); }
  .news-split .sec-head p { justify-self: start; }
  .footer-top { grid-template-columns: 1.6fr 1fr 1fr 1.3fr; }
  .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-7) var(--s-5); }
  .pd { grid-template-columns: .9fr 1.1fr; align-items: start; gap: var(--s-8); }
  .pd-media { position: sticky; top: calc(var(--header-h) + 1.5rem); }
  .with-toc { display: grid; grid-template-columns: 240px 1fr; gap: var(--s-8); align-items: start; }
  .contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--s-8); align-items: start; }
  .atlas-group { grid-template-columns: 180px 1fr; gap: var(--s-6); }
  .about-split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-8); align-items: center; }
}

@media (max-width: 899px) {
  .group-card--feature { padding-top: var(--s-6); }
  .group-card--feature .packs { position: relative; right: auto; top: auto; transform: none; width: min(88%, 420px); margin: var(--s-6) auto var(--s-5); }
  .group-card--feature .feat-body { max-width: none; }
  .group-card--feature::before { background: linear-gradient(180deg, var(--c) 0%, color-mix(in srgb, var(--c) 82%, #000) 100%); }
  .toc { display: none; }
  .contact-grid > * + * { margin-top: var(--s-8); }
  .about-split > * + * { margin-top: var(--s-7); }
  .page-hero .ph-bg { width: 100%; }
  .page-hero .ph-bg img { opacity: .28; }
  .page-hero .ph-bg::after { background: linear-gradient(180deg, rgba(19, 32, 26, .6), var(--ink)); }
}

@media (min-width: 1080px) {
  .nav { display: block; }
  .header-actions { margin-left: var(--s-4); }
  .menu-toggle, .mobile-menu { display: none; }
  .header-cta { display: inline-flex; }
  .dock { display: none; }
  .atlas-list { columns: 3; }
  .atlas-entries { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .product-grid--wide { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (min-width: 1440px) {
  :root { --header-h: 84px; }
  .brand img { width: 58px; }
}

/* Dokunmatik cihazlarda hover efektlerini sabitleme */
@media (hover: none) {
  .atlas-cursor { display: none; }
  .wall a:hover .pack { transform: none; }
}

/* Yazdırma */
@media print {
  .site-header, .site-footer, .dock, .cookie, .drawer, .mobile-menu, .filters { display: none !important; }
  body { background: #fff; }
  .page-hero, .on-dark { background: #fff; color: #000; }
}

/* Baharat kartı: dar ekranda aroma listesi iki sütun */
@media (min-width: 480px) and (max-width: 899px) {
  .feat-aromas { grid-template-columns: 1fr 1fr; }
}

/* Mobil alt aksiyon çubuğu footer'ın son satırını örtmesin */
@media (max-width: 1079px) {
  .site-footer { padding-bottom: calc(var(--s-6) + 76px); }
}