/* Petvarius catalog polish: keep sidebar, align cards, show Çörek hero */
.badge--choice{display:none!important}
.filter-backdrop,.filter-close{display:none}

.catalog-layout{
  position:relative;
  grid-template-columns:245px minmax(0,1fr)!important;
  align-items:start;
  gap:32px;
  margin-top:54px;
}
.catalog-content{position:relative;min-width:0}
.active-filters{display:none!important}
.results-row{
  position:absolute;
  left:0;
  right:0;
  top:-50px;
  margin:0!important;
}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.filters{
  position:sticky!important;
  top:148px!important;
  inset:auto!important;
  width:auto!important;
  max-height:none!important;
  overflow:visible!important;
  border-radius:18px!important;
  transform:none!important;
  box-shadow:none!important;
}
.filter-toggle{display:none!important}

/* Hero kartı: yalnızca Çörek fotoğrafı */
.spotlight-card{
  display:block!important;
  cursor:default!important;
  pointer-events:none;
  background:#241b17!important;
}
.spotlight-card:hover{
  transform:none!important;
  box-shadow:0 34px 75px rgba(66,46,36,.24)!important;
}
.spotlight-head,
.spotlight-copy,
.spotlight-note,
.spotlight-shape{
  display:none!important;
}
.spotlight-visual{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#241b17!important;
}
.spotlight-visual::before{
  display:none!important;
}
.spotlight-visual img{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:inherit!important;
  transform:none!important;
  filter:none!important;
  clip-path:none!important;
}

@media(max-width:1100px){
  .catalog-layout{grid-template-columns:220px minmax(0,1fr)!important;gap:24px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .site-header .header-main{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .site-header .header-main .brand{
    grid-column:1!important;
    min-width:0!important;
  }
  .site-header .header-actions{
    grid-column:2!important;
    justify-self:end!important;
    justify-content:flex-end!important;
    margin-left:auto!important;
  }
  .site-header .global-search{grid-column:1/-1!important}

  .catalog-layout{grid-template-columns:1fr!important;margin-top:0}
  .results-row{position:static;margin-bottom:16px!important}
  .filters{
    position:fixed!important;
    z-index:902!important;
    inset:0 auto 0 0!important;
    width:min(340px,88vw)!important;
    max-height:100vh!important;
    padding-top:72px!important;
    overflow:auto!important;
    border-radius:0 20px 20px 0!important;
    transform:translateX(-105%)!important;
    box-shadow:0 28px 80px rgba(49,35,27,.24)!important;
    transition:transform .22s ease!important;
  }
  .filters::before{
    content:"Filtreler";
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    right:0;
    height:72px;
    display:flex;
    align-items:center;
    padding:0 76px 0 20px;
    border-bottom:1px solid rgba(106,75,59,.14);
    border-radius:0 20px 0 0;
    background:rgba(255,250,243,.98);
    color:#2d241f;
    font-size:1rem;
    font-weight:900;
    letter-spacing:-.02em;
  }
  .filters.is-open{transform:translateX(0)!important}
  .filter-toggle{display:inline-flex!important}
  .filter-close{
    position:absolute;
    z-index:3;
    top:max(13px,env(safe-area-inset-top));
    right:14px;
    width:44px;
    height:44px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid rgba(106,75,59,.18);
    border-radius:14px;
    background:#f4e9dc;
    color:#2d241f;
    box-shadow:none;
    font-size:27px;
    font-weight:400;
    line-height:1;
  }
  .filter-close:active{transform:scale(.96)}
  .filter-backdrop{
    position:fixed;
    z-index:901;
    inset:0;
    display:block;
    padding:0;
    border:0;
    background:rgba(34,25,21,.48);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
  }
  body.filters-open{overflow:hidden}
  body.filters-open .filter-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
}
@media(max-width:600px){
  .site-header .header-main{
    padding-top:max(14px,env(safe-area-inset-top))!important;
    padding-bottom:10px!important;
  }
  .header-main .brand{margin-top:3px}
  .brand-text strong{font-size:.92rem!important}
  .brand-text small{font-size:.62rem!important}
  .hero-copy h1{
    font-size:clamp(2.35rem,11vw,3rem)!important;
    line-height:1.02!important;
  }
  .hero-copy p{font-size:.9rem!important;line-height:1.58!important}
  .hero-actions a,.hero-actions button{font-size:.76rem!important}
  .hero-points span{font-size:.72rem!important}
  .section-title h2,.catalog-heading h2{
    font-size:clamp(1.85rem,8.8vw,2.25rem)!important;
    line-height:1.08!important;
  }
  .section-title p,.results-row p{font-size:.78rem!important}
  .quick-card strong{font-size:.82rem!important}
  .quick-card small{font-size:.66rem!important}
  .card-body h3{font-size:.94rem!important}
  .product-grid{grid-template-columns:1fr!important}
  .spotlight-card{min-height:460px!important}
  .spotlight-visual img{object-position:center center!important}
}