/*
  Evin Şahane Mobil Toparlama Paketi v10.6
  Amaç: mobil overflow problemlerini azaltmak, header/search düzenini kompakt yapmak,
  sabit telefon + WhatsApp alt bar eklemek.
*/

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

img,
svg,
video,
canvas,
iframe{
  max-width:100%;
}

body{
  -webkit-text-size-adjust:100%;
}

.esh-header,
.esh-cargo,
.esh-main,
.esh-menu-row,
.esh-menu-inner,
.es-home-wrap,
.es-market-layout,
.es-main-column,
.es-left-column,
.es-right-column,
.es-panel,
.es-section,
.es-section-track-wrap,
.container,
.container-fluid,
.row,
.card{
  max-width:100%;
  min-width:0;
}

.esh-search,
.esh-search-wrap,
.esh-actions,
.esh-brand,
.es-card,
.es-product-card,
.es-side-grid > *,
.es-section-track > *,
.es-logo-box,
.es-logo-small-row > *{
  min-width:0;
}

.es-card-title,
.es-product-title,
.es-section-title,
.es-panel-title,
.es-main-top h1,
.es-main-top p,
.card,
.card *{
  overflow-wrap:anywhere;
}

.table-responsive{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

@media (max-width: 992px){
  .esh-header{
    overflow:visible;
  }

  .esh-main{
    width:100%;
    grid-template-columns:minmax(0, 1fr) auto !important;
    gap:10px !important;
    padding:12px 12px 10px !important;
  }

  .esh-brand{
    width:auto;
    max-width:142px;
  }

  .esh-brand img{
    width:auto !important;
    height:48px !important;
    max-width:142px !important;
    object-fit:contain;
  }

  .esh-actions{
    min-width:0 !important;
    width:auto;
    gap:8px !important;
    justify-self:end;
  }

  .esh-phone{
    display:none !important;
  }

  .esh-search-wrap{
    grid-column:1 / -1 !important;
    order:3 !important;
    display:grid !important;
    grid-template-columns:44px minmax(0, 1fr) !important;
    gap:8px !important;
    width:100%;
  }

  .esh-mobile-toggle{
    width:44px !important;
    height:44px !important;
    border-radius:12px !important;
  }

  .esh-search{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
  }

  .esh-search input{
    min-width:0 !important;
    width:100%;
    padding:0 13px !important;
    font-size:13px !important;
  }

  .esh-search button{
    min-width:48px !important;
    width:48px !important;
    padding:0 !important;
    flex:0 0 48px !important;
    font-size:0 !important;
    gap:0 !important;
  }

  .esh-search button svg{
    width:20px !important;
    height:20px !important;
  }

  .esh-search-suggest{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-height:58vh !important;
    border-radius:14px !important;
  }

  .esh-suggest-item{
    grid-template-columns:48px minmax(0, 1fr) auto !important;
    gap:10px !important;
  }

  .esh-suggest-img{
    width:48px !important;
    height:48px !important;
  }

  .esh-cat-nav{
    left:12px !important;
    right:12px !important;
    max-height:70vh;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }

  .esh-cat-link{
    white-space:normal !important;
  }

  .esh-mega{
    max-width:100% !important;
    overflow:hidden;
  }

  .esh-cart,
  .esh-cart *{
    min-width:0;
  }

  .esh-mobile-cart{
    flex:0 0 38px;
  }

  .es-market-layout{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .es-right-column{
    grid-column:auto !important;
    display:block !important;
  }

  .es-section-track{
    max-width:100%;
  }

  .es-logo-grid{
    max-width:100%;
  }

  .es-logo-small-row{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    max-width:100%;
  }
}

@media (max-width: 640px){
  body{
    padding-bottom:74px !important;
  }

  .esh-cargo{
    font-size:12px !important;
    line-height:1.25 !important;
    padding:7px 10px !important;
    letter-spacing:.025em !important;
  }

  .esh-main{
    grid-template-columns:minmax(0, 1fr) auto !important;
    padding:10px 10px 9px !important;
  }

  .esh-brand{
    max-width:118px;
  }

  .esh-brand img{
    height:42px !important;
    max-width:118px !important;
  }

  .esh-auth-links{
    display:none !important;
  }

  .esh-mobile-cart{
    width:38px !important;
    height:38px !important;
    flex-basis:38px;
  }

  .esh-mobile-cart svg{
    width:27px !important;
    height:27px !important;
  }

  .esh-search-wrap{
    grid-template-columns:42px minmax(0, 1fr) !important;
    gap:7px !important;
  }

  .esh-mobile-toggle{
    width:42px !important;
    height:42px !important;
  }

  .esh-search{
    height:42px !important;
    border-width:1.5px !important;
  }

  .esh-search input{
    font-size:12.5px !important;
    padding:0 10px !important;
  }

  .esh-search input::placeholder{
    font-size:12.5px;
  }

  .esh-search button{
    min-width:44px !important;
    width:44px !important;
    flex-basis:44px !important;
  }

  .esh-menu-row{
    border-top:0 !important;
  }

  .esh-menu-inner{
    min-height:0 !important;
    padding:0 10px !important;
  }

  .es-home-wrap{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .es-main-top{
    gap:6px !important;
  }

  .es-main-top h1{
    font-size:23px !important;
    line-height:1.12 !important;
  }

  .es-main-top p{
    font-size:12.5px !important;
  }

  .es-section,
  .es-panel,
  .card{
    border-radius:14px !important;
  }

  .es-section{
    padding:11px !important;
  }

  .es-section-head{
    gap:8px !important;
  }

  .es-section-title{
    font-size:18px !important;
  }

  .es-section-line{
    min-width:24px !important;
    height:6px !important;
  }

  .es-section-track{
    grid-auto-columns:calc((100% - 8px) / 2) !important;
    gap:8px !important;
  }

  .es-side-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .es-logo-grid{
    display:grid !important;
    gap:8px !important;
  }

  .es-logo-box{
    min-height:78px !important;
    border-radius:14px !important;
    padding:9px !important;
  }

  .es-logo-box-large{
    min-height:92px !important;
  }

  .es-logo-box-small{
    min-height:74px !important;
  }

  .hs-wrap{
    overflow:hidden !important;
  }

  .hs-pop{
    width:min(230px, calc(100vw - 34px)) !important;
  }

  .pagination{
    max-width:100%;
    overflow-x:auto;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    padding-bottom:4px;
  }
}

@media (max-width: 380px){
  .esh-brand{
    max-width:102px;
  }

  .esh-brand img{
    height:38px !important;
    max-width:102px !important;
  }

  .esh-search input{
    font-size:12px !important;
  }

  .es-section-track{
    grid-auto-columns:78% !important;
  }

  .es-side-grid{
    grid-template-columns:1fr !important;
  }
}

/*
  Mobil sabit iletişim barı v10.3
  Not: v10.2'deki .esh-mobile-bottom-bar yerine daha güvenli, ikon merkezli yapı.
*/
.esh-mobile-contact-bar{
  display:none;
}

@media (max-width: 768px){
  html,
  body{
    overflow-x:hidden !important;
  }

  body{
    padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .esh-footer{
    margin-bottom:0 !important;
  }

  .esh-mobile-contact-bar{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    z-index:2147483000 !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    height:58px !important;
    min-height:58px !important;
    padding:0 0 env(safe-area-inset-bottom, 0px) 0 !important;
    background:#fff !important;
    border-top:1px solid rgba(15,23,42,.18) !important;
    box-shadow:0 -8px 24px rgba(15,23,42,.12) !important;
    transform:translateZ(0) !important;
    -webkit-transform:translateZ(0) !important;
  }

  .esh-mobile-contact-item{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:0 !important;
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
    color:#0f172a !important;
    background:#fff !important;
    border:0 !important;
    border-radius:0 !important;
    text-decoration:none !important;
    line-height:1 !important;
    -webkit-tap-highlight-color:rgba(15,23,42,.08) !important;
    touch-action:manipulation;
  }

  .esh-mobile-contact-item + .esh-mobile-contact-item{
    border-left:1px solid rgba(15,23,42,.20) !important;
  }

  .esh-mobile-contact-item svg{
    width:28px !important;
    height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    flex:0 0 28px !important;
    display:block !important;
    color:#0f172a !important;
  }

  .esh-mobile-contact-item span{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    white-space:nowrap !important;
    clip-path:inset(50%) !important;
  }

  .esh-mobile-contact-item:active{
    background:#f1f5f9 !important;
  }
}

@media (min-width: 769px){
  .esh-mobile-contact-bar{
    display:none !important;
  }
}

/* Evin Şahane Mobil Critical Fix v10.4 - external fallback */
@media (max-width:768px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;}
  .esh-main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:9px 10px 10px!important;display:grid!important;grid-template-columns:minmax(86px,112px) minmax(0,1fr) auto!important;grid-template-areas:"brand space actions" "search search search"!important;gap:8px!important;align-items:center!important;}
  .esh-brand{grid-area:brand!important;max-width:112px!important;min-width:0!important;justify-content:flex-start!important;}
  .esh-brand img{height:40px!important;max-width:112px!important;width:auto!important;object-fit:contain!important;}
  .esh-actions{grid-area:actions!important;justify-self:end!important;width:auto!important;max-width:52px!important;min-width:0!important;display:flex!important;justify-content:flex-end!important;gap:0!important;overflow:hidden!important;}
  .esh-phone,.esh-auth-links,.esh-desktop-cart{display:none!important;}
  .esh-mobile-cart{display:flex!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;align-items:center!important;justify-content:center!important;}
  .esh-mobile-cart svg{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;}
  .esh-search-wrap{grid-area:search!important;width:100%!important;max-width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;}
  .esh-mobile-toggle{display:flex!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;align-items:center!important;justify-content:center!important;}
  .esh-search{width:100%!important;max-width:100%!important;min-width:0!important;height:42px!important;display:flex!important;overflow:hidden!important;}
  .esh-search input{flex:1 1 auto!important;width:1%!important;min-width:0!important;max-width:100%!important;padding:0 10px!important;font-size:12.5px!important;}
  .esh-search button{flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;padding:0!important;font-size:0!important;gap:0!important;}
  .esh-search button svg{width:20px!important;height:20px!important;}
  .esh-mobile-contact-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:58px!important;min-height:58px!important;display:grid!important;grid-template-columns:1fr 1fr!important;background:#fff!important;border-top:1px solid rgba(15,23,42,.18)!important;box-shadow:0 -8px 24px rgba(15,23,42,.12)!important;z-index:2147483647!important;overflow:hidden!important;}
  .esh-mobile-contact-bar .esh-mobile-contact-item{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:58px!important;padding:0!important;margin:0!important;background:#fff!important;color:#0f172a!important;border:0!important;border-radius:0!important;text-decoration:none!important;font-size:0!important;line-height:1!important;overflow:hidden!important;}
  .esh-mobile-contact-bar .esh-mobile-contact-item+.esh-mobile-contact-item{border-left:1px solid rgba(15,23,42,.22)!important;}
  .esh-mobile-contact-bar svg{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;flex:0 0 27px!important;display:block!important;}
  .esh-mobile-contact-bar span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;font-size:0!important;line-height:0!important;}
}
@media (min-width:769px){.esh-mobile-contact-bar{display:none!important;}}


/* v10.5 - Mobil üst alanda Sepet yanında Giriş/Kayıt/Hesabım */
@media (max-width:768px){
  .esh-actions{
    max-width:calc(100vw - 128px) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    overflow:visible !important;
  }
  .esh-auth-links{
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    flex:0 0 auto !important;
  }
  .esh-auth-btn{
    min-height:34px !important;
    height:34px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }
  .esh-auth-long{display:none !important;}
  .esh-auth-short{display:inline !important;}
  .esh-auth-logout{display:none !important;}
  .esh-mobile-cart{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    position:relative !important;
    overflow:visible !important;
  }
  .esh-mobile-cart .esh-cart-badge{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#facc15 !important;
    color:#111827 !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
  }
}

@media (max-width:390px){
  .esh-actions{max-width:calc(100vw - 112px) !important; gap:4px !important;}
  .esh-auth-links{gap:4px !important;}
  .esh-auth-btn{height:32px !important; min-height:32px !important; padding:0 8px !important; font-size:11px !important;}
  .esh-mobile-cart{width:36px !important; height:36px !important; min-width:36px !important; min-height:36px !important;}
}


/* v10.6 - Mobil arama ile kategori butonları arasına hızlı erişim logoları */
.esh-mobile-logo-strip{display:none;}
@media (max-width:768px){
  .esh-mobile-logo-strip{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    padding:8px 10px 9px!important;
    background:#fff!important;
    border-top:1px solid #eef2f7!important;
    border-bottom:1px solid #e5e7eb!important;
    overflow:hidden!important;
  }
  .esh-mobile-logo-card{
    min-width:0!important;
    height:54px!important;
    border:1px solid #e5e7eb!important;
    border-radius:14px!important;
    background:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px 7px!important;
    overflow:hidden!important;
    text-decoration:none!important;
    box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
  }
  .esh-mobile-logo-card img{
    width:100%!important;
    max-width:100%!important;
    height:42px!important;
    max-height:42px!important;
    object-fit:contain!important;
    display:block!important;
  }
}
@media (max-width:390px){
  .esh-mobile-logo-strip{gap:6px!important;padding:7px 8px 8px!important;}
  .esh-mobile-logo-card{height:48px!important;border-radius:12px!important;padding:5px 6px!important;}
  .esh-mobile-logo-card img{height:36px!important;max-height:36px!important;}
}


/* v10.7 Final mobil taşma/hizalama düzeltmeleri */

  /* Mobil taşma, hizalama ve sepet/checkout özet düzeltmeleri */
  @media (max-width: 768px){
    html,
    body{
      width:100% !important;
      max-width:100% !important;
      overflow-x:hidden !important;
      overscroll-behavior-x:none !important;
    }

    body{
      position:relative !important;
    }

    body > *{
      max-width:100vw !important;
      min-width:0 !important;
    }

    .esh-cargo,
    .esh-header,
    .esh-main,
    .esh-menu-row,
    .esh-menu-inner,
    .esh-mobile-logo-strip,
    .esh-footer,
    .es-cart-page,
    .es-checkout,
    .pdp-wrap,
    section.py-5{
      width:100% !important;
      max-width:100vw !important;
      min-width:0 !important;
      overflow-x:hidden !important;
    }

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .es-cart-wrap,
    .es-wrap,
    .pdp-wrap > .container{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      margin-left:auto !important;
      margin-right:auto !important;
      padding-left:16px !important;
      padding-right:16px !important;
    }

    .row{
      min-width:0 !important;
      max-width:calc(100% + var(--bs-gutter-x, 1.5rem)) !important;
    }

    .row > *,
    .col,
    [class*="col-"]{
      min-width:0 !important;
    }

    .card,
    .es-card,
    .es-cart-card,
    .pdp-card,
    .es-product-card{
      max-width:100% !important;
      min-width:0 !important;
      overflow:hidden !important;
    }

    /* Mağaza / kategori mobil ürün grid hizası */
    section.py-5{
      padding-top:24px !important;
      padding-bottom:34px !important;
    }

    section.py-5 > .container > .row.g-4,
    section.py-5 .row.row-cols-2{
      --bs-gutter-x:14px !important;
      --bs-gutter-y:14px !important;
      margin-left:-7px !important;
      margin-right:-7px !important;
      width:calc(100% + 14px) !important;
      max-width:calc(100% + 14px) !important;
    }

    section.py-5 .row.row-cols-2 > .col{
      flex:0 0 50% !important;
      width:50% !important;
      max-width:50% !important;
      padding-left:7px !important;
      padding-right:7px !important;
    }

    section.py-5 .card-body{
      padding:16px !important;
    }

    section.py-5 .form-control,
    section.py-5 .form-select,
    .es-field input,
    .es-field textarea,
    .es-field select{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      font-size:15px !important;
    }

    .es-product-card{
      width:100% !important;
      border-radius:14px !important;
    }

    .es-product-img-wrapper{
      width:100% !important;
      aspect-ratio:1 / 1 !important;
      min-height:0 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      padding:10px !important;
    }

    .es-product-img-wrapper img{
      width:100% !important;
      height:100% !important;
      max-height:none !important;
      object-fit:contain !important;
    }

    .es-product-body{
      padding:11px 10px 12px !important;
      min-width:0 !important;
    }

    .es-product-title{
      font-size:15px !important;
      line-height:1.32 !important;
      font-weight:700 !important;
      overflow-wrap:anywhere !important;
    }

    .es-product-price{
      font-size:16px !important;
      line-height:1.2 !important;
      margin-top:6px !important;
    }

    .es-product-actions{
      grid-template-columns:1fr !important;
      gap:8px !important;
      margin-top:10px !important;
    }

    .es-product-actions .btn{
      min-height:42px !important;
      padding:9px 8px !important;
      font-size:13px !important;
      border-radius:9px !important;
      white-space:normal !important;
    }

    /* Sepet mobil düzeni */
    .es-cart-grid{
      display:grid !important;
      grid-template-columns:1fr !important;
      width:100% !important;
      max-width:100% !important;
      gap:16px !important;
      overflow:hidden !important;
    }

    .es-cart-table,
    .es-cart-table tbody,
    .es-cart-table tr,
    .es-cart-table td{
      max-width:100% !important;
      min-width:0 !important;
    }

    .es-cart-product{
      width:100% !important;
      min-width:0 !important;
      display:grid !important;
      grid-template-columns:72px minmax(0, 1fr) !important;
      gap:12px !important;
    }

    .es-cart-product > div{
      min-width:0 !important;
    }

    .es-cart-product-title{
      display:block !important;
      -webkit-line-clamp:unset !important;
      overflow:visible !important;
      overflow-wrap:anywhere !important;
      line-height:1.32 !important;
    }

    .es-cart-product-sub{
      overflow-wrap:anywhere !important;
    }

    .es-cart-qty{
      flex-wrap:wrap !important;
    }

    .es-summary,
    .es-cart-card.es-summary{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      padding:18px 16px !important;
      overflow:hidden !important;
    }

    .es-summary-line,
    .es-sline{
      width:100% !important;
      max-width:100% !important;
      display:grid !important;
      grid-template-columns:minmax(0, 1fr) auto !important;
      gap:10px !important;
      align-items:baseline !important;
      overflow:hidden !important;
    }

    .es-summary-line .label,
    .es-slabel,
    .es-stotal:first-child{
      min-width:0 !important;
      overflow-wrap:anywhere !important;
    }

    .es-summary-line .value,
    .es-price,
    .es-stotal:last-child{
      justify-self:end !important;
      min-width:0 !important;
      max-width:48vw !important;
      white-space:nowrap !important;
      text-align:right !important;
      overflow:visible !important;
    }

    /* Checkout mobil düzeni */
    .es-checkout-grid{
      display:grid !important;
      grid-template-columns:1fr !important;
      width:100% !important;
      max-width:100% !important;
      gap:16px !important;
      overflow:hidden !important;
    }

    .es-checkout-head{
      display:grid !important;
      grid-template-columns:minmax(0, 1fr) auto !important;
      align-items:center !important;
      gap:12px !important;
      width:100% !important;
      max-width:100% !important;
    }

    .es-checkout-head h1{
      font-size:36px !important;
      line-height:1.05 !important;
      overflow-wrap:anywhere !important;
    }

    .es-checkout-head .es-btn{
      min-width:92px !important;
      padding:14px 16px !important;
      line-height:1.15 !important;
      text-align:center !important;
    }

    .es-form-card{
      padding:18px 16px !important;
    }

    .es-grid-2{
      grid-template-columns:1fr !important;
      gap:12px !important;
    }

    .es-form-title{
      align-items:flex-start !important;
    }

    .es-form-actions{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:10px !important;
    }

    .es-btn-lg{
      width:100% !important;
      min-height:48px !important;
    }

    .es-mini-list{
      max-height:none !important;
      overflow:visible !important;
      padding-right:0 !important;
    }

    .es-mini-item{
      display:grid !important;
      grid-template-columns:52px minmax(0, 1fr) !important;
      gap:10px !important;
      align-items:center !important;
      width:100% !important;
      max-width:100% !important;
      overflow:hidden !important;
    }

    .es-mini-thumb{
      width:52px !important;
      height:52px !important;
      grid-row:1 / span 2 !important;
    }

    .es-mini-meta{
      min-width:0 !important;
    }

    .es-mini-meta .nm{
      font-size:13px !important;
      line-height:1.25 !important;
      overflow-wrap:anywhere !important;
    }

    .es-mini-price{
      grid-column:2 !important;
      justify-self:start !important;
      margin-left:0 !important;
      max-width:100% !important;
      white-space:nowrap !important;
      font-size:13px !important;
      line-height:1.2 !important;
    }

    .es-coupon-form{
      display:grid !important;
      grid-template-columns:minmax(0, 1fr) auto !important;
      gap:8px !important;
      width:100% !important;
      max-width:100% !important;
      overflow:hidden !important;
    }

    .es-coupon-form input{
      min-width:0 !important;
      width:100% !important;
      max-width:100% !important;
    }

    .es-coupon-form button{
      min-width:78px !important;
      padding-left:12px !important;
      padding-right:12px !important;
      white-space:nowrap !important;
    }

    .es-safe{
      width:100% !important;
      max-width:100% !important;
      overflow:hidden !important;
    }

    /* Ürün detay mobil düzeni */
    .pdp-grid{
      display:grid !important;
      grid-template-columns:1fr !important;
      width:100% !important;
      max-width:100% !important;
      gap:16px !important;
      overflow:hidden !important;
    }

    .pdp-left,
    .pdp-right,
    .pdp-pad,
    .pdp-tabs,
    .pdp-tabbody,
    .pdp-tabpanel,
    .pdp-richtext,
    .pdp-p{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      overflow-wrap:anywhere !important;
    }

    .pdp-topline{
      display:block !important;
      width:100% !important;
      margin-bottom:14px !important;
    }

    .pdp-back{
      display:inline-flex !important;
      margin-bottom:10px !important;
    }

    .pdp-crumb{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:5px 7px !important;
      line-height:1.35 !important;
      font-size:14px !important;
      overflow-wrap:anywhere !important;
    }

    .pdp-crumb span{
      margin:0 !important;
    }

    .pdp-pad{
      padding:16px !important;
    }

    .pdp-title{
      font-size:25px !important;
      line-height:1.12 !important;
      letter-spacing:-.02em !important;
      overflow-wrap:anywhere !important;
    }

    .pdp-gallery{
      width:100% !important;
      max-width:100% !important;
      overflow:hidden !important;
    }

    .pdp-hero{
      width:100% !important;
      max-width:100% !important;
      aspect-ratio:1 / 1 !important;
      border-radius:16px !important;
    }

    .pdp-hero img{
      width:100% !important;
      max-width:100% !important;
      height:100% !important;
      object-fit:contain !important;
    }

    .pdp-thumbs{
      grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
      gap:9px !important;
    }

    .pdp-highlights{
      display:flex !important;
      flex-wrap:wrap !important;
      gap:8px !important;
      width:100% !important;
      max-width:100% !important;
      overflow:hidden !important;
    }

    .pdp-pill{
      max-width:100% !important;
      font-size:13px !important;
      line-height:1.25 !important;
      padding:8px 11px !important;
      overflow-wrap:anywhere !important;
    }

    .pdp-tabhead{
      display:flex !important;
      gap:8px !important;
      overflow-x:auto !important;
      overflow-y:hidden !important;
      -webkit-overflow-scrolling:touch !important;
      padding:14px 14px 12px !important;
      scrollbar-width:none !important;
    }

    .pdp-tabhead::-webkit-scrollbar{
      display:none !important;
    }

    .pdp-tabbtn{
      flex:0 0 auto !important;
      white-space:nowrap !important;
      font-size:13px !important;
      padding:9px 13px !important;
    }

    .pdp-tabbody{
      padding:16px !important;
      overflow:hidden !important;
    }

    .pdp-h3{
      font-size:18px !important;
      line-height:1.25 !important;
    }

    .pdp-richtext,
    .pdp-p{
      font-size:14.5px !important;
      line-height:1.65 !important;
      color:rgba(17,24,39,.76) !important;
    }
  }

  @media (max-width: 390px){
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .es-cart-wrap,
    .es-wrap,
    .pdp-wrap > .container{
      padding-left:14px !important;
      padding-right:14px !important;
    }

    section.py-5 .row.row-cols-2{
      --bs-gutter-x:12px !important;
      margin-left:-6px !important;
      margin-right:-6px !important;
      width:calc(100% + 12px) !important;
      max-width:calc(100% + 12px) !important;
    }

    section.py-5 .row.row-cols-2 > .col{
      padding-left:6px !important;
      padding-right:6px !important;
    }

    .es-product-title{
      font-size:14px !important;
    }

    .es-product-actions .btn{
      font-size:12.5px !important;
    }

    .es-checkout-head h1{
      font-size:32px !important;
    }

    .pdp-title{
      font-size:23px !important;
    }

    .pdp-richtext,
    .pdp-p{
      font-size:14px !important;
    }
  }