/* Header Style */ .header-desktop-search1 form button{ color: #4f8bfc; } .header-desktop-call-i{ color: #13c05d; } .header-desktop-call-t{ color: #13c05d; } .header-desktop-call-t a{ color: #13c05d; } .header-desktop-call-t a:hover{ text-decoration: none; color: #13c05d; } .header-desktop-navbutton-box a{ color: #000000; } .header-desktop-navbutton-box a:hover{ color: #13c05d; } .header-desktop-main-div { padding: 15px 3%; } .topheader-desktop-main-div{ background-color: #ffffff; border-bottom: 1px solid #ebebeb; font-size: 11px ; } .topheader-desktop-main-left a{ padding: 7px; color: #222222; font-weight: 400; } .topheader-desktop-main-left a:hover{ color: #a6a2a2; text-decoration: none; } .topheader-desktop-main-right a{ padding: 7px; color: #222222; font-weight: 400; } .topheader-desktop-main-right a:hover{ color: #a6a2a2; text-decoration: none; } .topheader-lang-currency-box{ border-left: 1px solid #ebebeb; } .topheader-lang-currency-box a{ padding: 7px 13px; } .dropdown-menu.currency-drop.dropdown-menu:before{ content: ''; height: 11px; width: 11px; position: absolute; background-color: #fff; top: -7px; right:15px; border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; transform: rotate(45deg); } .dropdown-menu.currency-drop{ margin-top: 0; margin-right: -1px !important; border-radius:0 !important; border:1px solid #ebebeb !important; box-shadow:0 0 5px 0 rgba(0,0,0,.05) !important; } .topheader-html-main{ background-color: #111111; padding : 8px 0 ; color: #ffffff !important; } .topheader-html-main span{ color: #ffffff !important; } .topheader-html-main a{ color:#f5c518; } .topheader-html-main a:hover{ color:#ffffff; text-decoration:none; } /*  <========SON=========>>> Header Style SON */ /* Dropdown Style */ .dropdown-menu{ border: 1px solid #ebebeb !important; } .dropdown-menu.cart-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu.user-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu.bell-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu:before{ content: ''; height: 11px; width: 11px; position: absolute; background-color: #fff; top: -7px; right:9px; border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; transform: rotate(45deg); } /*  <========SON=========>>> Dropdown Style SON */ /* Desktop Dropdown Menu */ .top-level-menu-main-div{ background-color : #ffffff; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; } .top-level-menu{ justify-content:flex-start; } .top-level-menu > li{ background: none; margin-right:0; margin-left: 0; } .top-level-menu > li:hover { background-color: #ff8800} .top-level-menu > li span{ color:#000000; padding: 13px 18px; font-size: 13px ; font-weight: 600; } .top-level-menu > li:hover span{ color:#ffffff; } .second-level-menu { width: 210px; background-color: #ffffff; padding: 5px; } .second-level-menu > li { border-bottom: 1px solid #ffffff; padding: 9px; } .second-level-menu > li:hover { background: #f8f8f8; } .second-level-menu > li p{ color: #000000; font-size:13px; } .second-level-menu > li:hover p{ color:#000000; } .third-level-menu { left:200px; width: 200px; margin-left: 200px; background-color: #ffffff; padding: 5px; } .third-level-menu > li { padding: 8px 12px; border-bottom: 1px solid ##ffffff; } .third-level-menu > li:hover { background: #ebebeb; } .second-level-menu > li > .third-level-menu li p{ color: #222222; font-size:13px; } .second-level-menu > li > .third-level-menu li:hover p{ color:#222222; } .top-level-menu li:hover > ul { border-top: 1px solid #ff8800; } .sablon2-level-menu{ background-color: #ffffff; } .sablon2-level-menu-left-item-h{ color:#222222 !important; border-bottom: 1px solid #ebebeb; padding-bottom:10px; } .sablon2-level-menu-left-item-s{ color:#444444!important; } .sablon2-level-menu-left-item-s:hover{ text-decoration: underline !important; } /*  <========SON=========>>> Desktop Dropdown Menu SON */ body{background-color: #ffffff !important} #return-to-top{background-color: #e6c984; bottom:50px; border-radius:0} #return-to-top:hover{background-color: #e6c984} #return-to-top i{color: #000000} #return-to-top:hover i{color: #000000} .header-desktop-search1 form input{ border: 1px solid #d0d0d0; border-radius: 0; color: 4f8bfc; background-color:#ffffff; } .header-desktop-search1 form input::placeholder{ color: #4f8bfc; } .header-desktop-search1 form input:-ms-input-placeholder{ color: #4f8bfc; } .header-desktop-search1 form input::-ms-input-placeholder{ color: #4f8bfc; } .header-desktop-search1 form input:focus{ border: 1px solid #4f8bfc !important;box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;} /* Footer */ .footer-module-main-div{ border-top: 1px solid #f1f1f1; font-family : 'Roboto Condensed',sans-serif ;background:#ffffff ;padding:50px 0; margin: 0px 0 0 0; } .footer-module-box-telif{ width: 90%; font-family : 'Roboto Condensed',sans-serif ; color: #4a4a4a; } .footer-module-box-social a{ display: block; color: #000000; padding: 10px 14px; box-sizing: border-box; line-height: 15px; font-size: 15px ; } .footer-module-box-social a:first-child{ padding-left: 0; } .footer-module-header-text{ color: #000000; } .footer-module-contact-box{ color: #4a4a4a; } .footer-module-contact-box a{ color: #4a4a4a; } .footer-module-workhour-div{ color: #4a4a4a; } .footer-module-links-div a{ display: block; width: 100%; margin-bottom: 10px; color: #4a4a4a; } /* Ticaret Kutuları ///////////////////////////////////////////*/.ticaret-kutulari-inside{font-family : 'Open Sans',sans-serif ;border: 1px solid #ebebeb;background-color: #ffffff;}.ticaret-kutu-box{border-right: 1px solid #ebebeb;} @media screen and (max-width:410px) and (min-width:321px) {.ticaret-kutu-box{border-right: 0 !important;border-bottom: 1px solid #ebebeb;}.ticaret-kutu-box:last-child{border-bottom:0 !important;} } /* Ürün Detay */ #urundetaytabs .ui-tabs-active a { background-color: #ff1f55 !important; color: #ffffff !important; } #urundetaytabs{ font-family : 'Open Sans',sans-serif ; } .urun-detay-main{ font-family : 'Open Sans',sans-serif ; background-color: #f5f5f5; } /* Genel Modal */ .modal-content{ font-family : 'Poppins',Sans-serif !important ; } /* hizmet detay sağ butonlar */ .hizmetler-detay-right-box{ border: 1px solid #ffffff; border-left:6px solid #000000; background-color: #ffffff; color:#000000; } .hizmetler-detay-right-box:hover{ background-color: #000000; color: #ffffff; border: 1px solid #000000; border-left:6px solid #000000; } .hizmetler-detay-right-box-act{ border: 1px solid #000000; border-left:6px solid #000000; background: #000000; } /* Pricing Tabs Ayar */ /* pricing */ .pricing-tablolar-module-main-div{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; font-family : 'Roboto Condensed',sans-serif ;background:#f3f6f9 ;padding:20px 0; margin: 0px 0; } .pricing-tab-system ul{ background-color: #d63766; border-radius: 100px;} .pricing-tab-system a:first-child{ border-radius: 100px 0 0 100px !important; } .pricing-tab-system a:last-child{ border-radius: 0 100px 100px 0 !important; } .pricing-tab-system a{ color: #ffffff; font-size: 18px ; } .pricing-tab-system a.active{ background-color: #ffffff !important; color: #000000 !important; } .pricing-tab-system a:hover{ background-color: #ffffff; color: #000000; } @media screen and (max-width:1000px) and (min-width:0) {.pricing-tab-system a{border-radius: 100px !important ;}.pricing-tab-system a:first-child{border-radius: 100px !important ;}.pricing-tab-system a:last-child{border-radius: 100px !important ;} } /*  <========SON=========>>> Pricing Tabs Ayar SON */ /* Pre Loader */ .preload-main { display: flex; height: 100vh; width: 100%; position: fixed; z-index: 9999; justify-content: center; align-items: center; background: #d9f6ff; overflow: hidden; top: 0; left: 0; } .loader { position: relative; } /*  <========SON=========>>> Pre Loader SON */ /* Mobil Tema */ .mobile-top-header-main{ border-bottom: 1px solid #ebebeb; background-color: #ffffff; } .mobil-top-header-currency, .mobil-top-header-lang{border-left: 1px solid #ebebeb; } .swiper-top-header .swiper-slide a{ color: #222222; } .swiper-top-header .swiper-slide a:hover{ color: #a6a2a2; text-decoration:none; } .mobil-header-select-area{ color: #222222; } .mobil-header-select-area:hover{ color: #a6a2a2; text-decoration:none; } .mobile-header-main-area{ background-color: #f3f3f3; border-bottom:1px solid #ebebeb; } .mobile-header-icons{ color: #000000 !important; } .mobile-header-bars{ color: #000000; border: 1px solid #ebebeb; background-color: #ffffff;border-radius:5px;} .mobile_side_wrap_in_close label{ background-color: #7135f0; color: #ffffff; } .mobile_side_wrap{ background-color: #ffffff; } .mobile_side_wrap_in_search input{ background-color: #f8f8f8; border: 1px solid #f8f8f8; color:#000000; } .mobile_side_wrap_in_search button{ color:#000000; } .mobile_side_wrap_in_search input:focus{ border: 1px solid #f8f8f8 !important; } .mobile_side_wrap_in_footer{ background-color: #f9f9f9; border: 1px solid #f9f9f9; } .mobile-menu-categories-main{ border-top: 1px solid #ebebeb; } .mobile-menu-categories-main #categories-parent-main ul li a { color: #000000; border-bottom: 1px solid #ebebeb; } .mobile-menu-categories-main #categories-parent-main ul li a:hover { color: #ffffff; background-color: #408cff; } .mobile-menu-categories-main #categories-parent-main ul li a i{ color: #000000; } .mobile-menu-categories-main #categories-parent-main ul li a i:hover { color: #ffffff; background-color: #408cff; } .fixed-foot-navigation{background-color: #ffffff;box-shadow:0 0 15px rgba(0,0,0,.1);} .fixed-foot-navigation-in-box{color : #000000} .fixed-foot-navigation-in-box:hover{color : #000000;text-decoration:none; } /*  <========SON=========>>> Mobil Tema SON */

/* =====================================================================
   ÜRÜN DETAY SAYFASI — MODERN GÖRÜNÜM
   Mevcut yapı ve sınıf adları korunur; yalnızca görünüm yenilenir.
   ===================================================================== */
.urun-detay-main{ background:#f7f8fa !important; padding:28px 0 40px !important; }
.urun-detay-main-in{
    display:grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap:32px;
    align-items:start;
    width:100% !important; max-width:1300px !important; margin:0 auto !important;
    float:none !important; padding:30px 20px 10px !important; box-sizing:border-box !important;
}

/* --- sol: galeri --- */
.urun-detay-sol-alan{
    width:100% !important; float:none !important; margin:0 !important;
    position:sticky; top:20px;
}
.pd-galeri{ background:#fff; border:1px solid #e8eaee; border-radius:14px; padding:14px; box-shadow:0 1px 3px rgba(16,24,40,.04); }
.pd-galeri-sahne{ position:relative; }
.pd-galeri-buyut{ display:block; position:relative; border-radius:10px; overflow:hidden; background:#fff; }
.pd-galeri-buyut img{ width:100% !important; height:auto !important; aspect-ratio:1/1; object-fit:contain; display:block; }
.pd-galeri-zoom{
    position:absolute; right:12px; bottom:12px; width:38px; height:38px; border-radius:50%;
    background:rgba(17,24,39,.72); color:#fff; display:flex; align-items:center; justify-content:center;
    font-size:15px; opacity:0; transition:opacity .18s ease;
}
.pd-galeri-buyut:hover .pd-galeri-zoom{ opacity:1; }
.pd-galeri-gizli{ display:none !important; }
.pd-galeri-thumbs{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.pd-thumb{
    width:74px; height:74px; padding:0; border:2px solid #e8eaee; border-radius:9px;
    background:#fff; cursor:pointer; overflow:hidden; transition:border-color .15s ease, transform .15s ease;
}
.pd-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pd-thumb:hover{ transform:translateY(-2px); }
.pd-thumb.aktif{ border-color:#111827; }
.pd-galeri--yan{ display:grid; grid-template-columns:84px minmax(0,1fr); gap:12px; }
.pd-galeri--yan .pd-galeri-thumbs{ order:-1; flex-direction:column; margin-top:0; flex-wrap:nowrap; }

/* --- sag: bilgi paneli --- */
.urun-detay-sag-alan{
    width:100% !important; float:none !important; margin:0 !important;
    background:#fff !important; border:1px solid #e8eaee !important; border-radius:14px !important;
    padding:26px 28px !important; box-shadow:0 1px 3px rgba(16,24,40,.04);
}
.urun-detay-sag-alan-baslik{
    font-size:26px !important; line-height:1.28 !important; font-weight:700 !important;
    color:#0f172a !important; margin-bottom:10px !important; letter-spacing:-.2px;
}
.urun-detay-baslik-alti{ margin-bottom:14px !important; padding-bottom:14px; border-bottom:1px solid #eef0f3; }
.urun-detay-sag-alan-spot{
    font-size:14.5px !important; line-height:1.65 !important; color:#475569 !important;
    margin-bottom:18px !important;
}
.urun-detay-sag-alan-no-stok{
    background:#f0f9f2 !important; border:1px solid #cfe9d6 !important; color:#166534 !important;
    border-radius:10px !important; padding:12px 14px !important; font-size:14px !important;
    line-height:1.55 !important; margin-bottom:16px !important;
}
.urun-detay-sag-alan-d-bilgiler,
.urun-detay-sag-alan-ek-bilgiler{
    background:#f8fafc !important; border:1px solid #eef0f3 !important; border-radius:10px !important;
    padding:12px 14px !important; margin-bottom:12px !important; font-size:13.5px !important;
    line-height:1.6 !important; color:#334155 !important;
}
.urun-detay-sag-alan-d-bilgiler-box{ display:inline-block; margin-right:18px; }
.urun-detay-sag-alan-d-bilgiler-box strong,
.urun-detay-sag-alan-ek-bilgiler-box strong{ color:#0f172a; }

/* --- eylem butonlari --- */
.urun-detay-sag-alan-sepet{ margin:18px 0 14px !important; display:flex; gap:10px; flex-wrap:wrap; }
.urun-detay-sag-alan-sepet a,
.urun-detay-sag-alan-sepet button{
    flex:1 1 200px; min-height:52px; display:inline-flex !important; align-items:center; justify-content:center;
    border-radius:10px !important; font-weight:600 !important; font-size:15px !important;
    letter-spacing:.2px; transition:transform .12s ease, box-shadow .12s ease;
}
.urun-detay-sag-alan-sepet a:hover,
.urun-detay-sag-alan-sepet button:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(16,24,40,.13); }
.urun-detay-sag-alan-urun-islemler-main{
    display:flex; gap:18px; flex-wrap:wrap; padding-top:14px; border-top:1px solid #eef0f3;
    font-size:13px !important;
}
.urun-detay-sag-alan-urun-islemler-main a{ color:#64748b !important; }
.urun-detay-sag-alan-urun-islemler-main a:hover{ color:#0f172a !important; }

/* --- sekmeler ve aciklama --- */
.urun-detay-desc-main{ width:100% !important; max-width:1300px !important; margin:26px auto 0 !important;
    float:none !important; padding:0 20px !important; box-sizing:border-box !important; }
#urundetaytabs{
    background:#fff; border:1px solid #e8eaee; border-radius:14px; padding:8px 22px 22px !important;
    box-shadow:0 1px 3px rgba(16,24,40,.04);
}
#urundetaytabs .ui-tabs-nav{ border-bottom:1px solid #eef0f3 !important; padding:0 !important; margin-bottom:18px !important; }
#urundetaytabs .ui-tabs-nav li{ margin:0 4px 0 0 !important; }
#urundetaytabs .ui-tabs-nav li a{
    border-radius:9px 9px 0 0 !important; padding:13px 20px !important;
    font-size:14px !important; font-weight:600 !important; color:#475569 !important;
}
#urundetaytabs .ui-tabs-nav li.ui-tabs-active a{ color:#fff !important; }
#urundetaytabs .ui-tabs-panel{ font-size:15px !important; line-height:1.78 !important; color:#334155 !important; }
#urundetaytabs .ui-tabs-panel h2,
#urundetaytabs .ui-tabs-panel h3{
    font-size:19px !important; font-weight:700 !important; color:#0f172a !important;
    margin:24px 0 10px !important; letter-spacing:-.2px;
}
#urundetaytabs .ui-tabs-panel h2:first-child,
#urundetaytabs .ui-tabs-panel h3:first-child{ margin-top:4px !important; }
#urundetaytabs .ui-tabs-panel p{ margin-bottom:14px !important; }
#urundetaytabs .ui-tabs-panel ul{ padding-left:20px !important; margin-bottom:16px !important; }
#urundetaytabs .ui-tabs-panel li{ margin-bottom:7px !important; }
#urundetaytabs .ui-tabs-panel table{ width:100%; border-collapse:collapse; margin:14px 0 18px; }
#urundetaytabs .ui-tabs-panel th,
#urundetaytabs .ui-tabs-panel td{ border:1px solid #eef0f3; padding:10px 13px; text-align:left; font-size:14px; }
#urundetaytabs .ui-tabs-panel th{ background:#f8fafc; font-weight:600; color:#0f172a; }
#urundetaytabs .ui-tabs-panel img{ max-width:100%; height:auto; border-radius:10px; }

/* --- tablet --- */
@media screen and (max-width:1023px){
    .urun-detay-main-in{ grid-template-columns:1fr; gap:20px; max-width:100%; padding:0 12px; }
    .urun-detay-sol-alan{ position:static; }
    .urun-detay-desc-main{ padding:0 12px; }
    .urun-detay-sag-alan{ padding:20px !important; }
    .urun-detay-sag-alan-baslik{ font-size:22px !important; }
    .pd-galeri--yan{ grid-template-columns:1fr; }
    .pd-galeri--yan .pd-galeri-thumbs{ order:0; flex-direction:row; margin-top:12px; flex-wrap:wrap; }
}
/* --- mobil --- */
@media screen and (max-width:600px){
    .urun-detay-main{ padding:14px 0 26px !important; }
    .urun-detay-sag-alan-baslik{ font-size:19px !important; }
    .pd-thumb{ width:60px; height:60px; }
    .urun-detay-sag-alan-sepet a,
    .urun-detay-sag-alan-sepet button{ flex:1 1 100%; }
    #urundetaytabs{ padding:6px 14px 16px !important; }
    #urundetaytabs .ui-tabs-nav li a{ padding:11px 13px !important; font-size:13px !important; }
}


/* IC_SAYFA_BASLIK: tema basligi 1024-1151px bandinda viewporttan genis kaliyor ve
   yatay kaydirma yaratiyordu. Anasayfada uygulanan sikistirma tum sayfalara genisletildi.
   overflow:hidden yerine gercek genislik sinirlandi; boylece position:sticky bozulmuyor. */
@media screen and (min-width:1024px) and (max-width:1279px){
    .desktop-header-area,
    .top-level-menu-main-div,
    .top-level-menu-main-div-in,
    .topheader-desktop-main-div,
    .topheader-html-main{
        max-width:100% !important; box-sizing:border-box !important;
    }
    .top-level-menu-main-div-in > ul > li > a,
    .top-level-menu-main-div-in a{ font-size:12px !important; letter-spacing:0 !important; }
    .top-level-menu-main-div-in > ul > li{ padding-left:6px !important; padding-right:6px !important; }
}

/* IC_SAYFA_TASMA2: Yatay kaydirma tema BASLIGINDAN kaynaklaniyordu (.head-new-area-left ve
   .top-level-menu dar masaustunde viewporttan genis kaliyordu). Genisligi max-width ile
   siniriyoruz. overflow-x:hidden KULLANMIYORUZ: tek eksene hidden vermek diger ekseni
   otomatik "auto" yapar; bu da menu cubugunun sagina dikey kaydirma oku koyuyor ve
   acilir menuleri kirpiyordu. */
.header-main-div,
.desktop-header-area,
.topheader-desktop-main-div,
.topheader-html-main,
.top-level-menu-main-div,
.head-new-area-left{ max-width:100% !important; overflow:visible !important; box-sizing:border-box !important; }

/* Mega menu acilinca gosterilen karartma katmani temada width:150%; left:-500px ile
   tanimli. Baslik artik 1858px oldugu icin bu katman sagdan viewport'u ~450px asiyor ve
   menu her acildiginda yatay kaydirma cikariyordu. Kapsayiciya tam oturtuluyor. */
.dropdown-overlay-show{ left:0 !important; right:0 !important; width:auto !important; }

/* Tema .urun-detay-main uzerine overflow:hidden koyuyor; bu, sol sutundaki position:sticky'yi
   etkisiz birakiyordu. Detay alaninda overflow gorunur birakildi. */
.urun-detay-main{ overflow:visible !important; }

/* =====================================================================
   SITE_GENISLIK_150 — site genisligi %50 artirildi (header + govde + footer)
   Temadaki sabit px kapsayicilar 1.5 katina cikarildi; dar ekranlarda
   tasmamasi icin max-width ile sinirlandi.
   ===================================================================== */

/* 1200px -> 1800px */
#paytr_taksit_tablosu,
.slider_text_inside_main_2{
    width:1800px !important;
    max-width:calc(100% - 32px) !important;
    box-sizing:border-box !important;
}

/* 1210px -> 1815px */
.bloglar-detay{
    width:1815px !important;
    max-width:calc(100% - 32px) !important;
    box-sizing:border-box !important;
}

/* 1280px -> 1920px */
.bildirim-detay-main,
.bildirimler-container-main,
.blog-list-tags-div,
.bloglar-container-main,
.bloglar-module-inside-area,
.cat-detail-main-div-in,
.compare-container-main,
.firsatlar-urun-module-inside-area,
.footer-module-inside-area,
.fotogaleri-container-main-in,
.group-urun-module-inside-area,
.hizmetler-container-main,
.hizmetler-detay,
.hizmetler-module-inside-area,
.htmlpage-container-main,
.iletisim-container-main,
.musteriyorum-container-main,
.page-banner-in-text,
.pricing-tablolar-module-inside-area,
.product-categories-inside,
.slider_text_inside_main,
.sucess-order-in-div,
.swiper-middle-container,
.ticaret-kutulari-inside,
.urun-detay-benzer-urunler-main-div,
.urun-detay-desc-main,
.urun-detay-main-in,
.urunler-module-inside-area,
.user_login_register_div,
.user_subpage_div,
.videolar-container-flex,
.yorumlar-module-inside-area{
    width:1920px !important;
    max-width:calc(100% - 32px) !important;
    box-sizing:border-box !important;
}

/* 1300px -> 1950px */
.about-module-inside-area,
.about-module-main-div-boxed,
.cart-main-div,
.ccard-payment-page-main,
.header-desktop-main-div-in,
.marka-module-inside-area,
.no-cart-items-in-div,
.pgallery-module-inside-area,
.pgallery-module-inside-box-area,
.product-categories-inside-vitrin2,
.referans-module-inside-area,
.sss-faq-container-main,
.story-in-div,
.story-in-div-standart,
.tablolar-container-main,
.teslimat-page-main,
.top-level-menu-main-div-in,
.topheader-desktop-main-div-in,
.topheader-html-main-in,
.urun-detay-desc-main,
.urun-detay-main-in{
    width:1950px !important;
    max-width:calc(100% - 32px) !important;
    box-sizing:border-box !important;
}

/* urun detay: yeni genislige uyum.
   NOT: max-width mutlaka calc(100% - 32px) ile de sinirlanmali; yalnizca 1950px
   verilirse dar ekranlarda kapsayici viewport'u asip yatay kaydirma yaratiyor. */
.urun-detay-main-in,
.urun-detay-desc-main{ max-width:min(1950px, calc(100% - 32px)) !important; }
@media screen and (max-width:1023px){
    .urun-detay-main-in,
    .urun-detay-desc-main{ width:100% !important; max-width:100% !important; }
}

@media screen and (max-width:1023px){
    .slider_text_inside_main_2,
    #paytr_taksit_tablosu,
    .bloglar-detay,
    .slider_text_inside_main,
    .hizmetler-module-inside-area,
    .bloglar-module-inside-area,
    .pricing-tablolar-module-inside-area,
    .yorumlar-module-inside-area,
    .footer-module-inside-area,
    .page-banner-in-text,
    .htmlpage-container-main,
    .musteriyorum-container-main,
    .bloglar-container-main,
    .blog-list-tags-div,
    .hizmetler-container-main,
    .hizmetler-detay,
    .fotogaleri-container-main-in,
    .iletisim-container-main,
    .videolar-container-flex,
    .urunler-module-inside-area,
    .firsatlar-urun-module-inside-area,
    .group-urun-module-inside-area,
    .ticaret-kutulari-inside,
    .product-categories-inside,
    .urun-detay-main-in,
    .urun-detay-desc-main,
    .urun-detay-benzer-urunler-main-div,
    .sucess-order-in-div,
    .cat-detail-main-div-in,
    .user_login_register_div,
    .bildirimler-container-main,
    .bildirim-detay-main,
    .user_subpage_div,
    .compare-container-main,
    .swiper-middle-container,
    .topheader-html-main-in,
    .topheader-desktop-main-div-in,
    .header-desktop-main-div-in,
    .top-level-menu-main-div-in,
    .about-module-inside-area,
    .about-module-main-div-boxed,
    .marka-module-inside-area,
    .sss-faq-container-main,
    .tablolar-container-main,
    .product-categories-inside-vitrin2,
    .cart-main-div,
    .no-cart-items-in-div,
    .teslimat-page-main,
    .ccard-payment-page-main,
    .story-in-div,
    .story-in-div-standart,
    .pgallery-module-inside-area,
    .pgallery-module-inside-box-area{
        width:100% !important; max-width:100% !important;
    }
}

/* =====================================================================
   ILETISIM_BUTONLARI — ust bar telefonlari, sabit iletisim butonlari,
   mobil iletisim paneli ve iletisim sayfasi gorunumu
   Renkler banner sistemiyle ayni aile: kehribar #F39C1F, antrasit #1F2328
   ===================================================================== */

/* ---------- 1) Ust bar: iki telefon tek sari etikette ----------
   [ tel 1 | SIPARIS ICIN ARAYIN | tel 2 ] — ortadaki siyah etiketin metni
   panelden gelir (headertop_menu.spot -> linkin title ozelligi).
   Art arda iki telefon linki birlesik tek hap olur; tek telefon kalirsa
   kendi basina tam yuvarlak hap gorunur. :has() desteklemeyen eski
   tarayicilarda iki ayri hap olarak gorunur, bozulmaz. */
.topheader-desktop-main-right a[href^="tel:"]{
    background:#F39C1F; color:#1F2328 !important; font-weight:700 !important;
    border-radius:999px; padding:0 13px 0 12px !important; margin-left:8px; height:26px; box-sizing:border-box;
    display:inline-flex; align-items:center; align-self:center;
    line-height:1.2; white-space:nowrap; font-size:12px;
    transition:background-color .15s ease;
}
/* uzerine gelinen numara hafif koyulasir: hangi numaranin aranacagi belli olur */
.topheader-desktop-main-right a[href^="tel:"]:hover{ background:#DE8A0F; color:#1F2328 !important; text-decoration:none; }
.topheader-desktop-main-right a[href^="tel:"] i{
    font-size:15px; margin-right:5px; display:inline-block;
    animation:ib-zil 3s ease-in-out infinite; transform-origin:50% 50%;
}
/* birlesik hap - sol parca (arkasindan bir telefon linki geliyorsa) */
.topheader-desktop-main-right a[href^="tel:"]:has(+ a[href^="tel:"]){
    border-radius:999px 0 0 999px; padding-right:0 !important;
}
/* birlesik hap - sag parca */
.topheader-desktop-main-right a[href^="tel:"] + a[href^="tel:"]{
    border-radius:0 999px 999px 0; margin-left:0; padding-left:10px !important;
}
/* ortadaki siyah "SIPARIS ICIN ARAYIN" etiketi */
.topheader-desktop-main-right a[href^="tel:"][title]:not([title=""])::after{
    content:attr(title); background:#1F2328; color:#fff; border-radius:999px;
    font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
    line-height:1.2; padding:3px 11px; margin-left:10px;
}

/* ust bar dar masaustunde tasmasin: yazilar kirilmasin, oncelik telefonlarda */
.topheader-desktop-main-left a, .topheader-desktop-main-right a{ white-space:nowrap; }
@media (max-width:1279px){
    /* Referanslarimiz, SSS, Siparis Takibi ana menude Kurumsal altinda da var */
    .topheader-desktop-main-left a:nth-child(n+3){ display:none !important; }
    .topheader-desktop-main-right a[href^="tel:"]{ font-size:11.5px; padding:0 11px 0 10px !important; margin-left:6px; height:24px; }
    .topheader-desktop-main-right a[href^="tel:"] + a[href^="tel:"]{ margin-left:0; padding-left:8px !important; }
    .topheader-desktop-main-right a[href^="tel:"][title]:not([title=""])::after{ font-size:10px; padding:3px 9px; margin-left:8px; }
}
@media (max-width:1120px){
    .topheader-desktop-main-right a[href^="mailto:"]{ display:none !important; }
}

/* ---------- 2) Masaustu sabit iletisim butonlari (sag alt) ---------- */
.ib-yigin{
    position:fixed; right:22px; bottom:112px; z-index:9990;
    display:flex; flex-direction:column; gap:12px;
}
.ib-btn{
    position:relative; width:56px; height:56px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:29px; border:0; padding:0; cursor:pointer;
    box-shadow:0 8px 20px rgba(20,24,30,.20);
    transition:transform .15s ease, box-shadow .15s ease;
    text-decoration:none;
}
.ib-btn:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(20,24,30,.26); color:#fff; text-decoration:none; }
.ib-btn:focus-visible{ outline:3px solid #1F2328; outline-offset:3px; }
.ib-btn i{ line-height:1; }
.ib-wp{ background:#25D366; }
.ib-wp::after{
    content:""; position:absolute; inset:0; border-radius:50%;
    box-shadow:0 0 0 0 rgba(37,211,102,.55); animation:ib-nabiz 2.4s infinite;
}
.ib-tel{ background:#F39C1F; color:#1F2328; }
.ib-tel:hover{ color:#1F2328; }
.ib-ig{ background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }

.ib-ipucu{
    position:absolute; right:calc(100% + 12px); top:50%;
    transform:translate(6px,-50%); background:#1F2328; color:#fff;
    font-size:13px; font-weight:600; white-space:nowrap; padding:7px 11px;
    border-radius:8px; opacity:0; pointer-events:none;
    transition:opacity .15s ease, transform .15s ease;
}
.ib-btn:hover .ib-ipucu, .ib-btn:focus-visible .ib-ipucu{ opacity:1; transform:translate(0,-50%); }

.ib-tel-kutu{ position:relative; }
.ib-tel-kart{
    position:absolute; right:calc(100% + 12px); top:50%; min-width:236px;
    background:#fff; border-radius:14px; padding:10px;
    box-shadow:0 18px 44px rgba(20,24,30,.20); border:1px solid #eceef1;
    opacity:0; visibility:hidden; transform:translate(6px,-50%);
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
}
.ib-tel-kart::before{ content:""; position:absolute; right:-14px; top:0; bottom:0; width:14px; } /* hover koprusu */
.ib-tel-kutu:hover .ib-tel-kart,
.ib-tel-kutu:focus-within .ib-tel-kart,
.ib-tel-kutu.acik .ib-tel-kart{ opacity:1; visibility:visible; transform:translate(0,-50%); }
.ib-tel-baslik{
    font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
    color:#8A8F96; padding:4px 8px 6px;
}
.ib-tel-satir{
    display:flex; flex-direction:column; padding:9px 10px; border-radius:10px;
    color:#1F2328; text-decoration:none;
}
.ib-tel-satir + .ib-tel-satir{ border-top:1px solid #f1f2f4; }
.ib-tel-satir:hover{ background:#FFF4E3; color:#1F2328; text-decoration:none; }
.ib-tel-etiket{ font-size:12px; color:#8A8F96; }
.ib-tel-no{ font-size:19px; font-weight:700; letter-spacing:.01em; }

@keyframes ib-nabiz{
    0%{ box-shadow:0 0 0 0 rgba(37,211,102,.55); }
    70%{ box-shadow:0 0 0 15px rgba(37,211,102,0); }
    100%{ box-shadow:0 0 0 0 rgba(37,211,102,0); }
}
@keyframes ib-zil{
    0%, 84%, 100%{ transform:rotate(0); }
    87%{ transform:rotate(-16deg); } 91%{ transform:rotate(13deg); }
    95%{ transform:rotate(-9deg); }  98%{ transform:rotate(5deg); }
}
@media (prefers-reduced-motion: reduce){
    .ib-wp::after, .topheader-desktop-main-right a[href^="tel:"] i{ animation:none; }
    .ib-btn, .ib-tel-kart, .ib-ipucu, .ib-panel, .ib-arka{ transition:none; }
}
/* cerez bildirimi sol alta: sag alttaki iletisim butonlarini ortmesin */
.cc-window.cc-floating{ left:16px !important; right:auto !important; }
/* mobilde sabit alt bar varsa cerez kutusu barin USTUNDE dursun; aksi halde bara dokunmayi engelliyordu */
body:has(.fixed-foot-navigation) .cc-window.cc-floating{
    left:10px !important; right:10px !important; width:auto !important; max-width:none !important;
    bottom:calc(73px + env(safe-area-inset-bottom)) !important;
}
@media print{ .ib-yigin, .ib-panel, .ib-arka{ display:none !important; } }

/* ---------- 3) Mobil iletisim paneli ---------- */
.ib-arka[hidden], .ib-panel[hidden]{ display:none !important; }
.ib-arka{
    position:fixed; inset:0; z-index:10000; background:rgba(15,17,20,.5);
    opacity:0; transition:opacity .2s ease;
}
.ib-arka.acik{ opacity:1; }
.ib-panel{
    position:fixed; left:0; right:0; bottom:0; z-index:10001;
    background:#fff; border-radius:20px 20px 0 0;
    padding:8px 16px calc(18px + env(safe-area-inset-bottom));
    box-shadow:0 -12px 40px rgba(0,0,0,.22);
    transform:translateY(100%); transition:transform .22s ease;
    max-height:85vh; overflow:auto;
}
.ib-panel.acik{ transform:translateY(0); }
.ib-panel::before{
    content:""; display:block; width:42px; height:4px; border-radius:4px;
    background:#dfe2e6; margin:4px auto 12px;
}
.ib-panel-ust{ display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.ib-panel-baslik{ font-size:18px; font-weight:700; color:#1F2328; }
.ib-panel-kapat{
    width:38px; height:38px; border-radius:50%; border:0; background:#f2f3f5;
    color:#1F2328; font-size:18px; display:flex; align-items:center; justify-content:center;
}
.ib-satir{
    display:flex; align-items:center; gap:14px; min-height:68px; padding:12px 4px;
    border-top:1px solid #f0f1f3; color:#1F2328; text-decoration:none;
}
.ib-panel-ust + .ib-satir{ border-top:0; }
.ib-satir:hover, .ib-satir:focus{ color:#1F2328; text-decoration:none; }
.ib-satir:active{ background:#fafafa; }
.ib-satir-ikon{
    width:46px; height:46px; border-radius:13px; flex:none;
    display:flex; align-items:center; justify-content:center; font-size:25px; color:#fff;
}
.ib-renk-tel{ background:#F39C1F; color:#1F2328; }
.ib-renk-wp{ background:#25D366; }
.ib-renk-ig{ background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.ib-satir-yazi{ display:flex; flex-direction:column; flex:1; min-width:0; }
.ib-satir-etiket{ font-size:12.5px; color:#8A8F96; line-height:1.3; }
.ib-satir-deger{ font-size:18px; font-weight:700; line-height:1.3; }
.ib-satir-ok{ font-size:18px; color:#b3b8bf; }

/* ---------- 4) Mobil alt bar: 4 oge sigsin (ikon ustte, yazi altta) ---------- */
.fixed-foot-navigation-in{
    width:100% !important; margin:0 !important;
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));
    justify-content:space-around !important; box-sizing:border-box;
}
.fixed-foot-navigation-in-box{
    flex:1 1 0; min-width:0; margin:0 !important;
    flex-direction:column; align-items:center !important; justify-content:center !important;
    gap:3px; font-size:10px !important; letter-spacing:.02em; text-align:center; line-height:1.2;
    text-decoration:none !important; padding:4px 2px;
}
.fixed-foot-navigation-in-box i{ font-size:24px !important; margin:0 !important; }
.ib-bar-btn{ color:#1F2328 !important; }
.ib-bar-btn i{
    width:34px; height:34px; border-radius:50%; background:#F39C1F; color:#1F2328;
    display:flex; align-items:center; justify-content:center; font-size:21px !important;
    margin-top:-6px !important; box-shadow:0 4px 10px rgba(243,156,31,.35);
}

/* ---------- 5) Iletisim sayfasi ---------- */
.iletisim-container-in{
    background:#F7F8FA !important; border:1px solid #eceef1 !important; border-radius:16px;
}
.iletisim-container-in-top{ padding:24px !important; }
.iletisim-container-in-top > [class*="col-"]{ margin-bottom:18px; }
.iletisim-container-in-top > [class*="col-md-4"]{ display:flex; }
.iletisim-container-in-top > [class*="col-md-4"] > .iletisim-container-in-top-box{ width:100%; }

/* harita */
.iletisim-container-in-top iframe{
    height:380px !important; border-radius:14px; border:1px solid #e3e6ea !important;
    display:block; background:#eef0f2;
}

/* kartlar */
.iletisim-container-in-top-box{
    background:#fff; border:1px solid #eceef1 !important; border-radius:14px;
    padding:18px !important; box-sizing:border-box;
    transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.iletisim-container-in-top-box:has(.iletisim-container-in-top-box-i){
    display:grid; grid-template-columns:54px 1fr; grid-template-rows:auto auto;
    column-gap:15px; row-gap:3px; align-items:center; text-align:left !important;
}
.iletisim-container-in-top-box:has(.iletisim-container-in-top-box-i):hover{
    border-color:#f3d6a6 !important; box-shadow:0 12px 28px rgba(20,24,30,.07); transform:translateY(-2px);
}
.iletisim-container-in-top-box-i{
    grid-row:1 / span 2; width:54px; height:54px; margin:0 !important;
    border-radius:15px; background:#FFF4E3; color:#E08A0C !important;
    font-size:27px !important; line-height:1 !important;
    display:flex; align-items:center; justify-content:center;
}
.iletisim-container-in-top-box-h{
    font-size:11.5px !important; font-weight:700 !important; letter-spacing:.08em;
    text-transform:uppercase; color:#8A8F96; align-self:end; line-height:1.3;
}
.iletisim-container-in-top-box-s{
    font-size:15.5px; font-weight:600; color:#1F2328; align-self:start;
    line-height:1.45; overflow-wrap:anywhere;
}
.iletisim-container-in-top-box-s a{ color:#1F2328; }
.iletisim-container-in-top-box-s a:hover{ color:#E08A0C; text-decoration:none; }

/* sosyal medya satiri */
.iletisim-container-in-top-box-social-flex{ gap:10px; padding:14px !important; background:#fff; }
.iletisim-container-in-top-box-social{
    width:46px !important; height:46px; border-radius:50% !important; margin:0 !important; padding:0 !important;
    display:flex !important; align-items:center; justify-content:center;
    background:#F7F8FA; border:1px solid #e6e8eb; color:#1F2328 !important; font-size:20px !important;
}
.iletisim-container-in-top-box-social:hover{ background:#1F2328 !important; border-color:#1F2328; color:#fff !important; }
/* adresi girilmemis ("#") sosyal hesaplar gosterilmesin — olu link */
.iletisim-container-in-top-box-social[href="#"],
.footer-module-box-social a[href="#"]{ display:none !important; }

/* aciklama kutusu (ikonsuz, sosyal olmayan) */
.iletisim-container-in-top-box:not(:has(.iletisim-container-in-top-box-i)):not(.iletisim-container-in-top-box-social-flex){
    background:linear-gradient(135deg,#FFF6E6 0%,#FFFFFF 75%); border-color:#f6e0b8 !important;
    text-align:left !important; padding:20px 24px !important; position:relative;
}
.iletisim-container-in-top-box:not(:has(.iletisim-container-in-top-box-i)):not(.iletisim-container-in-top-box-social-flex) .iletisim-container-in-top-box-h{
    font-size:15px !important; font-weight:500 !important; letter-spacing:0; text-transform:none;
    color:#3B4047; line-height:1.6;
}

/* calisma saatleri (formun yanindaki koyu kart) */
.iletisim-container-in-top > .col-md-3 > .iletisim-container-in-top-box{
    display:block; height:100%; background:#1F2328; border-color:#1F2328 !important;
    color:#DDE1E6; text-align:left !important; padding:26px 24px !important;
}
.iletisim-container-in-top > .col-md-3 > .iletisim-container-in-top-box:hover{ transform:none; box-shadow:none; }
.iletisim-container-in-top > .col-md-3 .iletisim-container-in-top-box-i{
    background:rgba(243,156,31,.16); color:#F39C1F !important; margin:0 0 16px !important;
}
.iletisim-container-in-top > .col-md-3 .iletisim-container-in-top-box-h{ color:#fff; margin-bottom:10px; font-size:12px !important; }
.iletisim-container-in-top > .col-md-3 .iletisim-container-in-top-box-s{ color:#C4CAD1; font-weight:400; font-size:14.5px; }
.iletisim-container-in-top > .col-md-3 .iletisim-container-in-top-box-s li{ padding:7px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.iletisim-container-in-top > .col-md-3 .iletisim-container-in-top-box-s li:last-child{ border-bottom:0; color:#9AA2AB; font-size:13px; line-height:1.5; }
.iletisim-container-in-top > .col-md-3 .iletisim-container-in-top-box-s strong{ color:#fff; font-weight:600; }

/* form */
.iletisim-container-in-top > [class*="col-md-"] > form{
    background:#fff; border:1px solid #eceef1; border-radius:14px;
    padding:24px 24px 8px; height:100%; box-sizing:border-box; text-align:left;
}
.iletisim-container-in-top > [class*="col-md-"] > form::before{
    content:"Bize yazın"; display:block; font-size:20px; font-weight:700; color:#1F2328;
    margin:0 0 4px; padding:0 7px;
}
.iletisim-container-in-top form .form-group{ margin-bottom:14px; }
.iletisim-container-in-top form .form-control{
    height:50px; border:1px solid #e3e6ea !important; border-radius:10px !important;
    background:#FAFBFC; padding:0 14px; font-size:14.5px !important; color:#1F2328;
    box-shadow:none; transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.iletisim-container-in-top form textarea.form-control{ height:auto; min-height:140px; padding:12px 14px; resize:vertical; }
.iletisim-container-in-top form .form-control::placeholder{ color:#9AA0A7; }
.iletisim-container-in-top form .form-control:focus{
    background:#fff; border-color:#F39C1F !important; box-shadow:0 0 0 4px rgba(243,156,31,.18) !important; outline:0;
}
.iletisim-container-in-top form button[type="submit"]{
    background:#F39C1F !important; color:#1F2328 !important; border:0 !important;
    height:52px; border-radius:10px !important; font-weight:700 !important; letter-spacing:.06em;
    font-size:14px !important; transition:background-color .15s ease, color .15s ease;
}
.iletisim-container-in-top form button[type="submit"]:hover{ background:#1F2328 !important; color:#fff !important; }

@media (max-width:767px){
    .iletisim-container-in-top{ padding:14px !important; }
    .iletisim-container-in-top iframe{ height:260px !important; }
    .iletisim-container-in-top > [class*="col-md-"] > form{ padding:18px 14px 4px; }
    .iletisim-container-in-top-box-s{ font-size:15px; }
}

/* MENU_YATAY_CLIP: gizli acilir menu panelleri (mega menu 1300px, alt menuler) gorunmezken de yer
   kapliyor ve 1024-1179px arasinda ic sayfalarda yatay kaydirma yaratiyordu. overflow-x:hidden kullanilamaz
   (dikey ekseni auto yapip menu cubuguna kaydirma oku koyuyordu). clip kaydirma kutusu olusturmaz ve
   visible ile birlikte kullanilabilir: dikey eksen gorunur kalir, acilir menuler asagi dogru calisir. */
.top-level-menu-main-div{ overflow-x:clip !important; overflow-y:visible !important; }

/* =====================================================================
   LOGO_ROZETI — "TOPTAN | PERAKENDE / SATIŞ" ikili cip (secilen aday: 5)
   Masaustu: header.php, logo ile sag alan arasi. Mobil: mobile_menu.php,
   logo satirinin altinda tek satir. Mobil/masaustu ayrimi sunucuda
   (isMobileDevice) yapildigi icin medya sorgusu ve :has() KULLANILMAZ.
   Cip parcalarindaki cetikler header zeminiyle ayni renkte olmali; renk
   panelden (header_ayar.header_bg) okunur, zemin degisirse cetikler uyar.
   Tum yazilar en az 11px.
   ===================================================================== */
.mpe-wr,
.mpe-wr-mobil{
    --mpe-wr-notch:#f3f3f3;
    font-family:"Roboto Condensed","Poppins",Arial,Helvetica,sans-serif;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    cursor:default;
}
.mpe-wr{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
    flex:0 0 auto;
    margin:0 26px 0 0;
}
.mpe-wr-chip{
    display:flex;
    align-items:stretch;
    height:26px;
    border-radius:7px;
}
.mpe-wr-part{
    display:flex;
    align-items:center;
    height:100%;
    /* sagdaki dolgu, son harften sonra kalan harf araligini dengeler */
    padding:0 calc(11px - .07em) 0 11px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.07em;
    white-space:nowrap;
}
.mpe-wr-part--wholesale{
    background:#1F2328;
    color:#FFFFFF;
    border-radius:7px 0 0 7px;
}
.mpe-wr-part--retail{
    position:relative;
    background:#F39C1F;
    color:#111111;
    border-radius:0 7px 7px 0;
}
/* perforasyon cetikleri: iki parcayi ortadan bolunmus tek etiket yapar */
.mpe-wr-part--retail::before,
.mpe-wr-part--retail::after{
    content:"";
    position:absolute;
    left:-3.5px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--mpe-wr-notch);
    pointer-events:none;
}
.mpe-wr-part--retail::before{ top:-3.5px; }
.mpe-wr-part--retail::after{ bottom:-3.5px; }

.mpe-wr-foot{
    display:flex;
    align-items:center;
    align-self:stretch;
    gap:6px;
    color:#4B5563;
}
.mpe-wr-foot-text{
    font-size:11px;
    font-weight:700;
    line-height:1.3;          /* Ş kuyruguna pay birakir */
    letter-spacing:.2em;
    text-indent:.2em;
    white-space:nowrap;
}
.mpe-wr-rule{
    flex:1 1 auto;
    min-width:8px;
    height:1px;
    background:linear-gradient(90deg, rgba(75,85,99,0) 0%, rgba(75,85,99,.45) 50%, rgba(75,85,99,0) 100%);
}
/* dar masaustu: yazi kucultulmez, yalnizca bosluk daraltilir */
@media screen and (max-width:1279px){
    .mpe-wr{ margin-right:16px; }
}

/* --- mobil: logo satirinin altinda tek satir --- */
.mpe-wr-mobil{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:9px;
}
.mpe-wr-mobil .mpe-wr-chip{
    height:23px;
    border-radius:5px;
}
.mpe-wr-mobil .mpe-wr-part{
    padding:0 calc(9px - .05em) 0 9px;
    font-size:11px;
    letter-spacing:.05em;
}
.mpe-wr-mobil .mpe-wr-part--wholesale{ border-radius:5px 0 0 5px; }
.mpe-wr-mobil .mpe-wr-part--retail{ border-radius:0 5px 5px 0; }
.mpe-wr-mobil .mpe-wr-part--retail::before,
.mpe-wr-mobil .mpe-wr-part--retail::after{
    left:-3px;
    width:6px;
    height:6px;
}
.mpe-wr-mobil .mpe-wr-part--retail::before{ top:-3px; }
.mpe-wr-mobil .mpe-wr-part--retail::after{ bottom:-3px; }
.mpe-wr-mobil-satis{
    font-size:11px;
    font-weight:700;
    line-height:1.3;
    letter-spacing:.18em;
    color:#4B5563;
    white-space:nowrap;
}