/* Story Slider */
    .story-slider {
    width: 100%;
    height: 100%;
    position: relative;
    }
    .story-slider .swiper-slide {
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .story-slider:hover .swiper-button-next{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%) !important;
    }
    .story-slider .swiper-button-next {
    background-image: none;
    }
    .story-slider .swiper-button-next:before{
    font-family: FontAwesome;
    content: "\f101";
    font-size: 30px ;
    position: absolute;
    right: 10px;
top:22%;
    color: #000000;
    }
    .story-slider:hover .swiper-button-next {
    box-sizing:border-box;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    position: absolute;
    width: 125px;
    height: 290px;
    top:0;
    z-index: 9;
    cursor: pointer;
    background-size: 15px 100px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: -10px;
    }
    .story-slider .swiper-button-next {
    margin-right: -40px;
    }


    @media screen and (max-width:768px) and (min-width:0) {
    .story-slider .swiper-button-next {
    opacity: 0;
    visibility: visible;
    width: 145px;
    height: 290px;
    right: 0px;
    }
    .story-slider .swiper-button-next{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%) !important;
    }
    }





    .about-module-main-div-boxed{
    background:#f1f1f1 ;
    border:1px solid #ffffff;
    padding:9px 0;
    margin-top: 11px;
    margin-bottom: 11px;
    }

    .about-module-main-div{
    background:#f1f1f1 ;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:9px 0;
    margin-top: 11px;
    margin-bottom: 11px;
    }
    .about-module-leftside-txt{
    font-family : 'Roboto Condensed',sans-serif ;
    }
    .about-module-rightside-txt{
    font-family : 'Roboto Condensed',sans-serif ;
    }


    .about-module-main-div{
    background:#f1f1f1 ;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:9px 0;
    margin-top: 11px;
    margin-bottom: 11px;
    }
    .about-module-leftside-txt{
    font-family : 'Roboto Condensed',sans-serif ;
    }
    .about-module-center-txt{
    font-family : 'Roboto Condensed',sans-serif ;
    }
    .about-module-rightside-txt{
    font-family : 'Roboto Condensed',sans-serif ;
    }



    .marka-module-main-div{
    background:#fff ;
    padding:20px 0;
    margin: 0px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    }

    .swiper-clients {
    width: 100%;
    height: 100%;
    position: relative;
    }
    .swiper-clients .swiper-slide {
    text-align: center;
    padding: 5px 10px;
    height: 85px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .swiper-clients .swiper-slide img{
    max-height: 90px;
    max-width: 90%;
    }



    /* Üst Slider için devam */
    @media screen and (max-width:374px) and (min-width:0px) {
    .swiper-container {
    flex:1;
    }
    }
    @media screen and (max-width:409px) and (min-width:375px) {
    .swiper-container {
    flex:1;
    }
    }
    @media screen and (max-width:599px) and (min-width:410px) {
    .swiper-container {
    flex:1;
    }
    }
    @media screen and (max-width:767px) and (min-width:600px) {
    .swiper-container {
    flex:1;
    }
    }
    @media screen and (max-width:1023px) and (min-width:768px) {
    .swiper-container {
    flex:1;
    }
    .slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
    }
    }
    @media screen and (max-width:1151px) and (min-width:1024px) {
    .swiper-container {
    flex:1;
    }
    .slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
    }
    }
    @media screen and (max-width:1279px) and (min-width:1152px) {
    .swiper-container {
    flex:1;
    }
    .slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
    }
    }

    @media screen and (max-width:1300px) and (min-width:1280px) {
    .swiper-container {
    flex:1;
    }
    .slider_text_inside_box_h{
    font-size: 42px !important ;
    line-height: 42px !important ;
    }
    }


    .swiper-container {
    flex:1;
    margin: 0 auto;
    }
    .slider-main-div{
    padding: 0px 0
    }


    .swiper-slide {
    width: 100% ;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    }



    /*  <========SON=========>>> Üst Slider için devam SON */









    /* Sayaç */
    .counter-module-main-div{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background:#ffffff ;
    padding:50px 0;
    margin: 0px 0;
    font-family : 'Roboto Condensed',sans-serif ;
    }



    /* Blog */
    .bloglar-module-main-div{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-family : 'Roboto Condensed',sans-serif ;
    background:#fff ;
    padding:15px 0;
    margin: 0px 0;
    }


    /* Comments */
    .yorumlar-module-main-div{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-family : 'Roboto Condensed',sans-serif ;
    background:#ffffff ;
    padding:40px 0;
    margin: 0px 0;
    }
    .swiper-comments .swiper-slide {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    cursor: grab;
    }
    .swiper-comments .swiper-pagination-bullet-active {
    width: 22px!important;
    height: 8px!important;
    border-radius: 100px !important;
    }
    .swiper-comments [class^="swiper-pagination-bullet"]{
    width: 13px;
    height: 8px;
    border-radius: 100px !important;
    transition: all .3s ease;
    opacity:.2;
    }


    /* Hizmetler */
    .hizmetler-module-main-div{
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;

    font-family : 'Open Sans',sans-serif ;
    background:#f8f8f8 ;
    padding:30px 0;
    margin: 0px 0;
    }




    /* Tanıtım Videosu */
    .intro-video-module-main-div{
    background:#eb3e68 ;
    padding:125px 0;
    margin: 0px 0;
    }
    .video-play-button:before {
    background: #ba1f24;
    }
    .video-play-button:after {
    background: #fa183d;
    }
    .video-play-button:hover:after {
    background-color: #da0528;
    }
    .video-play-button span {
    border-left: 32px solid #ffffff;
    }

    /* foto galeri */
    .pgallery-module-main-div{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background:#fff ;
    padding:0px 0;
    margin: 0px 0;
    }

    /* E-bülten */
    .bultenn-module-main-div{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    font-family : 'Roboto Condensed',sans-serif ;
    background:#fff ;
    padding:60px 0;
    margin: 0px 0;
    }




    /* Story İçerikleri */
    .story-main-div{
    width: 100%;
    font-family : 'Inter',Arial ;
    font-size: 13px ;
    background-color: #ffffff;
    margin: 0px 0;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding: 24px 0;
    }

    .story-group-box{
    color:#000000 !important
    }
    .story-group-box:hover{
    color:#000000 !important;
    text-decoration:none;
    }

    .item-link .info strong{
    color:#000000    }
    .stories.snapgram .story > .item-link{
    color:#000000 !important;
    }

    .stories.carousel::-webkit-scrollbar-track {
    background-color: #f8f8f8;
    }
    .stories.carousel::-webkit-scrollbar {
    height: 3px;
    }
    .stories.carousel::-webkit-scrollbar-thumb {
    background-color: #f8f8f8;
    }


    /* Kategorili Ürün Vitrini */
    .cat-detail-products-box-caturunvitrin {
    border: 0 solid #ebebeb;
    background-color: #ffffff;
    border-radius: 8px;
 box-shadow: none !important;
    }
    .group-urun-module-main-div{
    font-family : 'Roboto Condensed',sans-serif ;
    background-color: #ffffff;
    }

    .group-product-main-box:first-child{
    border-top: 0;
    }
    .group-product-main-box-img{
    border-radius: 0;
    }
    .group-product-main-box-img:hover img{
    -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);
    filter: blur(0);
    }


    .swiper-product-list {
    width: 100%;
    height: 100%;
    position: relative;
    }
    @media screen and (max-width:1279px) and (min-width:1152px) {
    .swiper-product-list .swiper-slide{
    margin-left: -.1px !important;
    }
    }



    /* Fırsatlar Vitrini */
    .firsatlar-urun-module-main-div{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background:#fff ;
    padding:35px 0;
    margin: 0px 0;
    font-family : 'Roboto Condensed',sans-serif ;
    }

    .firsat-product-box {
    border: 0 solid #ebebeb;
    background-color: #ffffff;
    border-radius: 8px;
 box-shadow: none !important;
    }
    .swiper-countdown-list {
    width: 100%;
    height: 100%;
    position: relative;
    }
    @media screen and (max-width:1279px) and (min-width:1152px) {
    .swiper-countdown-list .swiper-slide{
    margin-left: -.1px !important;
    }
    }

    /*  <========SON=========>>> Fırsatlar Vitrini SON */


    /* Vitrin 2 */
    .product-categories-main-div-vitrin2{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background:#ffffff ;
    padding:5px 0 5px 0 ;
    margin: 0px 0;
    font-family : 'Roboto Condensed',sans-serif ;
    }



    /* Vitrin 1 */

    .product-categories-main-div{
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background:#fff ;
    padding:20px 0;
    margin: 0px 0;
    font-family : 'Roboto Condensed',sans-serif ;
    }
    .product-categories-box{
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    }
    .product-categories-box:hover .product-categories-box-img{
    }
    .product-categories-box-img-line-line{
    justify-content: center;
    }
    .product-categories-box{
    width: 18.6%;
    }
    .product-categories-box-img{
    height: 145px;
    }
    .product-categories-box-img-dis{
    height: 145px;
    }
    @media screen and (max-width:1151px) and (min-width:1024px) {
    .product-categories-box{
    width: 18.6% !important;
    }
    .product-categories-box-img{
    height: 105px !important;
    }
    .product-categories-box-img-dis{
    height: 105px !important;
    }
    }


    /* seçenekli ürün vitrini */
    .urunler-module-main-div{
    background:#fff ;
    padding:25px 0 -5px 0;
    margin: 20px 0;
    font-family : 'Roboto Condensed',sans-serif ;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    }

    .home-product-tablinks.active {
    background-color: #ffffff;
    border-bottom: 2px solid #c91e1e;
    }
    .home-product-tablinks.active::after{
    border-color: #c91e1e transparent transparent transparent;
    }
    .home-product-tablinks {
    background-color: #ffffff;
    border-radius: 0px;
    border-bottom: 2px solid #ffffff;
    margin: 10px;
    }
    .home-product-tablinks p{
    font-size: 16px ;
    font-weight: 400;
    text-align:center;

    }
    .home-product-tablinks.active p,
    .home-product-tablinks.active:hover p {
    color: #c91e1e;
    }
    .home-product-tablinks p{
    color: #999999;
    }



    /* Ürün Kutuları */
    .urun-box-special-area-caturunvitrin{
    border: 1px dashed #ffffff;
    background-color: #333333;
    color: #ffffff;
    }
    .urun-box-special-area{
    border: 1px dashed #ffffff;
    background-color: #333333;
    color: #ffffff;
    }
    .cat-detail-products-box {
    border: 0 solid #ebebeb;
    background-color: #ffffff;
    border-radius: 8px;
 box-shadow: none !important;
    }


    .cat-detail-products-box-stars .aktif-span {
    color: #ffb400;
    }

    .cat-detail-products-box-stars .pasif-span {
    color: #cccccc;
    }

    .cat-detail-products-box-kargo {
    background-color: #ffffff;
    color: #000000;
    }
    .cat-detail-products-box{
    width: 18.5%;
    }
/* ============================================================================
   KAMPANYAMAMA REDESIGN OVERRIDE LAYER
   Inserted at end of modules_style.css (home-modules-stil.php)
   Soft pastel handcraft aesthetic — does not modify any PHP markup.
   ============================================================================ */

:root{
    --km-cream:#FFF7EE;
    --km-cream-2:#FBEFE0;
    --km-peach:#FDE2CF;
    --km-pink-soft:#F8D7D2;
    --km-pink:#F2B5AE;
    --km-yellow:#F5C97A;
    --km-yellow-soft:#FCE5B0;
    --km-mint:#D9EAD7;
    --km-brown:#5A3E2B;
    --km-brown-soft:#8A6A4E;
    --km-text:#3A2A1E;
    --km-muted:#8a7864;
    --km-white:#FFFFFF;
    --km-line:#F0E3D2;
    --km-shadow:0 6px 24px -10px rgba(124, 84, 49, .18);
    --km-shadow-hover:0 14px 34px -12px rgba(124, 84, 49, .28);
    --km-radius-lg:24px;
    --km-radius-md:18px;
    --km-radius-sm:12px;
    --km-radius-pill:999px;
    --km-font:'Quicksand','Nunito','Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    --km-font-heading:'Quicksand','Nunito',serif;
    --km-transition:all .25s cubic-bezier(.4,0,.2,1);
}

/* Webfont (loaded async-friendly via @import — fine for last CSS in head) */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap');

/* ----- BASE ---------------------------------------------------------------- */
html{scroll-behavior:smooth}
body,
.main-body,
.header-main-div,
.footer-module-main-div{
    font-family:var(--km-font) !important;
    color:var(--km-text);
    background:var(--km-cream) !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.main-body{background:var(--km-cream) !important}
a,a:hover{transition:var(--km-transition)}
img{max-width:100%;height:auto}

::selection{background:var(--km-yellow);color:var(--km-brown)}

/* ----- TOP HTML BAR (kampanya barı) --------------------------------------- */
.topheader-html-main{
    background:linear-gradient(90deg,var(--km-pink-soft) 0%,var(--km-peach) 50%,var(--km-yellow-soft) 100%) !important;
    color:var(--km-brown) !important;
    border:none !important;
    font-weight:600;
    letter-spacing:.2px;
    padding:8px 0;
}
.topheader-html-main p,
.topheader-html-main a{color:var(--km-brown) !important}
.topheader-html-close{color:var(--km-brown) !important;opacity:.6}
.topheader-html-close:hover{opacity:1}

/* ----- TOP HEADER STRIP --------------------------------------------------- */
.topheader-desktop-main-div{
    background:var(--km-cream-2) !important;
    border:none !important;
    border-bottom:1px solid var(--km-line) !important;
    font-size:12.5px;
    padding:6px 0;
}
.topheader-desktop-main-div-in{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.topheader-desktop-main-left,
.topheader-desktop-main-right{display:flex;align-items:center;gap:18px}
.topheader-desktop-main-left a,
.topheader-desktop-main-right a{
    color:var(--km-brown-soft) !important;
    text-decoration:none;
    display:inline-flex;align-items:center;gap:6px;
    font-weight:500;
}
.topheader-desktop-main-left a:hover,
.topheader-desktop-main-right a:hover{color:var(--km-pink) !important}
.topheader-desktop-main-left i,
.topheader-desktop-main-right i{font-size:14px}
.topheader-lang-currency-box{border:none !important;padding:0 6px}
.topheader-lang-currency-box>a{color:var(--km-brown-soft) !important;font-weight:600}

/* ----- MAIN HEADER -------------------------------------------------------- */
.header-main-div{
    background:var(--km-white) !important;
    border-bottom:1px solid var(--km-line);
    position:sticky;top:0;z-index:999;
    box-shadow:0 2px 14px -8px rgba(124,84,49,.12);
}
.header-main-div .desktop-header-area{background:transparent !important}
.header-desktop-main-div{
    background:var(--km-white) !important;
    border:none !important;
    padding:10px 0 !important;
}
.header-desktop-main-div-in{
    max-width:1280px;margin:0 auto;padding:0 24px;
    display:flex;align-items:center;gap:32px;
}
.header-desktop-logo-div img{max-height:54px;width:auto}

/* Navigation links */
.top-level-menu-main-div,
.top-level-menu-main-div-in{background:transparent !important;border:none !important}
.top-level-menu{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;flex:1}
.top-level-menu>li>a,
.top-level-menu a.top-level-menu-link{
    color:var(--km-text) !important;
    font-weight:600 !important;
    font-size:14.5px !important;
    padding:10px 14px !important;
    border-radius:var(--km-radius-pill);
    transition:var(--km-transition);
    position:relative;
}
.top-level-menu>li>a:hover{
    color:var(--km-pink) !important;
    background:var(--km-cream) !important;
}
.top-level-menu>li.active>a,
.top-level-menu>li>a.active{
    color:var(--km-pink) !important;
}
.top-level-menu>li.active>a::after,
.top-level-menu>li>a.active::after{
    content:"";position:absolute;left:30%;right:30%;bottom:2px;height:2px;
    background:var(--km-yellow);border-radius:2px;
}

/* Right side icons */
.header-desktop-right-area{display:flex;align-items:center;gap:6px;margin-left:auto}
.header-desktop-navbutton-box{
    background:transparent !important;
    border:none !important;
    color:var(--km-text) !important;
    width:42px;height:42px;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:var(--km-radius-pill);
    transition:var(--km-transition);
    position:relative;
    cursor:pointer;
    padding:0 !important;
}
.header-desktop-navbutton-box:hover{background:var(--km-cream) !important;color:var(--km-pink) !important}
.header-desktop-navbutton-box i{font-size:20px}
.header-desktop-navbutton-box-t{display:none}
.header-desktop-navbutton-box-count-cart{
    position:absolute;top:-2px;right:-2px;
    background:var(--km-yellow) !important;
    color:var(--km-brown) !important;
    min-width:20px;height:20px;line-height:20px;
    border-radius:var(--km-radius-pill);
    font-size:11px;font-weight:700;
    padding:0 6px;
    border:2px solid var(--km-white);
}

/* Search box inline */
.header-desktop-search1{
    background:var(--km-cream) !important;
    border:1px solid var(--km-line) !important;
    border-radius:var(--km-radius-pill) !important;
    padding:4px 14px !important;
    box-shadow:none !important;
}
.header-desktop-search1 input{
    background:transparent !important;border:none !important;
    color:var(--km-text);font-family:var(--km-font);
}
.header-desktop-search1 button,
.header-desktop-search1 .btn{
    background:transparent !important;color:var(--km-brown-soft) !important;border:none !important;
}

/* ----- MEGA MENU ---------------------------------------------------------- */
.sablon2-level-menu,
.sablon2-level-menu-2023-in,
.dropdown-menu{
    background:var(--km-white) !important;
    border:1px solid var(--km-line) !important;
    border-radius:var(--km-radius-md) !important;
    box-shadow:var(--km-shadow) !important;
    padding:18px !important;
}
.sablon2-level-menu-left-item-h{
    color:var(--km-brown) !important;
    font-weight:700 !important;
    font-family:var(--km-font-heading);
}
.sablon2-level-menu a{color:var(--km-text) !important}
.sablon2-level-menu a:hover{color:var(--km-pink) !important}

/* User & bell dropdowns */
.dropdown-user-area,
.dropdown-bell-area{
    background:var(--km-white) !important;
    border:1px solid var(--km-line) !important;
    border-radius:var(--km-radius-md) !important;
    box-shadow:var(--km-shadow) !important;
}
.dropdown-user-area-header,
.dropdown-bell-header{
    background:var(--km-cream) !important;color:var(--km-brown) !important;
    border-radius:var(--km-radius-md) var(--km-radius-md) 0 0 !important;
    border:none !important;
}

/* ----- SLIDER / HERO ------------------------------------------------------ */
.slider-section,
.slider-main-div,
.slider-main-div-in,
.ustsliders{
    background:linear-gradient(135deg,var(--km-cream) 0%,var(--km-peach) 100%) !important;
    border-radius:var(--km-radius-lg);
    margin:18px 24px !important;
    overflow:hidden;
}
.slider_text_inside_main_2,
.slider_text_inside_box{
    padding:40px !important;
}
.slider_text_inside_box_h{
    font-family:var(--km-font-heading) !important;
    color:var(--km-brown) !important;
    font-weight:700 !important;
    letter-spacing:-.5px;
    line-height:1.1;
}
.slider_text_inside_box_s{
    color:var(--km-brown-soft) !important;
    font-size:16px;
    line-height:1.6;
}
.slider_text_inside_box_button .button-orange,
.slider_text_inside_box_button .button-red,
.slider_text_inside_box_button .button-black,
.slider_text_inside_box_button a{
    background:var(--km-yellow) !important;
    color:var(--km-brown) !important;
    border:none !important;
    border-radius:var(--km-radius-pill) !important;
    padding:14px 28px !important;
    font-weight:700 !important;
    box-shadow:0 8px 20px -8px rgba(245,201,122,.6);
    transition:var(--km-transition);
}
.slider_text_inside_box_button a:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px -8px rgba(245,201,122,.75);
}

/* ----- MIDDLE SLIDER ------------------------------------------------------ */
.middle-slider-img,
.middle-slider-img-mobile{border-radius:var(--km-radius-lg) !important;overflow:hidden}
.swiper-middle-container .swiper-slide img{border-radius:var(--km-radius-lg)}

/* ----- BUTTONS (global) --------------------------------------------------- */
.button-orange,.button-red,.button-black,.button-blue,
.button-black-out,.button-white-out,.button-black-white,
.btn,.btn-light{
    border-radius:var(--km-radius-pill) !important;
    font-weight:700 !important;
    transition:var(--km-transition);
    letter-spacing:.2px;
}
.button-orange,.button-red,.button-blue{
    background:var(--km-pink) !important;
    color:var(--km-white) !important;
    border:none !important;
}
.button-orange:hover,.button-red:hover,.button-blue:hover{
    background:var(--km-brown) !important;color:var(--km-white) !important;
    transform:translateY(-2px);
}
.button-black,.button-black-white{
    background:var(--km-brown) !important;color:var(--km-white) !important;border:none !important;
}
.button-black-out,.button-white-out{
    background:transparent !important;color:var(--km-brown) !important;
    border:2px solid var(--km-brown) !important;
}

/* ----- MODULE HEADERS (Yeni Ürünler / Çok İncelenenler ...) ------------- */
.modules-head-text-main{
    text-align:center;padding:30px 0 10px;
}
.modules-head-text-h,
.modules-head-forbg-text{
    font-family:var(--km-font-heading) !important;
    color:var(--km-brown) !important;
    font-weight:700 !important;
    font-size:30px !important;
    letter-spacing:-.4px;
}
.modules-head-text-s{
    color:var(--km-muted) !important;
    font-size:14.5px !important;
    margin-top:6px;
}
.modules-head-text-h::after,
.modules-head-forbg-text::after{
    content:"";display:block;width:48px;height:3px;
    background:var(--km-yellow);
    border-radius:3px;
    margin:10px auto 0;
}

/* Tab nav */
.home-product-tabs,.home-product-tablinks{
    background:transparent !important;border:none !important;
    display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;
}
.home-product-tablinks button,
.home-product-tabs a{
    background:var(--km-white) !important;
    color:var(--km-brown-soft) !important;
    border:1px solid var(--km-line) !important;
    border-radius:var(--km-radius-pill) !important;
    padding:8px 18px !important;
    font-weight:600 !important;
    transition:var(--km-transition);
}
.home-product-tablinks button.active,
.home-product-tablinks button:hover,
.home-product-tabs a.active,
.home-product-tabs a:hover{
    background:var(--km-yellow) !important;
    color:var(--km-brown) !important;
    border-color:var(--km-yellow) !important;
}

/* ----- PRODUCT CARDS ------------------------------------------------------ */
.cat-detail-products-box,
.group-product-main-box,
.swiper-product-list .swiper-slide,
.swiper-countdown-list .swiper-slide{
    background:var(--km-white) !important;
    border:1px solid var(--km-line) !important;
    border-radius:var(--km-radius-md) !important;
    overflow:hidden;
    box-shadow:var(--km-shadow);
    transition:var(--km-transition);
    padding:0 !important;
}
.cat-detail-products-box:hover,
.group-product-main-box:hover{
    transform:translateY(-4px);
    box-shadow:var(--km-shadow-hover);
    border-color:var(--km-peach) !important;
}
.cat-detail-products-box-img,
.cat-detail-products-box-caturunvitrin-img,
.group-product-main-box-img{
    background:var(--km-cream) !important;
    border-radius:var(--km-radius-md) var(--km-radius-md) 0 0 !important;
    overflow:hidden;
    aspect-ratio:1/1;
    display:flex;align-items:center;justify-content:center;
}
.cat-detail-products-box-img img,
.group-product-main-box-img img{
    transition:transform .5s cubic-bezier(.4,0,.2,1);
}
.cat-detail-products-box:hover .cat-detail-products-box-img img,
.group-product-main-box:hover .group-product-main-box-img img{transform:scale(1.06)}

.cat-detail-products-box-info,
.cat-detail-products-box-caturunvitrin-info{padding:14px 16px !important}
.cat-detail-products-box-h,
.cat-detail-products-box-caturunvitrin-h{
    font-family:var(--km-font) !important;
    color:var(--km-text) !important;
    font-weight:600 !important;
    font-size:14px !important;
    line-height:1.4;
    min-height:38px;
}
.cat-detail-products-box-fiyat,
.cat-detail-products-box-caturunvitrin-fiyat{
    display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:8px;
}
.cat-detail-products-box-fiyat-mevcut{
    color:var(--km-brown) !important;font-weight:800 !important;font-size:18px !important;
}
.cat-detail-products-box-fiyat-eski{
    color:var(--km-muted) !important;text-decoration:line-through;font-size:13px !important;
}
.cat-detail-products-box-fiyat-out{color:var(--km-pink) !important}
.cat-detail-products-box-indirim{
    background:var(--km-pink) !important;
    color:var(--km-white) !important;
    border-radius:var(--km-radius-pill) !important;
    padding:4px 10px !important;
    font-size:11px !important;font-weight:700 !important;
    position:absolute;top:10px;left:10px;
    box-shadow:0 4px 12px -4px rgba(242,181,174,.5);
}
.cat-detail-products-box-kargo{
    background:var(--km-mint) !important;
    color:#3f7a3a !important;
    border-radius:var(--km-radius-pill) !important;
    padding:3px 10px !important;
    font-size:11px !important;font-weight:600 !important;
    position:absolute;top:10px;right:10px;
}
.cat-detail-products-box-cart-1{
    background:var(--km-yellow) !important;
    color:var(--km-brown) !important;
    border:none !important;
    border-radius:var(--km-radius-pill) !important;
    width:38px;height:38px;
    display:inline-flex;align-items:center;justify-content:center;
    transition:var(--km-transition);
    box-shadow:0 6px 14px -6px rgba(245,201,122,.55);
}
.cat-detail-products-box-cart-1:hover{
    background:var(--km-brown) !important;color:var(--km-white) !important;
    transform:scale(1.06);
}

/* Quick action icons row */
.product-compare,
.fa-heart-o,.fa-random,.fa-search-plus{
    color:var(--km-brown-soft) !important;
}

/* ----- KAYAN BANNER ------------------------------------------------------- */
.kayan-banner-main,
.kayan-banner-main-inside{
    background:transparent !important;
    padding:30px 24px !important;
}
.kayan-banner-swiper .swiper-slide{
    background:var(--km-white) !important;
    border-radius:var(--km-radius-md);
    box-shadow:var(--km-shadow);
    overflow:hidden;
}

/* ----- BANNER VITRIN (resimli_vitrin) ------------------------------------ */
.product-categories-main-div-vitrin2,
.vitrin2-box{
    background:transparent !important;
    border-radius:var(--km-radius-lg) !important;
    overflow:hidden;
}
.product-categories-inside-vitrin2,
.product-categories-inside-vitrin2-boxarea{
    background:transparent !important;
    border-radius:var(--km-radius-lg) !important;
    padding:0 !important;
    gap:20px;
}
.vitrin2-box,
.vitrin2-box-img{
    border-radius:var(--km-radius-lg) !important;
    overflow:hidden;
    box-shadow:var(--km-shadow);
    transition:var(--km-transition);
}
.vitrin2-box:hover{transform:translateY(-4px);box-shadow:var(--km-shadow-hover)}

/* ----- GROUP / RESIMLI URUN VITRIN --------------------------------------- */
.group-urun-module-main-div,
.group-urun-module-inside-area{
    background:transparent !important;padding:30px 0 !important;
}
.group-product-main-box-container,
.group-product-main-box-container-boxex{
    background:var(--km-white) !important;
    border-radius:var(--km-radius-lg) !important;
    box-shadow:var(--km-shadow);
    padding:24px !important;
    overflow:hidden;
}

/* ----- TICARET KUTU (mini info kutuları) --------------------------------- */
.ticaret-kutulari-main-div{
    background:var(--km-white) !important;
    border-radius:var(--km-radius-lg) !important;
    box-shadow:var(--km-shadow);
    padding:18px !important;
    margin:24px;
}
.ticaret-kutulari-inside{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-around}
.ticaret-kutu-box{
    background:transparent !important;
    border:none !important;
    flex:1 1 200px;
    min-width:200px;
    padding:12px !important;
    display:flex;align-items:center;gap:14px;
    border-radius:var(--km-radius-md);
    transition:var(--km-transition);
}
.ticaret-kutu-box:hover{background:var(--km-cream) !important}
.ticaret-kutu-box-i{
    background:var(--km-cream) !important;
    width:48px;height:48px;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:var(--km-radius-pill);
    color:var(--km-pink) !important;
    font-size:22px;
    flex-shrink:0;
}
.ticaret-kutu-box-text-h{color:var(--km-brown) !important;font-weight:700 !important;font-size:14px !important}
.ticaret-kutu-box-text-s{color:var(--km-muted) !important;font-size:12.5px !important}

/* ----- COUNTDOWN ---------------------------------------------------------- */
.firsatlar-urun-module-main-div{background:transparent !important;padding:30px 24px !important}
.countdown-container{
    background:var(--km-white) !important;
    border-radius:var(--km-radius-md) !important;
    padding:10px 14px !important;
    box-shadow:var(--km-shadow);
    display:inline-flex;gap:8px;align-items:center;
}
.countdown-value,
.days,.hours,.minutes,.seconds{
    background:var(--km-yellow) !important;
    color:var(--km-brown) !important;
    border-radius:var(--km-radius-sm) !important;
    padding:6px 10px !important;
    font-weight:800 !important;
    min-width:40px;
    text-align:center;
}
.countdown-heading,
.days-bottom,.hours-bottom,.minutes-bottom,.seconds-bottom{
    color:var(--km-muted) !important;font-size:11px !important;letter-spacing:.5px;
}

/* ----- STORY -------------------------------------------------------------- */
.story-main-div,.story-in-div-standart{
    background:transparent !important;padding:18px 24px !important;
}
.story-group-boxx,.story-group-box-imgs{
    border-radius:var(--km-radius-pill) !important;
    border:3px solid var(--km-yellow) !important;
    padding:3px;
    background:var(--km-white) !important;
    transition:var(--km-transition);
}
.story-group-boxx:hover{transform:translateY(-3px);border-color:var(--km-pink) !important}
.story-group-box-imgs img{border-radius:var(--km-radius-pill) !important}

/* ----- PHOTO GALLERY (Instagram tarzı) ----------------------------------- */
.pgallery-module-main-div{background:transparent !important;padding:30px 0 !important}
.pgallery-module-inside-area,
.pgallery-module-inside-box-area,
.newgaleria{
    display:grid !important;
    grid-template-columns:repeat(6,1fr);
    gap:14px !important;
    padding:0 24px !important;
}
.pgallery-module-inside-box-area>a,
.pgallery-module-inside-box-area>div,
.newgaleria>a,
.newgaleria>div{
    aspect-ratio:1/1;
    border-radius:var(--km-radius-md) !important;
    overflow:hidden !important;
    box-shadow:var(--km-shadow);
    transition:var(--km-transition);
    position:relative;
}
.pgallery-module-inside-box-area>a:hover,
.newgaleria>a:hover{transform:scale(1.03);box-shadow:var(--km-shadow-hover)}
.pgallery-module-inside-box-area img,
.newgaleria img{
    width:100% !important;height:100% !important;
    object-fit:cover !important;
    transition:transform .5s ease;
}
.pgallery-module-inside-box-area>a:hover img{transform:scale(1.08)}

/* ----- BLOG --------------------------------------------------------------- */
.bloglar-module-main-div{background:transparent !important;padding:30px 0 !important}
.bloglar-module-inside-area{padding:0 24px}
.bloglar-box-main-div,
.blog-box{
    background:var(--km-white) !important;
    border:1px solid var(--km-line) !important;
    border-radius:var(--km-radius-md) !important;
    overflow:hidden;
    box-shadow:var(--km-shadow);
    transition:var(--km-transition);
}
.blog-box:hover{transform:translateY(-4px);box-shadow:var(--km-shadow-hover)}
.blog-box-img{border-radius:var(--km-radius-md) var(--km-radius-md) 0 0 !important;overflow:hidden}
.blog-box-text-area{padding:18px !important}
.blog-box-h{
    font-family:var(--km-font-heading) !important;
    color:var(--km-brown) !important;font-weight:700 !important;
    font-size:16px !important;line-height:1.4;
}
.blog-box-date{color:var(--km-muted) !important;font-size:12.5px !important}
.blog-box-button{
    background:transparent !important;
    color:var(--km-pink) !important;
    border:none !important;
    font-weight:700 !important;
    padding:0 !important;
}

/* ----- COMMENTS / TESTIMONIALS ------------------------------------------- */
.yorumlar-module-main-div{
    background:var(--km-cream-2) !important;
    border-radius:var(--km-radius-lg);
    margin:30px 24px;padding:40px 0 !important;
}
.yorumlar-content-area{
    background:var(--km-white) !important;
    border-radius:var(--km-radius-md) !important;
    padding:24px !important;
    box-shadow:var(--km-shadow);
    border:none !important;
}
.yorumlar-box-img,.yorumlar-box-img img{
    border-radius:var(--km-radius-pill) !important;
    border:3px solid var(--km-yellow);
}
.yorumlar-text-h{color:var(--km-brown) !important;font-weight:700 !important}
.yorumlar-text-s{color:var(--km-muted) !important;font-size:13px !important}
.yorumlar-text-p{color:var(--km-text) !important;line-height:1.7}
.yorumlar-text-star{color:var(--km-yellow) !important}

/* ----- NEWSLETTER --------------------------------------------------------- */
.bultenn-module-main-div{
    background:linear-gradient(135deg,var(--km-peach) 0%,var(--km-pink-soft) 100%) !important;
    border-radius:var(--km-radius-lg);
    margin:30px 24px;
    padding:40px 24px !important;
}
.ebulten-modulhead,
.bultenn-module-inside-area h2,
.bultenn-module-inside-area h3{
    font-family:var(--km-font-heading) !important;
    color:var(--km-brown) !important;font-weight:700 !important;
}
.bultenn-box-area{
    display:flex;gap:8px;background:var(--km-white) !important;
    border-radius:var(--km-radius-pill) !important;
    padding:6px !important;box-shadow:var(--km-shadow);
    max-width:520px;margin:18px auto 0;
}
.bulten-input{
    background:transparent !important;border:none !important;
    padding:10px 18px !important;flex:1;
    font-family:var(--km-font);color:var(--km-text);
}
.bulten-input:focus{outline:none}
.bulten-submit{
    background:var(--km-yellow) !important;
    color:var(--km-brown) !important;
    border:none !important;
    border-radius:var(--km-radius-pill) !important;
    padding:10px 24px !important;font-weight:800 !important;
    box-shadow:0 8px 18px -8px rgba(245,201,122,.55);
}
.bulten-submit:hover{background:var(--km-brown) !important;color:var(--km-white) !important}

/* ----- BRAND STRIP (markalar) -------------------------------------------- */
.marka-module-main-div{background:transparent !important;padding:18px 0 !important}
.marka-module-inside-area img{filter:grayscale(1);opacity:.55;transition:var(--km-transition)}
.marka-module-inside-area img:hover{filter:none;opacity:1}

/* ----- ABOUT MODULE ------------------------------------------------------- */
.about-module-main-div,
.about-module-main-div-boxed,
.about-module-inside-area-boxed{
    background:transparent !important;
    border:none !important;
}
.about-module-leftside-txt-h,
.about-module-leftside-txt-h2{
    font-family:var(--km-font-heading) !important;
    color:var(--km-brown) !important;
    font-weight:700 !important;
}
.about-module-leftside-txt-s{color:var(--km-muted) !important;line-height:1.7}

/* ----- FOOTER ------------------------------------------------------------- */
.footer-module-main-div{
    background:var(--km-brown) !important;
    color:var(--km-cream) !important;
    margin-top:40px;
    padding:50px 0 0 !important;
    border-radius:var(--km-radius-lg) var(--km-radius-lg) 0 0;
}
.footer-module-inside-area{max-width:1280px;margin:0 auto;padding:0 24px}
.footer-module-box{margin-bottom:30px}
.footer-module-header-text{
    color:var(--km-yellow) !important;
    font-family:var(--km-font-heading) !important;
    font-weight:700 !important;
    font-size:15px !important;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:14px;
}
.footer-module-links-div a{
    color:rgba(255,247,238,.78) !important;
    display:block;padding:5px 0;
    font-size:14px;
    transition:var(--km-transition);
}
.footer-module-links-div a:hover{color:var(--km-yellow) !important;transform:translateX(4px)}
.footer-module-box-logo img{max-height:50px;margin-bottom:14px}
.footer-module-box-telif,
.footer-shop-card-area{
    color:rgba(255,247,238,.55) !important;
    border-top:1px solid rgba(255,255,255,.08);
    padding:18px 24px !important;
    margin-top:30px;
    background:rgba(0,0,0,.12) !important;
    font-size:13px;
}
.footer-1-area,.footer-4-area{background:transparent !important}

/* ----- POPUPS / MODALS ---------------------------------------------------- */
.modal-content{
    border-radius:var(--km-radius-lg) !important;
    border:none !important;
    box-shadow:var(--km-shadow-hover);
    overflow:hidden;
}
.category-cart-add-success-modal-footer{
    background:var(--km-cream) !important;
    border-radius:0 0 var(--km-radius-lg) var(--km-radius-lg) !important;
    border:none !important;
}

/* Cookie consent (zaten DOM'da inline) */
.cc-window{
    border-radius:var(--km-radius-md) !important;
    border:1px solid var(--km-line) !important;
    box-shadow:var(--km-shadow) !important;
    font-family:var(--km-font) !important;
}
.cc-btn{
    background:var(--km-pink) !important;color:var(--km-white) !important;
    border-radius:var(--km-radius-pill) !important;
    border:none !important;padding:8px 18px !important;
}

/* ----- SIDE CART ---------------------------------------------------------- */
.hizliepet_side,.hizlisepet_side,.hizlisepet_inside{
    background:var(--km-cream) !important;
    border-radius:var(--km-radius-lg) 0 0 var(--km-radius-lg) !important;
    border:none !important;
}
.dropdown-cart-noitem-t{color:var(--km-brown) !important;font-weight:700 !important}
.dropdown-cart-noitem-s{color:var(--km-muted) !important}

/* ----- RETURN TO TOP ------------------------------------------------------ */
#return-to-top{
    background:var(--km-yellow) !important;
    color:var(--km-brown) !important;
    border-radius:var(--km-radius-pill) !important;
    box-shadow:0 8px 22px -8px rgba(245,201,122,.6);
    width:44px;height:44px;
    display:flex !important;align-items:center;justify-content:center;
    transition:var(--km-transition);
}
#return-to-top:hover{background:var(--km-brown) !important;color:var(--km-white) !important;transform:translateY(-3px)}

/* ----- SWIPER NAV --------------------------------------------------------- */
.swiper-button-prev,.swiper-button-next{
    background:var(--km-white) !important;
    color:var(--km-brown) !important;
    width:42px !important;height:42px !important;
    border-radius:var(--km-radius-pill) !important;
    box-shadow:var(--km-shadow);
    transition:var(--km-transition);
}
.swiper-button-prev:hover,.swiper-button-next:hover{background:var(--km-yellow) !important}
.swiper-button-prev::after,.swiper-button-next::after{font-size:16px !important;font-weight:700}
.swiper-pagination-bullet{background:var(--km-brown-soft) !important;opacity:.4}
.swiper-pagination-bullet-active{background:var(--km-yellow) !important;opacity:1;width:24px;border-radius:6px}

/* ----- RESPONSIVE --------------------------------------------------------- */
@media (max-width:1024px){
    .top-level-menu{gap:2px}
    .top-level-menu>li>a{font-size:13.5px !important;padding:8px 10px !important}
    .pgallery-module-inside-box-area,.newgaleria{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:768px){
    .topheader-desktop-main-div,.desktop-header-area{display:none !important}
    .ticaret-kutulari-inside{flex-direction:column}
    .ticaret-kutu-box{flex:1 1 100%}
    .slider-section,.slider-main-div,.ustsliders{margin:12px !important;border-radius:var(--km-radius-md)}
    .slider_text_inside_main_2,.slider_text_inside_box{padding:24px !important}
    .modules-head-text-h,.modules-head-forbg-text{font-size:24px !important}
    .pgallery-module-inside-box-area,.newgaleria{grid-template-columns:repeat(3,1fr);gap:8px !important;padding:0 12px !important}
    .yorumlar-module-main-div,.bultenn-module-main-div{margin:18px 12px;padding:24px 16px !important}
    .footer-module-main-div{padding:30px 0 0 !important;border-radius:var(--km-radius-md) var(--km-radius-md) 0 0}
    .cat-detail-products-box{width:48% !important;margin:1% !important}
    .group-product-main-box-container{padding:14px !important}
}
@media (max-width:480px){
    .pgallery-module-inside-box-area,.newgaleria{grid-template-columns:repeat(2,1fr)}
    .modules-head-text-h,.modules-head-forbg-text{font-size:20px !important}
    .cat-detail-products-box-fiyat-mevcut{font-size:16px !important}
}

/* ----- FIX: 404 errordoc was pointing to wrong domain (handled separately) */

/* ----- ANIMATIONS --------------------------------------------------------- */
@keyframes kmFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.urunler-module-main-div .swiper-slide,
.bloglar-module-main-div .blog-box,
.pgallery-module-inside-box-area>a{animation:kmFadeUp .5s ease backwards}

/* ============================================================================
   END REDESIGN OVERRIDE LAYER
   ============================================================================ */

/* ---- HEADER LAYOUT FIX (DOM order: menu, logo, right) ------------------- */
.header-desktop-main-div-in{
    display:flex !important;
    align-items:center !important;
    gap:24px !important;
    justify-content:space-between;
    flex-wrap:nowrap !important;
}
.header-desktop-main-div-in > *{flex-shrink:0}
.header-desktop-main-div-in > div:nth-child(1){order:2;flex:1 1 auto;min-width:0;display:flex;justify-content:center}
.header-desktop-logo-div{order:1;flex:0 0 auto;max-width:200px}
.header-desktop-right-area{order:3;flex:0 0 auto;margin-left:0 !important}

/* Logo image size cap */
.header-desktop-logo-div img{max-height:48px !important;width:auto !important;object-fit:contain}

/* Inner menu UL — center its items, allow wrap if narrow screens */
.header-desktop-main-div-in > div:nth-child(1) ul,
.top-level-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    flex-wrap:wrap !important;
    margin:0;padding:0;list-style:none;
}
.top-level-menu li{list-style:none}

/* Constrain right area width */
.header-desktop-right-area{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
}

/* When sticky on scroll, slightly tighten padding */
.header-main-div{will-change:transform}
.header-main-div .header-desktop-main-div{padding:8px 0 !important}

/* ============================================================================
   FIX PACK v2 — visual bug fixes after first-pass redesign
   - Kargo badge oversized
   - Discount pill full-width
   - Orange "KARGO ÜCRETSİZ" strip border too heavy
   - Slider title pill overlapping title text
   - Header search collision at <1280 viewport
   - Stray empty html_modul leakage
   ============================================================================ */

/* ---------- 1. Kargo Bedava badge — shrink to corner pill ------------------ */
.cat-detail-products-box-kargo,
.product-box-kargo,
[class*="-kargo"]:not([class*="kargo-"]):not(.kargobaslik):not(.kargobaslikbig){
    position:absolute !important;
    top:auto !important; bottom:8px !important; left:8px !important; right:auto !important;
    width:auto !important; height:auto !important;
    padding:4px 10px !important;
    background:#fff !important;
    color:var(--km-brown,#5a3b2e) !important;
    font-size:11px !important; font-weight:600 !important;
    line-height:1 !important;
    border-radius:999px !important;
    box-shadow:0 2px 6px rgba(0,0,0,.08) !important;
    z-index:3 !important;
    display:inline-flex !important; align-items:center !important; gap:5px !important;
    border:1px solid rgba(0,0,0,.04) !important;
}
.cat-detail-products-box-kargo i,
[class*="-kargo"] i{font-size:11px !important;color:var(--km-brown,#5a3b2e) !important;margin:0 !important}

/* ---------- 2. Discount/percent pill — small corner badge ------------------ */
.cat-detail-products-box-discount,
.product-discount,
.discount-area,
.percent-discount,
.product-box-discount,
.urun-iskonto,
[class*="-iskonto"],
[class*="discount-percent"]{
    position:absolute !important;
    top:8px !important; left:8px !important; right:auto !important; bottom:auto !important;
    width:auto !important; min-width:38px !important; height:auto !important;
    padding:4px 9px !important;
    background:var(--km-pink,#f1c5b5) !important;
    color:#fff !important;
    font-size:11px !important; font-weight:700 !important;
    line-height:1 !important;
    border-radius:999px !important;
    text-align:center !important;
    z-index:3 !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    box-shadow:0 2px 5px rgba(241,114,80,.18) !important;
}

/* ---------- 3. KARGO ÜCRETSİZ html_modul banner — remove harsh orange ------ */
.kargo-bedava-banner,
.kargobaslik, .kargobaslikbig,
.kayanyazi-area{
    border:none !important;
    box-shadow:0 2px 10px rgba(90,59,46,.05) !important;
}
/* Any html_modul that has thick orange border — neutralize */
.modul-html *[style*="border"][style*="orange"],
.modul-html *[style*="border"][style*="ff8"],
.modul-html *[style*="border"][style*="f60"],
.modul-html *[style*="border"][style*="orangered"]{
    border-color:rgba(241,114,80,.25) !important;
    border-width:1px !important;
}
/* Treat the kargo banner strip generally — soften any 3-4px solid orange */
.modul-html, .modul-html > div{border-radius:18px;overflow:hidden}

/* ---------- 4. Slider sub-title pill — give breathing room ----------------- */
.slider_text_2, .slider_text_3,
[class^="slider_text_"]{
    line-height:1.45 !important;
    margin-top:8px !important;
    margin-bottom:10px !important;
}
.slider_text_1{
    padding:6px 18px !important;
    line-height:1.35 !important;
}

/* ---------- 5. Header at small viewports (≤1280) --------------------------- */
@media (max-width:1280px){
    .header-desktop-main-div-in{padding:0 16px !important;gap:14px !important}
    .header-desktop-search1{display:none !important}  /* search bar collapses; user can use icon */
    .header-desktop-logo-div{max-width:160px !important}
    .header-desktop-logo-div img{max-height:42px !important}
    .top-level-menu > li > a,
    .head-new-area-left ul > li > a{padding:8px 8px !important;font-size:12px !important}
}
@media (max-width:1100px){
    .header-desktop-right-area{gap:2px !important}
    .header-desktop-navbutton-box{margin:0 !important}
}

/* ---------- 6. Empty html_modul / stray text leakage ----------------------- */
.modul-html:empty,
.modul-html > div:empty,
.modules-area > div:empty{display:none !important;padding:0 !important;margin:0 !important}
.modul-html{min-height:0}

/* ---------- 7. Stop body overflow ------------------------------------------ */
html,body{overflow-x:hidden !important}
.maxim,.maxim-1280,.container,.container-fluid{max-width:100% !important;overflow-x:clip}

/* ---------- 8. Product image area — make sure image is centered/contained -- */
.cat-detail-products-box .cat-detail-products-box-img,
.cat-detail-products-box-img{
    position:relative !important;
    overflow:hidden !important;
    border-radius:14px 14px 0 0 !important;
}
.cat-detail-products-box-img img,
.cat-detail-products-box-img a img{
    width:100% !important; height:100% !important; object-fit:cover !important;
    display:block !important;
}

/* ---------- 9. Section gaps — reduce empty whitespace between modules ------ */
.modules-area > div + div{margin-top:0 !important}
.modules-head-text-1, .modules-head-text-2, .modules-head-text-3,
.modules-head-text-4, .modules-head-text-5{margin-top:32px !important;margin-bottom:18px !important}

/* ---------- 10. Testimonial pagination dots — yellow not red --------------- */
.yorumlar .swiper-pagination-bullet-active,
.testimonials .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active{background:var(--km-yellow,#e8b942) !important}
.swiper-pagination-bullet{background:rgba(90,59,46,.2) !important}

/* ---------- 11. resimli_urun_vitrin side image card — rounded ------------- */
.group-product-main-box-img,
.group-product-main-box img{border-radius:14px !important;overflow:hidden}
.group-product-main-box-img{border:1px solid rgba(0,0,0,.04) !important}

/* END FIX PACK v2 ========================================================== */

/* FIX PACK v2.1 — discount class is .cat-detail-products-box-indirim */
.cat-detail-products-box-indirim,
.cat-detail-products-box-indirim.tooltip-bottom{
    position:absolute !important;
    top:10px !important; left:10px !important; right:auto !important; bottom:auto !important;
    width:auto !important; min-width:38px !important; max-width:60px !important; height:auto !important;
    padding:4px 9px !important;
    background:var(--km-pink,#f1c5b5) !important;
    color:#fff !important;
    font-size:11px !important; font-weight:700 !important;
    line-height:1 !important;
    border-radius:999px !important;
    text-align:center !important;
    z-index:3 !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    box-shadow:0 2px 5px rgba(241,114,80,.18) !important;
    white-space:nowrap;
}
/* ensure product image wrapper is positioning context */
.cat-detail-products-box-img,
.product-img-wrap{position:relative !important}

/* FIX PACK v2.2 — undo body inner-scroll caused by overflow-x:hidden
   (CSS spec: setting overflow-x:hidden forces overflow-y `visible` to compute `auto`,
   which turned body into a scroll container) */
html{overflow-x:clip !important; overflow-y:auto !important}
body{overflow-x:clip !important; overflow-y:visible !important}
/* fallback for browsers without `clip` */
@supports not (overflow-x:clip){
    html,body{overflow-x:hidden !important}
    body{overflow-y:visible !important; height:auto !important}
}

/* ============ FIX PACK v2.3 — pagination dot color override ============ */
/* Beat the inline <style> in testimonial module that sets #ff4d00 !important */
.yorumlar-module-main-div .swiper-pagination-bullet-active,
.yorumlar-module-inside-area .swiper-pagination-bullet-active,
.swiper-comments .swiper-pagination-bullet-active,
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--km-pink, #f3b6c5) !important;
    background: var(--km-pink, #f3b6c5) !important;
}
.swiper-pagination-bullet{
    background-color: #e9d9cf !important;
    opacity: 1 !important;
}

/* ============ FIX PACK v2.4 — higher specificity for pagination bullet ============ */
body .yorumlar-module-main-div .swiper-comments .swiper-pagination-bullet-active,
html body .swiper-comments .swiper-pagination-bullet-active,
body .yorumlar-module-inside-area .swiper-pagination-bullet-active{
    background-color: var(--km-pink, #f3b6c5) !important;
    background: var(--km-pink, #f3b6c5) !important;
    opacity: 1 !important;
}