/* ═══ Şahaneev – sade ana sayfa (v5): tek ürün ızgarası, kategori sekmeleri, büyük okunaklı öğeler ═══
 * sahane-home.css'ten sonra yüklenir. Hedef: her yaştan kullanıcı için net, yormayan arayüz. */
html body.se-store .hm-simple .hm-hero{height:clamp(440px,62vh,620px)}
html body.se-store .hm-simple .hm-hero .se-slide-title{font-size:clamp(38px,4.4vw,64px)!important}
.hm-simple .hm-hero-sub{font-size:17px}

/* Güven şeridi */
.hm-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:20px auto 0;padding:0}
.hm-trust li{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--hm-line)}
.hm-trust svg{width:30px!important;height:30px!important;color:var(--hm-wine)}
.hm-trust span{display:flex;flex-direction:column;font-size:14px;line-height:1.4;color:var(--hm-muted)}
.hm-trust b{font-size:16px;font-weight:800;color:var(--hm-ink)}

/* Ürünler */
.hm-products{padding-top:clamp(48px,6vw,80px)}
.hm-products-head{text-align:center;margin-bottom:24px}
html body.se-store .hm-products-head .hm-title{margin:0!important}
.hm-products-head p{font-size:17px;line-height:1.6;color:var(--hm-ink-2);margin:10px 0 0}
.hm-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 32px}
html body.se-store .hm-tab{display:inline-flex;align-items:center;min-height:50px;padding:0 24px;border-radius:999px;border:1.5px solid var(--hm-line);background:#fff;color:var(--hm-ink)!important;font-size:16px;font-weight:700;text-decoration:none!important;transition:background .2s,border-color .2s,color .2s}
html body.se-store .hm-tab:hover{border-color:var(--hm-ink)}
html body.se-store .hm-tab.is-active{background:var(--hm-ink);border-color:var(--hm-ink);color:#fff!important}
.hm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hm-simple .hm-item.is-extra{display:none}
.hm-simple .hm-grid.is-filtered .hm-item{display:none}
.hm-simple .hm-grid.is-filtered .hm-item.is-shown{display:flex}
.hm-item{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--hm-line);transition:box-shadow .3s,transform .3s var(--hm-ease)}
.hm-item:hover{box-shadow:0 18px 40px -22px rgba(29,24,20,.35);transform:translateY(-2px)}
.hm-item-img{position:relative;display:block;aspect-ratio:4/5;background:var(--hm-sand);overflow:hidden}
.hm-item-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--hm-ease)}
.hm-item:hover .hm-item-img img{transform:scale(1.03)}
.hm-item .hm-fav{top:12px;right:12px}
.hm-item-body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px}
.hm-item-cat{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hm-wine);margin-bottom:6px}
html body.se-store .hm-item-name{font-family:var(--hm-sans)!important;font-size:16px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:0!important;margin:0 0 12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
html body.se-store .hm-item-name a{color:var(--hm-ink)!important;text-decoration:none!important}
.hm-item-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.hm-item-price b{font-size:22px;font-weight:800;color:var(--hm-ink);letter-spacing:-.01em}
.hm-item-price del{font-size:15px;color:var(--hm-muted)}
.hm-item-price span{font-size:14px;color:var(--hm-muted)}
html body.se-store .hm-item-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;height:50px;border-radius:14px;background:var(--hm-wine);color:#fff!important;font-size:16px;font-weight:800;text-decoration:none!important;transition:background .2s}
html body.se-store .hm-item-btn:hover{background:var(--hm-wine-2)}
.hm-products-more{display:flex;justify-content:center;margin-top:36px}
html body.se-store .hm-btn-big{height:60px;padding:0 40px;font-size:17px}

/* Güven bandı: sade */
.hm-simple .hm-proof{grid-template-columns:1.6fr 1fr}
html body.se-store .hm-simple .hm-proof h2{font-size:clamp(34px,3.8vw,56px)!important;margin-top:0!important}
.hm-simple .hm-stats{grid-template-columns:1fr}

/* Nasıl sipariş verilir */
html body.se-store .hm-guide>.hm-title{text-align:center;margin:0 0 28px!important}
html body.se-store .hm-simple .hm-steps span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--hm-wine);color:#fff;font-family:var(--hm-sans)!important;font-size:22px;font-weight:800;line-height:1;margin-bottom:18px}
.hm-simple .hm-steps p{font-size:16px;color:var(--hm-ink-2)}
html body.se-store .hm-simple .hm-steps h3{font-size:19px!important}
.hm-simple .hm-help p{font-size:16px}

@media (max-width:1100px){
  .hm-trust{grid-template-columns:1fr 1fr}
  .hm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hm-simple .hm-proof{grid-template-columns:1fr}
}
@media (max-width:767px){
  html body.se-store .hm-simple .hm-hero{height:auto;aspect-ratio:3/4;min-height:0;max-height:560px}
  html body.se-store .hm-simple .hm-hero .se-slide-title{font-size:32px!important}
  .hm-simple .hm-hero-sub{font-size:15px}
  .hm-trust{gap:8px;margin-top:12px}
  .hm-trust li{flex-direction:column;align-items:flex-start;gap:8px;padding:14px}
  .hm-trust b{font-size:15px}
  .hm-trust span{font-size:13px}
  .hm-products-head p{font-size:15.5px}
  .hm-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:0 -16px 20px;padding:0 16px 4px;scrollbar-width:none}
  .hm-tabs::-webkit-scrollbar{display:none}
  html body.se-store .hm-tab{flex-shrink:0;min-height:46px;padding:0 18px;font-size:15px}
  .hm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .hm-item{border-radius:16px}
  .hm-item-body{padding:12px 12px 14px}
  .hm-item-cat{font-size:11px}
  html body.se-store .hm-item-name{font-size:14.5px!important}
  .hm-item-price b{font-size:18px}
  html body.se-store .hm-item-btn{height:46px;font-size:15px;border-radius:12px}
  .hm-item .hm-fav{width:36px;height:36px;top:8px;right:8px}
  html body.se-store .hm-btn-big{width:100%;height:56px}
}
/* Mobil: sekmelerin hepsi görünür (yana kaydırma yok) – "Tümü" tam satır, diğerleri 2 sütun */
@media (max-width:767px){
  .hm-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;margin:0 0 20px;padding:0}
  .hm-tabs .hm-tab:first-child{grid-column:1/-1}
  html body.se-store .hm-tab{justify-content:center;padding:0 10px;font-size:15px}
}
/* Ana sayfa kartlarında da aynı: görsel tonu doğal */
.hm-item-img{background:#fff}
html body.se-store .hm-hero .se-slider-pause { position: absolute; z-index: 4; right: 24px; bottom: 30px; min-width: 76px; min-height: 44px; padding: 10px 14px; border: 1px solid #ffffff70; border-radius: 24px; color: #fff; background: #171310a6; font-size: 13px; cursor: pointer; }
html body.se-store .hm-hero .se-slider-pause:hover { background: #171310; }
@media(max-width: 767px) { html body.se-store .hm-hero .se-slider-pause { right: 16px; bottom: 24px; min-width: 68px; padding: 10px; } }
/* Video dimensions, not the poster, determine portrait layout. No cropping. */
html body.se-store .hm-hero .se-slide.is-portrait .se-slide-media{left:50%;background:#241d18}
html body.se-store .hm-hero .se-slide.is-portrait .se-slide-media::before{display:none}
html body.se-store .hm-hero .se-slide.is-portrait .se-slide-media>video{object-fit:contain!important;object-position:center!important}
html body.se-store .hm-hero .se-slide.is-portrait::after{display:none}
html body.se-store .hm-hero .se-slide.is-portrait .se-slide-copy{max-width:42%;bottom:130px}
html body.se-store .hm-simple .hm-hero .se-slide.is-portrait .se-slide-title{font-size:clamp(32px,3.5vw,52px)!important}
@media(max-width:767px){
 html body.se-store .hm-simple .hm-hero.has-portrait-video{height:760px!important;max-height:none!important;aspect-ratio:auto!important}
 html body.se-store .hm-hero .se-slide.is-portrait .se-slide-media{left:0;right:0;top:0;bottom:auto;height:52%}
 html body.se-store .hm-hero .se-slide.is-portrait .se-slide-copy{left:22px;right:22px;top:55%;bottom:auto;max-width:none}
 html body.se-store .hm-simple .hm-hero .se-slide.is-portrait .se-slide-title{font-size:30px!important;line-height:1.1!important;margin:12px 0!important}
 html body.se-store .hm-hero .se-slide.is-portrait .hm-hero-sub{font-size:14px;line-height:1.6;margin-bottom:18px}
 html body.se-store .hm-hero .se-slide.is-portrait .hm-eyebrow{font-size:10px}
}