/* =========================================================
   CorapXML Mobile App UI V2
   Sadece frontend - <= 767px
   ========================================================= */
:root{
  --cx-accent:#d4502f;
  --cx-ink:#151515;
  --cx-muted:#777;
  --cx-line:#ececec;
  --cx-soft:#f7f7f8;
  --cx-radius:16px;
}
.cx-mobile-bottom-nav{display:none}

@media(max-width:767px){
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  body{
    margin:0!important;
    overflow-x:hidden!important;
    background:#fff!important;
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
  img,video,iframe{max-width:100%}
  .container{width:100%!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important}

  /* HEADER - gerçek app bar */
  .m-announcement-bar{
    height:auto!important;min-height:28px!important;
    padding:6px 38px 6px 14px!important;
    font-size:10px!important;line-height:1.35!important;
    text-align:center!important;
  }
  .m-announcement-bar__close{right:13px!important}
  header.m-header{
    position:sticky!important;top:0!important;z-index:1500!important;
    background:rgba(255,255,255,.96)!important;
    border-bottom:1px solid rgba(0,0,0,.06)!important;
    box-shadow:0 5px 22px rgba(0,0,0,.045)!important;
    backdrop-filter:blur(16px) saturate(180%);
  }
  .m-header__inner{
    height:58px!important;
    padding:0 12px!important;
    gap:6px!important;
  }
  .m-header__left-icon,.m-header__right-icons{
    flex:0 0 74px!important;min-width:74px!important;gap:6px!important;
  }
  .m-header__right-icons{justify-content:flex-end!important}
  .m-header__center{min-width:0!important;justify-content:center!important}
  .m-menu{display:none!important}
  .m-logo{margin:0!important;max-width:155px!important}
  .m-logo img{height:34px!important;max-width:150px!important}
  .m-wordmark{font-size:24px!important}
  .icon-btn{
    width:38px!important;height:38px!important;border-radius:50%!important;
    background:#f6f6f7!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
    font-size:16px!important;
  }
  .m-account{height:58px!important}
  .m-account__sub{display:none!important}
  .m-cart-count{top:-2px!important;right:-4px!important}
  .m-hamburger-btn{display:inline-flex!important}

  /* DRAWER */
  .mobile-drawer{
    width:min(88vw,340px)!important;max-width:none!important;
    border-radius:0 18px 18px 0!important;
    box-shadow:18px 0 60px rgba(0,0,0,.12)!important;
  }
  .drawer-header{padding:14px 16px!important}
  .drawer-body{padding:8px 16px 24px!important}
  .mobile-nav-list li{border-bottom:1px solid #f0f0f1!important}
  .mobile-nav-list li>a{padding:15px 2px!important;font-size:15px!important}
  .mobile-submenu{padding:5px 12px 10px!important;margin-bottom:8px!important;border-radius:10px!important}
  .mobile-submenu a{padding:10px 0!important;font-size:13px!important}
  .drawer-auth{margin-top:14px!important;padding-top:12px!important}

  /* SEARCH */
  .arama-katman{padding:70px 14px 0!important;background:rgba(255,255,255,.985)!important}
  .arama-kutu{
    padding:0 0 12px!important;gap:8px!important;max-width:none!important;
  }
  .arama-kutu input{font-size:16px!important;min-width:0!important}
  .arama-kutu button[type=submit]{min-height:42px!important;padding:8px 14px!important;border-radius:9px!important}
  .arama-kapat{width:40px!important;height:40px!important}
  .arama-ipucu{display:none!important}

  /* PAGE TITLES */
  .page-title-area{
    padding:15px 0!important;margin:0!important;background:#fff!important;
    border-bottom:1px solid var(--cx-line)!important;
  }
  .page-title-content{gap:0!important}
  .page-title-content h2{
    font-size:20px!important;line-height:1.22!important;margin:0!important;
    letter-spacing:-.02em!important;
  }
  .page-title-content ul,.page-title-content nav,.page-title-content .breadcrumb{display:none!important}

  /* HOMEPAGE HERO */
  .hero-slideshow{margin:0!important}
  .hero-slide{min-height:0!important;height:auto!important}
  .hero-slide.active{display:block!important}
  .hero-slide__bg{display:none!important}
  .hero-slide__img{
    display:block!important;width:100%!important;height:auto!important;
    aspect-ratio:auto!important;object-fit:contain!important;
  }
  .hero-slide__content{
    position:absolute!important;inset:0!important;
    max-width:100%!important;padding:16px!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;
  }
  .hero-slide__title{font-size:24px!important;line-height:1.08!important;margin-bottom:7px!important}
  .hero-slide__sub{font-size:10px!important;margin-bottom:6px!important}
  .hero-slide__desc{
    font-size:11px!important;line-height:1.35!important;
    margin:0 0 10px!important;max-width:85%!important;
  }
  .hero-slide__btns a{padding:8px 12px!important;font-size:10px!important}
  .hero-dots{bottom:8px!important}
  .hero-dot{width:7px!important;height:7px!important}
  .hero-dot.active{width:20px!important}

  /* TICKER */
  .scrolling-promotion{min-height:36px!important;overflow:hidden!important}
  .promotion-item{font-size:10px!important;padding:8px 18px!important}
  .promotion-item img{height:16px!important}

  /* CATEGORY ICON STRIP - yatay app rail */
  .section-block.container{padding-top:24px!important;padding-bottom:0!important}
  .kat-strip{
    display:flex!important;overflow-x:auto!important;gap:14px!important;
    scroll-snap-type:x proximity!important;
    padding:2px 1px 10px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none;
  }
  .kat-strip::-webkit-scrollbar{display:none}
  .kat-strip__item{flex:0 0 78px!important;scroll-snap-align:start!important}
  .kat-strip__circle{width:70px!important;height:70px!important;margin:0 auto 7px!important}
  .kat-strip__label{
    font-size:10px!important;line-height:1.25!important;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }

  /* HOMEPAGE CATEGORY SECTIONS */
  .cx-home-category{
    margin-bottom:34px!important;
    border-top:1px solid #f0f0f0!important;
    padding-top:28px!important;
  }
  .cx-home-category:first-child{border-top:0!important;padding-top:8px!important}
  .cx-home-category-head{margin-bottom:16px!important;text-align:left!important}
  .cx-home-category-head h2{font-size:23px!important;line-height:1.15!important;margin:0 0 6px!important}
  .cx-home-category-head p{font-size:12.5px!important;line-height:1.5!important;color:#777!important}
  .cx-home-category-layout{
    display:flex!important;flex-direction:column!important;gap:14px!important;
  }
  .cx-home-category-visual{
    position:relative!important;top:auto!important;width:100%!important;
    order:0!important;
  }
  .cx-home-category-image{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:14px!important;
    display:block!important;
  }
  .cx-home-category-visual>div[style*="height: 600px"]{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
    border-radius:14px!important;
  }
  .cx-home-category-products{order:1!important}
  .anasayfa-urun-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }

  /* Homepage storefront product cards */
  .product-card{min-width:0!important}
  .product-media{border-radius:12px!important;overflow:hidden!important}
  .product-media img{aspect-ratio:3/4!important;object-fit:contain!important}
  .product-title{
    font-size:11.5px!important;line-height:1.35!important;margin-top:7px!important;
    min-height:31px!important;
    display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;
  }
  .product-price{font-size:13px!important;margin-top:5px!important}
  .product-badge{font-size:9px!important}

  /* GENERIC SPACING */
  .ptb-100{padding-top:22px!important;padding-bottom:28px!important}
  .pt-100{padding-top:28px!important}
  .pb-70,.pb-100{padding-bottom:28px!important}
  .section-title{margin-bottom:16px!important}
  .section-title h2{font-size:22px!important}

  /* PRODUCT LIST TOOLBAR */
  .cx-products-toolbar{margin-bottom:14px!important}
  .cx-products-toolbar>form{
    max-width:none!important;margin-bottom:10px!important;
    display:grid!important;grid-template-columns:1fr 46px!important;gap:7px!important;
  }
  .cx-products-toolbar>form .btn-outline-secondary{display:none!important}
  .cx-products-toolbar .d-flex.justify-content-between{
    align-items:center!important;gap:8px!important;
  }
  .cx-products-toolbar p{font-size:11px!important}
  .cx-products-toolbar label{display:none!important}
  .cx-products-toolbar select{font-size:12px!important;max-width:145px!important}

  /* FILTER = app sheet/card */
  .filtre-ac-btn{
    position:sticky!important;top:64px!important;z-index:50!important;
    background:#171717!important;color:#fff!important;border:0!important;
    border-radius:11px!important;min-height:44px!important;margin-bottom:12px!important;
  }
  .filtre-panel{
    border-radius:14px!important;padding:14px!important;
    border:1px solid var(--cx-line)!important;box-shadow:0 10px 35px rgba(0,0,0,.06)!important;
  }

  /* PRODUCT LIST GRID = always 2 columns */
  .cx-product-list-column>.row{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;margin:0!important;
  }
  .cx-product-list-column>.row>[class*="col-"]{
    width:auto!important;max-width:none!important;flex:none!important;padding:0!important;
  }
  .single-products-box{
    margin:0!important;background:#fff!important;border-radius:13px!important;overflow:hidden!important;
  }
  .single-products-box .products-image{border-radius:13px!important;overflow:hidden!important;background:#f8f8f8!important}
  .single-products-box .products-image img{aspect-ratio:3/4!important;object-fit:contain!important}
  .single-products-box .hover-image,.single-products-box .products-button{display:none!important}
  .single-products-box .products-content{padding:8px 2px 10px!important;text-align:left!important}
  .single-products-box .products-content h3{
    font-size:11.5px!important;line-height:1.35!important;min-height:31px!important;margin-bottom:4px!important;
    display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;
  }
  .single-products-box .price{font-size:12px!important;margin:0 0 4px!important}
  .single-products-box .new-price{font-size:13px!important;font-weight:800!important}
  .single-products-box .old-price{font-size:10px!important}
  .single-products-box .star-rating{display:none!important}
  .single-products-box .add-to-cart{
    width:100%!important;min-height:38px!important;padding:9px 6px!important;
    border-radius:9px!important;font-size:10.5px!important;text-align:center!important;
  }

  /* PRODUCT DETAIL */
  .cx-mobile-product-detail .row{display:block!important}
  .cx-mobile-product-detail .col-lg-5,
  .cx-mobile-product-detail .col-lg-7{width:100%!important;max-width:none!important}
  .urun-slider-main{border-radius:14px!important;background:#f8f8f8!important}
  .urun-slider-main img{aspect-ratio:1/1!important;object-fit:contain!important;border-radius:14px!important}
  .urun-slider-nav{
    flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:none!important;
  }
  .urun-slider-nav::-webkit-scrollbar{display:none}
  .urun-slider-nav img{width:58px!important;height:58px!important;flex:0 0 58px!important;object-fit:contain!important}
  .urun-slider-btn{width:34px!important;height:34px!important;font-size:16px!important}
  .cx-product-detail-info{padding-top:18px!important}
  .cx-product-detail-info h3{font-size:21px!important;line-height:1.2!important;margin-bottom:9px!important}
  .cx-product-detail-info .price{margin-bottom:8px!important}
  .cx-product-detail-info .price #fiyatGoster{font-size:21px!important}
  .cx-product-detail-info p{font-size:12.5px!important;line-height:1.55!important}
  .urun-varyant-wrap{margin-bottom:15px!important}
  .renk-btn{width:36px!important;height:36px!important}
  .beden-btn,.adet-btn{height:42px!important;min-width:48px!important}
  .cx-product-buy-form .products-add-to-cart{
    display:grid!important;grid-template-columns:auto 1fr!important;gap:8px!important;
  }
  .cx-product-buy-form .default-btn{min-height:46px!important;border-radius:10px!important}
  #hemenAlBtn{min-height:46px!important;border-radius:10px!important}
  .products-info{font-size:11.5px!important}

  /* CART = native app cards */
  .cx-mobile-cart-page .cart-table{overflow:visible!important}
  .cx-mobile-cart-page table,.cx-mobile-cart-page thead,.cx-mobile-cart-page tbody,
  .cx-mobile-cart-page tr,.cx-mobile-cart-page td{
    display:block!important;width:100%!important;min-width:0!important;
  }
  .cx-mobile-cart-page thead{display:none!important}
  .cx-mobile-cart-page tbody tr{
    position:relative!important;border:1px solid var(--cx-line)!important;
    border-radius:15px!important;padding:12px!important;margin-bottom:11px!important;
    background:#fff!important;overflow:hidden!important;
  }
  .cx-mobile-cart-page tbody td{border:0!important;padding:4px 0!important;text-align:left!important}
  .cx-mobile-cart-page .product-thumbnail{
    display:grid!important;grid-template-columns:82px 1fr!important;gap:10px!important;padding-right:28px!important;
  }
  .cx-mobile-cart-page .product-thumbnail>a{grid-row:1/4!important}
  .cx-mobile-cart-page .product-thumbnail img{
    width:82px!important;height:98px!important;object-fit:contain!important;border-radius:10px!important;background:#f8f8f8!important;
  }
  .cx-mobile-cart-page .product-thumbnail>div{max-width:none!important}
  .cx-mobile-cart-page .product-price,.cx-mobile-cart-page .product-quantity,.cx-mobile-cart-page .product-subtotal{
    padding-left:92px!important;
  }
  .cx-mobile-cart-page .product-price:before{content:"Birim fiyat: ";font-size:11px;color:#888}
  .cx-mobile-cart-page .product-subtotal:before{content:"Toplam: ";font-size:11px;color:#888}
  .cx-mobile-cart-page .product-remove{
    position:absolute!important;right:10px!important;top:8px!important;width:auto!important;padding:0!important;
  }
  .cx-mobile-cart-page .input-counter input{height:38px!important;width:64px!important;border-radius:8px!important}
  .shopping-coupon-code{display:none!important}
  .cart-buttons .row,.cart-buttons [class*="col-"]{display:block!important;width:100%!important;max-width:none!important}
  .cart-buttons button{width:100%!important;margin-top:8px!important}
  .cx-cart-summary{
    margin-top:16px!important;border-radius:15px!important;padding:17px!important;
    position:static!important;
  }
  .cx-cart-summary h3{font-size:18px!important}
  .cx-cart-summary .default-btn{min-height:48px!important;border-radius:10px!important}

  /* CHECKOUT */
  .cx-mobile-checkout-page .row{display:block!important}
  .cx-mobile-checkout-page .col-lg-6,.cx-mobile-checkout-page .col-md-12,
  .cx-mobile-checkout-page [class*="col-lg-"],.cx-mobile-checkout-page [class*="col-md-"]{
    width:100%!important;max-width:none!important;
  }
  .cx-checkout-delivery,.cx-checkout-summary{
    border:1px solid var(--cx-line)!important;border-radius:15px!important;
    padding:14px!important;background:#fff!important;margin-bottom:14px!important;
  }
  .cx-checkout-delivery h3,.cx-checkout-summary h3{font-size:18px!important;margin-bottom:14px!important}
  .form-group{margin-bottom:12px!important}
  .form-control,.form-select,input.form-control,select.form-select,textarea.form-control{
    min-height:46px!important;border-radius:10px!important;font-size:16px!important;
  }
  textarea.form-control{min-height:92px!important}
  .form-label,label{font-size:11.5px!important}
  .order-table{overflow-x:auto!important;border-radius:10px!important}
  .order-table table{min-width:0!important;width:100%!important;font-size:11px!important}
  .order-table th,.order-table td{padding:8px 6px!important}
  .payment-method p{
    border:1px solid var(--cx-line)!important;border-radius:10px!important;
    padding:11px!important;margin-bottom:8px!important;
  }
  .payment-box .default-btn{width:100%!important;min-height:48px!important;border-radius:10px!important}

  /* HOMEPAGE BUILDER */
  .cx-hb-container{padding-left:14px!important;padding-right:14px!important}
  .cx-home-block{padding-top:30px!important;padding-bottom:30px!important}
  .cx-ti{grid-template-columns:1fr!important;gap:20px!important}
  .cx-ti.reverse .cx-ti-text{order:0!important}
  .cx-ti h2,.cx-hb-title{font-size:24px!important}
  .cx-rich{font-size:13px!important;line-height:1.6!important}
  .cx-banner{min-height:240px!important;padding:22px 16px!important;border-radius:14px!important}
  .cx-banner h2{font-size:24px!important}
  .cx-cols{grid-template-columns:1fr!important}
  .cx-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .cx-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* FOOTER - mobilde sade */
  footer.m-footer{margin-top:32px!important;padding:32px 0 18px!important}
  .m-footer .m-footer__inner{padding:0 15px!important}
  .m-footer .footer-grid{grid-template-columns:1fr!important;gap:20px!important;margin-bottom:24px!important}
  .m-footer .footer-grid>div:nth-child(2),.m-footer .footer-grid>div:nth-child(3){display:none!important}
  .m-footer .footer-title{font-size:12px!important;margin-bottom:9px!important}
  .m-footer .footer-text,.m-footer .footer-contact li{font-size:11.5px!important}
  .m-footer .footer-bottom{padding-top:15px!important;gap:12px!important;justify-content:center!important;text-align:center!important}
  .m-footer .payment-types{justify-content:center!important}

  /* POPUP */
  .cx-pop-overlay{padding:11px!important}
  .cx-pop-card{max-width:calc(100vw - 22px)!important}
  .cx-pop-img{max-height:80vh!important;border-radius:14px!important}

  /* BOTTOM NAV - referans görsele yakın sade uygulama barı */
  .cx-mobile-bottom-nav{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:2500!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    height:calc(70px + env(safe-area-inset-bottom))!important;
    padding:6px 8px env(safe-area-inset-bottom)!important;
    background:rgba(255,255,255,.985)!important;
    border-top:1px solid #ececf1!important;
    box-shadow:0 -8px 24px rgba(0,0,0,.07)!important;
    backdrop-filter:blur(18px) saturate(180%)!important;
    border-radius:18px 18px 0 0!important;
  }
  .cx-mobile-bottom-nav a,
  .cx-mobile-bottom-nav button{
    min-width:0!important;
    border:0!important;
    background:transparent!important;
    color:#8d8d96!important;
    text-decoration:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0 2px!important;
    min-height:0!important;
    font-size:9.5px!important;
    font-weight:600!important;
    line-height:1.05!important;
  }
  .cx-mobile-nav-icon{
    position:relative!important;
    width:26px!important;
    height:26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .cx-mobile-nav-icon i{
    font-size:23px!important;
    line-height:1!important;
  }
  .cx-mobile-nav-label{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  .cx-mobile-bottom-nav a.active{
    color:#6657e8!important;
  }
  .cx-mobile-bottom-nav a.active .cx-mobile-nav-icon{
    color:#6657e8!important;
  }
  .cx-mobile-bottom-nav button.cx-mobile-menu-btn{
    color:#66666f!important;
    cursor:pointer!important;
  }
  .cx-mobile-nav-icon-badge{position:relative!important}
  .cx-mobile-cart-count{
    position:absolute!important;
    right:-8px!important;
    top:-6px!important;
    min-width:15px!important;
    height:15px!important;
    padding:0 4px!important;
    border-radius:8px!important;
    background:#6657e8!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:800!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:0 0 0 2px #fff!important;
  }
  .go-top,.buy-now-btn{bottom:84px!important}
  body.cx-nav-open{overflow:hidden!important}
  body.cx-keyboard-open .cx-mobile-bottom-nav{transform:translateY(115%)!important}
}

@media(max-width:390px){
  .m-header__left-icon,.m-header__right-icons{flex-basis:68px!important;min-width:68px!important}
  .m-logo img{height:31px!important;max-width:138px!important}
  .cx-product-list-column>.row,.anasayfa-urun-grid,.cx-products{gap:9px!important}
}

/* tablet */
@media(min-width:768px) and (max-width:1024px){
  .container{max-width:none!important;padding-left:22px!important;padding-right:22px!important}
  .m-header__inner{padding:0 18px!important}
}


/* =========================================================
   2026-08-24 Mobile Regression Safety Net
   Critical cart/checkout files are intentionally NOT overwritten.
   These generic fallbacks mirror the cx-* mobile hooks.
   ========================================================= */
@media(max-width:767px){
  /* Global hard overflow guard */
  html,body{max-width:100vw!important;overflow-x:hidden!important}
  body *{min-width:0}
  img,video,iframe,svg{max-width:100%!important}
  .row{margin-left:-7px!important;margin-right:-7px!important}
  .row>[class*="col-"]{padding-left:7px!important;padding-right:7px!important}

  /* Product list fallback if a later PHP file loses cx hooks */
  .products-area .col-lg-9.col-md-8>.row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin:0!important;
  }
  .products-area .col-lg-9.col-md-8>.row>[class*="col-"]{
    width:auto!important;max-width:none!important;flex:none!important;padding:0!important;
  }
  .products-area .single-products-box{min-width:0!important;margin-bottom:0!important}
  .products-area .single-products-box .products-image img{width:100%!important}

  /* Product video / YouTube mobile safety */
  .urun-slider-main video,
  .urun-slider-main iframe{
    width:100%!important;
    max-width:100%!important;
    border-radius:14px!important;
  }
  .urun-slider-main iframe{aspect-ratio:16/9!important;min-height:0!important}
  .urun-video-thumb{width:58px!important;height:58px!important;flex:0 0 58px!important}

  /* Cart fallback — same behavior as .cx-mobile-cart-page */
  .cart-area .cart-table{overflow:visible!important}
  .cart-area table,.cart-area thead,.cart-area tbody,.cart-area tr,.cart-area td{
    display:block!important;width:100%!important;min-width:0!important;
  }
  .cart-area thead{display:none!important}
  .cart-area tbody tr{
    position:relative!important;border:1px solid var(--cx-line,#ececec)!important;
    border-radius:15px!important;padding:12px!important;margin-bottom:11px!important;
    background:#fff!important;overflow:hidden!important;
  }
  .cart-area tbody td{border:0!important;padding:4px 0!important;text-align:left!important}
  .cart-area .product-thumbnail{
    display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;
    gap:10px!important;padding-right:28px!important;
  }
  .cart-area .product-thumbnail>a{grid-row:1/4!important}
  .cart-area .product-thumbnail img{
    width:82px!important;height:98px!important;object-fit:contain!important;
    border-radius:10px!important;background:#f8f8f8!important;
  }
  .cart-area .product-price,.cart-area .product-quantity,.cart-area .product-subtotal{padding-left:92px!important}
  .cart-area .product-remove{position:absolute!important;right:10px!important;top:8px!important;width:auto!important}
  .cart-area .cart-buttons [class*="col-"]{width:100%!important;max-width:none!important}
  .cart-area .cart-buttons button,.cart-area .cart-buttons a{max-width:100%!important}

  /* Checkout fallback — do not touch business/payment logic */
  .checkout-area>.container>form>.row{display:block!important}
  .checkout-area [class*="col-lg-"],.checkout-area [class*="col-md-"]{
    width:100%!important;max-width:none!important;
  }
  .checkout-area .billing-details,.checkout-area .order-details,
  .checkout-area .payment-box,.checkout-area .checkout-area-box{
    max-width:100%!important;overflow:hidden!important;
  }
  .checkout-area input,.checkout-area select,.checkout-area textarea{
    max-width:100%!important;
  }

  /* Tables / admin-ish frontend account tables should scroll internally */
  .table-responsive{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}

  /* Footer/bottom nav */
  .cx-mobile-bottom-nav{
    padding-bottom:env(safe-area-inset-bottom)!important;
    max-width:100vw!important;
  }
}


/* Category campaign visual correction */
@media(max-width:767px){
  .cx-home-category-visual{
    overflow:hidden!important;
    border-radius:14px!important;
  }
  .cx-home-category-image{
    width:100%!important;
    aspect-ratio:4/5!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .cx-home-category-head{
    margin-bottom:12px!important;
  }
  .cx-home-category-layout{
    gap:12px!important;
  }
}


/* =========================================================
   Category visual / TL / white product media final correction
   ========================================================= */
@media(max-width:767px){

  /* Category ad image must be horizontal and ABOVE products */
  .cx-home-category-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  .cx-home-category-visual{
    order:0!important;
    position:relative!important;
    top:auto!important;
    width:100%!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  .cx-home-category-products{
    order:1!important;
    width:100%!important;
  }
  .cx-home-category-image{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:14px!important;
    background:#fff!important;
    display:block!important;
  }
  .cx-home-category-visual>div[style*="height: 600px"]{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    border-radius:14px!important;
    background:#fff!important;
  }

  /* Product media backgrounds must be white everywhere */
  .product-media,
  .single-products-box .products-image,
  .urun-slider-main,
  .cart-area .product-thumbnail img{
    background:#fff!important;
  }

  .product-media img,
  .single-products-box .products-image img,
  .urun-slider-main img{
    background:#fff!important;
  }

  /* Homepage category product cards */
  .anasayfa-urun-grid .product-card{
    background:#fff!important;
  }

  /* Keep TL text compact */
  .price-sale .try,
  .price-old .try{
    font-size:.82em!important;
    font-weight:700!important;
    margin-left:2px!important;
  }
}

/* White media background on desktop/tablet too */
.product-media,
.single-products-box .products-image,
.urun-slider-main{
  background:#fff!important;
}
.product-media img,
.single-products-box .products-image img,
.urun-slider-main img{
  background:#fff!important;
}


/* Currency text hard-fix: prevent theme/icon fonts from replacing TL */
.cx-currency-text{
  font-family:Arial,Helvetica,sans-serif!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  display:inline!important;
  speak:normal;
}
.cx-currency-text::before,
.cx-currency-text::after{
  content:none!important;
  display:none!important;
}


/* =========================================================
   2026-09-05 WhatsApp + Bottom Nav FINAL FIX
   Inspector source:
   <a class="cx-wa-float" ...>
   ========================================================= */
@media(max-width:767px){

  /* WhatsApp'ın gerçek sınıfı cx-wa-float.
     Eski 16px bottom değeri bottom-nav'ın üstüne bindiriyordu. */
  a.cx-wa-float,
  .cx-wa-float{
    position:fixed!important;
    right:14px!important;
    bottom:92px!important;
    z-index:2400!important;
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  .cx-wa-float .cx-wa-label{
    display:none!important;
  }

  .cx-wa-float .cx-wa-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border-radius:50%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:0 8px 24px rgba(37,211,102,.32)!important;
  }

  .cx-wa-float .cx-wa-icon svg{
    width:25px!important;
    height:25px!important;
  }

  /* WhatsApp host içerik yüksekliği üretmesin. */
  section.cx-home-block.whatsapp-support-host,
  .cx-home-block.whatsapp-support-host,
  .whatsapp-support-host{
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
  }

  /* Alt navigasyon: 5 öğe kesin görünür. */
  .cx-mobile-bottom-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100vw!important;
    height:calc(70px + env(safe-area-inset-bottom))!important;
    z-index:2500!important;
  }

  .cx-mobile-bottom-nav > a,
  .cx-mobile-bottom-nav > button{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:hidden!important;
  }

  .cx-mobile-bottom-nav > :last-child{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
  }
}