/* FAZ35.7: Ana Sayfa Yönetimi - scoped overrides only */
.mega-inner.without-featured{grid-template-columns:minmax(180px,1fr) minmax(0,2fr)}
.home-no-hero-spacer{height:126px;background:var(--paper)}
.home-catalog-section .product-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1024px){ .home-catalog-section .product-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.home-no-hero-spacer{height:92px}}

/* FAZ 35.10: bounded category mega menu, with/without visual cards.
   Overrides the legacy theme.css without changing the rest of the header. */
@media (min-width: 1025px) {
  .site-header .mega-menu {background: #fbf8f3; color: #1c1b19; overflow: hidden;}
  .site-header .mega-inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 30px clamp(28px, 4.25vw, 64px) 34px;
    display: grid;
    grid-template-columns: minmax(170px, .94fr) minmax(190px, 1.1fr) minmax(160px, .82fr) minmax(0, 2.3fr);
    gap: clamp(17px, 2.1vw, 30px);
    align-items: start;
  }
  .site-header .mega-inner.without-featured.has-visuals {
    grid-template-columns: minmax(170px, .9fr) minmax(190px, 1.08fr) minmax(0, 2.35fr);
  }
  .site-header .mega-inner.without-visuals.has-featured {
    grid-template-columns: minmax(210px, .95fr) minmax(0, 1.45fr) minmax(190px, 1fr);
  }
  .site-header .mega-inner.without-visuals.without-featured {
    grid-template-columns: minmax(210px, .85fr) minmax(0, 2.15fr);
  }
  .site-header .mega-intro {min-width: 0; padding-right: 5px;}
  .site-header .mega-eyebrow {display:block; font-size: 9px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; color: #976b4c; line-height: 1.7;}
  .site-header .mega-eyebrow span {margin: 0 5px; color: #c6b8a8;}
  .site-header .mega-intro h2 {font: 400 clamp(23px, 2.2vw, 32px)/1.12 Georgia, serif; letter-spacing: -.025em; margin: 14px 0 10px; max-width: 245px; color:#211c1a;}
  .site-header .mega-intro p {color:#78716a; font-size: 12px; line-height: 1.7; margin: 0 0 19px; max-width: 250px;}
  .site-header .mega-view-all {display:inline-flex; align-items:center; gap:17px; padding: 0 0 7px; border-bottom: 1px solid #92745b; font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; color:#34271e; transition:gap .2s ease;}
  .site-header .mega-view-all:hover {gap:23px;}
  .site-header .mega-column {min-width: 0; gap: 0;}
  .site-header .mega-column > strong {font-size:10px; font-weight:850; letter-spacing:.18em; color:#847267; padding-bottom:13px; border-bottom:1px solid #e4dcd2; margin-bottom:6px;}
  .site-header .mega-category-list {display:grid; grid-template-columns:minmax(0,1fr); gap: 2px;}
  .site-header .mega-category-list a {display:flex; gap:10px; align-items:center; min-width:0; min-height:35px; padding:7px 7px; font-size:12px; font-weight:650; color:#24201c; transition: background .2s ease, transform .2s ease;}
  .site-header .mega-category-list a:hover, .site-header .mega-category-list a:focus-visible {background:#efe7dc; transform:translateX(3px);}
  .site-header .mega-category-index {color:#aa927d; font-size:9px; letter-spacing:.04em; font-weight:800;}
  .site-header .mega-category-name {overflow-wrap:anywhere; min-width:0;}
  .site-header .mega-category-arrow {margin-left:auto; opacity:.45; font-size:13px;}
  .site-header .mega-category-list a:hover .mega-category-arrow {opacity:1;}
  .site-header .mega-inner.without-visuals .mega-category-list {grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 12px; margin-top:8px;}
  .site-header .mega-inner.without-visuals .mega-category-list a {border:1px solid #e8dfd5; background:#fffdf9; padding:12px 13px; min-height:49px; font-size:13px;}
  .site-header .mega-inner.without-visuals .mega-category-list a:hover, .site-header .mega-inner.without-visuals .mega-category-list a:focus-visible {border-color:#d2bca6; background:#f2e7d9; transform:translateY(-2px);}
  .site-header .mega-featured-links {display:flex; flex-direction:column; gap:0;}
  .site-header .mega-featured-links a {display:flex; gap:7px; justify-content:space-between; align-items:center; min-height:34px; padding:7px 1px; color:#514943; font-size:12px; line-height:1.3;}
  .site-header .mega-featured-links a:hover {color:#9a5a32;}
  .site-header .mega-featured-links a span {font-size:12px; opacity:.52;}
  /* Critical: image tracks must be bounded even if only one category has an image. */
  .site-header .mega-visuals {align-self:start; justify-self:start; min-width:0; width:min(100%,594px); height:210px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:210px; gap:12px;}
  .site-header .mega-visuals[data-card-count="1"] {width:min(100%,190px); grid-template-columns:minmax(0,1fr);}
  .site-header .mega-visuals[data-card-count="2"] {width:min(100%,392px); grid-template-columns:repeat(2,minmax(0,1fr));}
  .site-header .mega-card {display:block; position:relative; min-width:0; min-height:0; height:210px; max-height:210px; width:100%; overflow:hidden; background:#e9e0d6; isolation:isolate;}
  .site-header .mega-card::after {content:""; position:absolute; inset:44% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.57)); pointer-events:none; z-index:1;}
  .site-header .mega-card img {display:block; position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; transition:transform .45s ease;}
  .site-header .mega-card:hover img {transform:scale(1.045);}
  .site-header .mega-card span {z-index:2; left:13px; right:12px; bottom:13px; font-size:10px; line-height:1.4; text-shadow:0 1px 7px rgba(0,0,0,.27); overflow-wrap:anywhere;}
}
@media (min-width: 1025px) and (max-width: 1230px) {
  .site-header .mega-inner {grid-template-columns:minmax(145px,.9fr) minmax(170px,1fr) minmax(130px,.8fr) minmax(0,2.15fr); gap:16px; padding:26px 28px 30px;}
  .site-header .mega-inner.without-featured.has-visuals {grid-template-columns:minmax(145px,.82fr) minmax(170px,1fr) minmax(0,2.3fr);}
  .site-header .mega-inner.without-visuals.has-featured {grid-template-columns:minmax(190px,.9fr) minmax(0,1.45fr) minmax(170px,.9fr);}
  .site-header .mega-inner.without-visuals.without-featured {grid-template-columns:minmax(190px,.8fr) minmax(0,2.1fr);}
  .site-header .mega-intro h2 {font-size:23px;}
  .site-header .mega-visuals, .site-header .mega-card {height:192px; max-height:192px;}
  .site-header .mega-visuals {grid-auto-rows:192px; gap:8px;}
}