/* LADIN SILVER V31.10 — mobil/tablet menü, boşluk ve içerik son düzeltmeleri */

/* Ortak header: eski sayfa CSS'lerindeki generic header yüksekliği yeni header'ı ezmesin. */
.ls314-header{height:auto!important}

/* Mobil/tablet navigasyon 1024px'e kadar güvenli drawer kullanır. */
@media(max-width:1024px){
  .ls314-header{
    height:auto!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .ls314-head{
    height:72px!important;
    grid-template-columns:72px minmax(0,1fr) auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .ls314-menu-btn{display:block!important;min-width:52px;text-align:left}
  .ls314-logo{justify-self:center;text-align:center;font-size:24px!important}
  .ls314-nav{display:none!important}
  .ls314-tools a:not(.ls314-cart){display:none!important}
  .ls314-mobile{
    position:absolute!important;
    inset:auto 0 auto 0!important;
    top:100%!important;
    width:100%!important;
    height:calc(100dvh - 103px)!important;
    max-height:calc(100dvh - 103px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:#fff!important;
    padding:18px 18px max(24px,env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--ls-line)!important;
    box-shadow:0 22px 45px rgba(23,21,19,.10);
  }
  .ls314-mobile.open{display:block!important}
  body.ls314-menu-open{overflow:hidden!important;touch-action:none}
  .ls314-mobile-group a{min-height:36px;display:flex!important;align-items:center}
  .ls314-mobile-actions{position:sticky;bottom:-1px;background:#fff;padding-bottom:8px;z-index:2}
}

@media(max-width:620px){
  .ls314-head{grid-template-columns:62px minmax(0,1fr) auto!important;padding-left:14px!important;padding-right:14px!important}
  .ls314-logo{font-size:21px!important}
  .ls314-mobile-grid{grid-template-columns:1fr!important;gap:0!important}
  .ls314-mobile-group{padding:12px 2px!important}
  .ls314-mobile-group b{font-size:19px!important}
  .ls314-mobile-actions{gap:7px!important}
  .ls314-mobile-actions a{padding:11px 7px!important}
}


/* Fotoğrafı kesmeden, boş kalan alanı aynı görselin yumuşak arka planıyla doldur. */
.ls310-media-safe{position:relative!important;isolation:isolate!important;background:#eee9e3!important;overflow:hidden!important}
.ls310-media-safe::before{content:"";position:absolute;inset:-28px;background-image:var(--ls310-bg);background-size:cover;background-position:center;filter:blur(22px) saturate(.72);opacity:.24;transform:scale(1.08);z-index:0}
.ls310-media-safe::after{content:"";position:absolute;inset:0;background:rgba(246,243,238,.28);z-index:0}
.ls310-media-safe>img{position:relative!important;z-index:1!important}

@media(min-width:1025px){
  body.homePage .story,body.homePage .gift,body.homePage .store{min-height:0!important;align-items:stretch!important}
  body.homePage .storyMedia,body.homePage .giftMedia,body.homePage .storeMedia{height:760px!important;min-height:0!important;max-height:760px!important;aspect-ratio:auto!important}
  body.homePage .storyMedia img,body.homePage .giftMedia img,body.homePage .storeMedia img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}
}

/* Ana sayfa: tablet oranında solda kalan hero görselini tam satıra oturt. */
@media(min-width:621px) and (max-width:1024px){
  body.homePage .hero{grid-template-columns:1fr!important}
  body.homePage .heroMedia{order:1!important;
    width:100%!important;
    height:min(720px,70dvh)!important;
    min-height:560px!important;
    max-height:720px!important;
    aspect-ratio:auto!important;
    justify-self:stretch!important;
  }
  body.homePage .heroMedia img{width:100%!important;height:100%!important;object-fit:contain!important}
  body.homePage .heroCopy{order:2!important;padding:52px 42px!important}
  body.homePage .story,body.homePage .gift,body.homePage .store{grid-template-columns:1fr!important}

  /* Dikey görseller tablette sayfayı gereksiz yere 1000+ px uzatmasın; kesmeden göster. */
  body.homePage .storyMedia,
  body.homePage .giftMedia,
  body.homePage .storeMedia{
    width:100%!important;
    height:min(680px,68dvh)!important;
    min-height:540px!important;
    max-height:680px!important;
    aspect-ratio:auto!important;
  }
  body.homePage .storyMedia img,
  body.homePage .giftMedia img,
  body.homePage .storeMedia img{
    width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important
  }
  body.homePage .story{margin-top:68px!important}
  body.homePage .brandMoment{margin-top:52px!important}
  body.homePage .store{margin-top:68px!important}
  body.homePage .newsletter{margin-top:58px!important}
}

@media(max-width:620px){
  body.homePage .heroMedia{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/4!important}
  body.homePage .heroCopy{padding:40px 20px!important}
  body.homePage .sectionHead{padding-top:50px!important}
  body.homePage .homeProduct{padding-top:46px!important;padding-bottom:48px!important}
  body.homePage .story{margin-top:46px!important}
  body.homePage .storyMedia,
  body.homePage .giftMedia,
  body.homePage .storeMedia{
    width:100%!important;
    height:480px!important;
    min-height:0!important;
    max-height:480px!important;
    aspect-ratio:auto!important;
  }
  body.homePage .storyMedia img,
  body.homePage .giftMedia img,
  body.homePage .storeMedia img{
    width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important
  }
  body.homePage .storyCopy,
  body.homePage .giftCopy,
  body.homePage .storeCopy{padding:38px 22px!important}
  body.homePage .brandMoment{margin-top:38px!important}
  body.homePage .store{margin-top:48px!important}
  body.homePage .newsletter{margin-top:42px!important;padding-top:50px!important;padding-bottom:50px!important}
}

/* Index'teki eski generic nav kuralı footer rehber linklerini gizlemesin. */
@media(max-width:1024px){
  .ls314-footer .ls316-guide-nav{display:flex!important}
}

/* Footer'ı mobilde daha kompakt ve okunur yap. */
@media(max-width:620px){
  .ls314-footer{padding:38px 16px 18px!important}
  .ls314-footer-grid{gap:22px 16px!important}
  .ls314-footer h4{margin-bottom:10px!important}
  .ls314-footer a{margin:6px 0!important;line-height:1.3!important}
  .ls314-footer-bottom{margin-top:22px!important;padding-top:16px!important}
}

/* Yardım / rehber sayfaları: içerik blokları */
.ls310-guide{max-width:920px;margin:0 auto;padding:6px 28px 86px}
.ls310-guide h2{font:400 31px/1.2 Georgia,serif;margin:40px 0 12px}
.ls310-guide h3{font:400 21px/1.3 Georgia,serif;margin:24px 0 8px}
.ls310-guide p,.ls310-guide li{font-size:14px;line-height:1.8;color:#504a44}
.ls310-guide ul,.ls310-guide ol{padding-left:21px}
.ls310-guide li+li{margin-top:6px}
.ls310-guide .ls310-note{margin:22px 0;padding:18px 20px;background:#fff;border:1px solid #e5dfd7;color:#5d5650;font-size:13px;line-height:1.7}
.ls310-guide .ls310-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}
.ls310-guide .ls310-card{background:#fff;border:1px solid #e5dfd7;padding:20px}
.ls310-guide .ls310-card h3{margin:0 0 7px;font-size:19px}
.ls310-guide .ls310-card p{margin:0;font-size:13px}
.ls310-guide details{border-top:1px solid #e5dfd7;padding:14px 0}
.ls310-guide details:last-of-type{border-bottom:1px solid #e5dfd7}
.ls310-guide summary{cursor:pointer;font:400 18px Georgia,serif}
@media(max-width:620px){
  .ls310-guide{padding:0 18px 62px}
  .ls310-guide h2{font-size:27px;margin-top:32px}
  .ls310-guide .ls310-grid{grid-template-columns:1fr}
  .hero{padding-top:42px!important;padding-bottom:34px!important}
  .breadcrumb{padding-top:18px!important}
}