:root {
    /* ==========================================================================
       TYPOGRAPHY - Font Families
       ========================================================================== */
    --body-font-family: 'isans', sans-serif;
    --family-default: 'isans', sans-serif;
    --family: 'isans', sans-serif;
    --family-2: Arial, 'isans', sans-serif;
    --family-3: Arial, 'isans', sans-serif;
    --urun-font: unset;
    --urun-name-font: Arial, 'isans', sans-serif;

     /* ==========================================================================
       PAGES - Font Families (No matching color values found in electrolit.css)
       ========================================================================== */
    --page-global-button-background: #000;
    --page-global-button-color: #fff;
    --page-empty-font-size: #fff;
    --page-empty-background: #f8f8f8;
    --page-empty-width: 100%;
    --page-contact-font-size: #fff;
    --page-contact-background: #fff;
    --page-contact-width: 100%;
   

    /* ==========================================================================
       TYPOGRAPHY - Font Sizes & Kerning
       ========================================================================== */
    --body-text-size: 0.85rem;
    --font-size-huge: 1.8em;
    --font-size-big: 1.92em;
    --font-size-mid: 1.1em;
    --font-size-normal: 0.85rem;
    --font-size-small: 0.76rem;
    --menu-vertical-font-size: 1rem;
    --seperator-font-size: 1.26rem;
    --text-slide-font-size: 0.85rem;
    --urun-name-size: 12px;
    --urun-piyasa-fiyat-size: 1.42rem;
    --urun-fiyat-size: 1.2rem;
    --urun-fiyatbirim-size: 1.095rem;
    --left-title-size: 13px;
    --left-box-size: 13px;
    --left-bread-size: 12px;
    --mob-icon-size: 24px;
    --kerning-1: 0.0259rem;
    --kerning-2: 0.0125rem;
    --kerning-3: 0.0259rem;
    --kerning-4: 0.0rem;

    /* ==========================================================================
       COLORS - Global Palette
       ========================================================================== */
    --white: #fff;
    --black: #000;
    --dark: #000;
    --dark-1: #474747;
    --dark-2: #686868;
    --dark-3: #757575;
    --grey-1: #f7f7f7;
    --grey-2: #f8fafc;
    --grey-3: #eeeeee;
    --grey-4: #f8fafc;
    --grey-5: #e2e2e2;
    --light-1: #f7f7f7;
    --light-2: #eeeeee;
    --light-3: #dddddd;
    --main-background: #ff7400; /* Updated */
    --main-background-2: #ff961b;
    --main-color: #ff7400; /* Updated */
    --main-color-2: #fc4f00;
    --phone-color: #ff7400; /* Updated */

    /* ==========================================================================
       LAYOUT - Backgrounds & Borders
       ========================================================================== */
    --body-background: #ffffff;
    --header-background: #ffffff;
    --header-top-background: #ffffff;
    --homearea-background: #f7f7f7;
    --body-text-color: #000;
    --border-color: #d5d5d57d;
    --border-color-2: #ddd;

    /* ==========================================================================
       HEADER - Search, User & Cart
       ========================================================================== */
    --search-background: #fff;
    --search-border: #dddddd;
    --search-button-background: #1d1d1d; /* Updated */
    --search-icon-color: #fff;
    --user-text-color: #5c636e;
    --user-background-head: #e9e9e973; /* Updated */
    --user-border-color-head: #ffffff;
    --user-icon-color-head: #ff7400; /* Updated */
    --sepet-text-color-head: #fff;
    --sepet-background-head: #ff7400; /* Updated */
    --sepet-icon-color-head: #fff;
    --sepet-bubble-color-head: #ffffff;
    --sepet-bubble-backgroun-head: #584632;
    --sepet-header-back: #5c636e;
    --sepet-header-icon: #fff;
    --sepet-header-text: #fff;
    --sepet-header-bubble: #000000;

    /* ==========================================================================
       NAVIGATION - Main & Vertical Menus
       ========================================================================== */
    --menu-main-text-color: #fff;
    --menu-main-background-color: #353535; /* Updated */
    --menu-main-icon-color: #ff9700; /* Updated */
    --menu-main-hover-text-color: #ff7400; /* Updated */
    --menu-main-hover-background-color: #fff;
    --menu-main-hover-icon-color: #474747;
    --menu-submain-background-color: #fbfbfb;
    --menu-submain-title-color: #343434;
    --menu-submain-hover-color: #fff;
    --menu-submain-icon-color: #fff;
    --menu-vertical-text-color: #000000;
    --menu-vertical-background-color: #ffffff;
    --menu-vertical-icon-color: #f20000;
    --menu-vertical-hover-text-color: #f20000;
    --menu-vertical-hover-background-color: #fff;
    --menu-vertical-hover-icon-color: #ffffff;
    --menu-vertical-submain-background-color: #f8f9ff;
    --menu-vertical-submain-title-color: #343434;
    --menu-vertical-submain-hover-color: #fff;
    --menu-vertical-submain-icon-color: #232323;
    --menu-brand-background: #4c4c4c; /* Updated */
    --menu-brand-item-background: #fff;

    /* ==========================================================================
       COMPONENTS - Sliders, Buttons & Separators
       ========================================================================== */
    --slider-arrow-text-color: #475569; /* Updated */
    --slider-arrow-background-color: #f8fafc; /* Updated */
    --slider-dot-color: #cccccccc;
    --slider-dot-active-color: #ff7400; /* Updated */
    --slider-buton-width: 30px;
    --slider-buton-height: 30px;
    --img-slider-arrow-text-color: #333;
    --img-arrow-background-color: #ffffffe6;
    --img-dot-color: #cccccccc;
    --img-dot-active-color: #ff7400; /* Updated */
    --dot-color: #cccccccc;
    --dot-active-color: #ff7400; /* Updated */
    --dot-buton-width: 30px;
    --dot-buton-height: 30px;
    --text-slide-background: #ffffff6b;
    --text-slide-font-color: #606d72;
    --text-slide-border: #ddd;
    --seperator-text-color: #fff;
    --seperator-background: #ff7400; /* Updated */
    --seperator-icon-background: #ffa800; /* Updated */
    --seperator-line-color: #ff7400; /* Updated */
    --seperator-icon-color: #fff;
    --seperator-radius: #fff;
    --top-butons-color: #474747;
    --top-butons-background: #fff;
    --top-butons-border: 1px dashed var(--border-color);
    --top-butons-radius: 250px;

    /* ==========================================================================
       PRODUCT - Grid & Item Details
       ========================================================================== */
    --urun-name-color: rgb(0 0 0);
    --urun-background: #ffffff;
    --urun-border: 0px;
    --urun-border-type: solid;
    --urun-border-color: unset;
    --urun-piyasa-fiyat-color: #8d8d8d; /* Updated */
    --urun-piyasa-fiyat-background: #fff;
    --urun-fiyat-color: #000;
    --urun-discount-color: #ffffff;
    --urun-discount-background: #ff7400; /* Updated */
    --urun-uk-color: #ffffff; /* Updated */
    --urun-uk-background: #272727; /* Updated */
    --urun-yeni-color: #ffffff; /* Updated */
    --urun-yeni-background: #54c000; /* Updated */
    --urun-sepete-ekle-background: #ff7400; /* Updated */
    --urun-sepete-ekle-color: #ffffff;
    --urun-sepete-icon-color: #ffffff;
    --urun-havale-background: #bbf1cc61;
    --urun-havale-color: #008f3a;
    --urun-piyasa-background: #ffcaca61;
    --urun-piyasa-color: #008f3a !important;
    --urun-tekcekim-background: #f1debb61;
    --urun-tekcekim-color: #955627;
    --urun-kazanciniz-background: #ff982b;
    --urun-kazanciniz-color: #fff;

    /* ==========================================================================
       PRODUCT - Tabs & Tables
       ========================================================================== */
    --urun-tab-title-color: #ffffff;
    --urun-tab-background-color: #ff7400; /* Updated */
    --urun-tab-border-color: #ff7400; /* Updated */
    --urun-tab-passive-title-color: #4d4d4d;
    --urun-tab-passive-background-color: #f5f5f5;
    --urun-tab-passive-border-color: #dfdfdf;
    --urun-tab-content-color: #ffffff;
    --urun-tab-content-background-color: #ffffff;
    --urun-tab-content-border-color: #ededed;
    --urun-th-color: #000000;
    --urun-th-background-color: #f6f6f6;
    --urun-th-border-color: #e6e6e6;
    --tab-color: #ffffff;
    --tab-icon-color: #ff7400; /* Updated */
    --tab-background-color: #ff7400; /* Updated */
    --tab-border-color: #ff7400; /* Updated */
    --tab-passive-border-color: #ffffff;
    --tab-passive-color: #000000;
    --tab-passive-background-color: #ffffff;

    /* ==========================================================================
       PRODUCT - Single Page Details
       ========================================================================== */
    --urun-detail-border-color: #ededed;
    --urun-detail-background-color: #ffffff;
    --urun-detail-text-color: #000000;
    --urun-detail-shadow: 0 1px 2px rgb(0 0 0 / 4%);
    --urun-detail-radius: 12px;
    --breadcrumb-color-detay: #343434; /* Updated */
    --breadcrumb-border-color-detay: #d2d2d257; /* Updated */
    --breadcrumb-background-detay: #f8fafc;
    --uk-detay-color: #ffffff;
    --uk-detay-background: #1835d3;
    --uk-detay-icon: #00f8ff;
    --kug-detay-color: #ffffff;
    --kug-detay-background: #00a507;
    --kug-detay-icon: #6cff00;
    --kft-detay-color: #ffffff;
    --kft-detay-background: #FF5722;
    --kft-detay-icon: #6cff00;

    /* ==========================================================================
       SIDEBAR & LEFT COLUMN
       ========================================================================== */
    --left-title-background: #ebebeb;
    --left-title-color: #000000;
    --left-box-background: #ffffff;
    --left-box-color: #000;
    --left-bread-contrast: #ff7400; /* Updated */

    /* ==========================================================================
       FOOTER
       ========================================================================== */
    --footer-background: #efefef; /* Updated */
    --footer-border-color: #ededed;
    --footer-color: #000;
    --footer-url-color: #666;
    --footer-title-color: #000;
    --footer-alt-title-color: #000;
    --footer-lines-color: #ededed;
    --footer-badge-background: #f9f9f9;
    --footer-badge-title-color: #4b4b4b;
    --footer-badge-text-color: #666;
    --footer-badge-icon-color: #ff7400; /* Updated */
    --footer-news-button-color: #fff;
    --footer-news-button-background: #ff7400; /* Updated */

    /* ==========================================================================
       MOBILE NAVIGATION
       ========================================================================== */
    --mob-icon-w: 40px;
    --mob-icon-h: 40px;
    --mob-search-color: #5c636e;
    --mob-search-background: #fff;
    --mob-sepet-color: #4d4d4d;
    --mob-sepet-background: #ff7400; /* Updated */
    --mob-burger-color: #ffffff;
    --mob-burger-background: #ff7400; /* Updated */
    --mobil-menu-background: #f2f2f2;
    --mobil-menu-icons: #232323;
    --mobil-menu-icons-text: #ff7400; /* Updated */
    --mobil-menu-border-head: #e0e0e0;
    --mobil-menu-border-items: #e0e0e0;
    --mobil-menu-border-items2: #e0e0e0;
    --mobil-menu-border-items3: #e0e0e0;
    --mobil-menu-child-back: #f9f9f9;
    --mobil-menu-child-back2: #f9f9f9;
    --mobil-menu-arrows: #0073ce;
    --mobil-menu-buttons-back: #ff7400; /* Updated */
    --mobil-menu-buttons-color: #ffffff;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
strong,b{font-weight:bold;}
a{text-decoration:none;}
a:hover{opacity:0.90;transition:ease-in-out all .1s;}
.golge{box-shadow:0 0.125rem 0.175rem #0000000d,0 0.5rem 1rem #0000000f!important;}

/* Box-sizing: border-box - Padding ve border geniÅŸliÄŸe dahil olsun */
*, *::before, *::after {
    box-sizing: border-box;
}

body{background:var(--body-background);margin:0!important;overflow-x:hidden;font-family:var(--body-font-family);width:100%;color:var(--body-text-color);max-width:100%;}
#homearea{background:var(--homearea-background);}


.wrapping{max-width:1200px;}
#static_default .wrapping{background:#fff;padding:15px;margin-bottom:15px;border-radius:15px;border:1px solid #eeeeee87;}
#kategoriProducts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0px;align-items:start;position:relative;}
.overback{backdrop-filter:grayscale(1) blur(5px);}


#headerTop{
    background: var(--header-top-background);
}
#headerTop .grouper{display:flex;justify-content:space-between;align-items:center;padding:15px 9px;margin-bottom:-13px;}
#headerTop .comunebar{display:flex;align-items:center;font-size:var(--font-size-normal);letter-spacing:var(--kerning-1);font-weight:600;gap:10px;color:var(--main-color);}
#headerTop .comunebar p{color:var(--black);}
#headerTop .socialbar{display:flex;max-width:200px;gap:15px;}
#headerTop .socialbar ul{display:flex;gap:20px;}
#headerTop .socialbar ul li{}
#headerTop .socialbar ul li a{color:var(--main-color);}
#headerTop .pagesbar{}
#headerTop .pagesbar{display:flex;}
#headerTop .pagesbar ul{display:flex;display:flex;align-items:center;font-size:var(--font-size-small);letter-spacing:var(--kerning-1);gap:10px;color:var(--main-color);}
#headerTop .pagesbar ul li{}
#headerTop .pagesbar ul li a{color: var(--top-butons-color);background: var(--top-butons-background);padding:4px 16px;border-radius: var(--top-butons-radius);white-space:nowrap;border: var(--top-butons-border);display:flex;gap:6px;font-size: var(--top-butons-size);}
.sepet-text-desktop {
    left: 36px;
    width: 100px;
    min-width: 60px;
    font-size: 13px !important;
    background: transparent !important;
}

#header-main{margin-bottom:-12px;background: var(--header-background);}
#header-main  .grouper{display:flex;justify-content:space-between;align-items:center;}
#header-main  .logo{}
#header-main  .logo img{width:100%;max-width:280px;margin-top:3px;}
#header-main  .ibox-2 .mainlogo{}
#header-main  .ibox-2 img{}
#header-main  .ibox-2 img{}
#header-main  .ibox-2 .w100{}
#header-main  .ibox-3{}
#header-main  .search{}
#header-main  .relative{}
#header-main  .ibox-3 .fa-solid{}
#header-main  .ibox-3 i{}
#header-main  .ibox-3 .fa-magnifying-glass{}
#header-main  .userfuncs{display:flex;align-items:center;gap:5px;justify-content:center;}
#header-main .userfuncs a{padding:0px 4px;width:50%;background:var(--user-background-head);margin-left:6px;text-align:right;font-size:var(--font-size-small);color:var(--user-text-color);justify-content:space-evenly;border-radius:75px;height:50px;align-items:center;display:flex;letter-spacing:var(--kerning-2);font-weight:600;min-width:131px;}
#header-main .sepetops{display:flex;justify-content:flex-end;max-width:150px;}
#header-main .sepetops a{background:var(--sepet-background-head);display:flex;width:94%;border-radius:45px;padding:2px;align-items:center;justify-content:flex-start;color:var(--sepet-header-text);padding-left:11px;height:47px;gap:11px;position:relative;font-size:var(--font-size-normal);font-weight:500;max-width:144px;}

/* Mobilde sepet override - ÖNCEKİ KURALLAR */
@media screen and (max-width: 768px) {
    #header-main .sepetops,
    #header-main .ibox-20.sepetops {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: none !important;
    }
    
    #header-main .sepetops a,
    #header-main .sepetops .sepet {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}
#header-main .sepetops a i{font-size:17px;color: var(--seperator-icon-color);}
#header-main .sepetops a span{color:var(--sepet-header-text);background:var(--sepet-header-bubble);padding:5px;border-radius:50px;font-size:0.6em;display:flex;height:24px;align-items:center;width:24px;justify-content:center;margin-right:2px;margin-left:4px;position:absolute;right:10px;}
#header-main .userfuncs a:hover{background:var(--menu-main-hover-background-color);color:var(--main-color);}
#header-main  .userfuncs a i{font-size:17px;color:var(--user-icon-color-head);}
#header-main  .ibox-3 a{}
#header-main  .ibox-3 .giris{}
#header-main  .ibox-3 .ufuncs .fa-duotone{}
#header-main  .ibox-3 .ufuncs i{}
#header-main  .ibox-3 .ufuncs .fa-solid{}
#header-main  .ibox-3 .ufuncs .fa-unlock-keyhole{}
#header-main  .ibox-3 .kayit{}
#header-main  .ibox-3 .ufuncs .fa-user-plus{}

.brands-menu-item {}
.brands-menu-item a{
    background: var(--menu-brand-background);
}
.brands-menu-item a i{}
.brand-link {
   
    background: var(--menu-brand-item-background) !important;
   
}

/* Desktop'ta mobil arama simgesini ve mobil menü toggle butonunu gizle */
.mobile-search-icon {
    display: none;
}

.mobile-menu-toggle-header {
    display: none !important;
}
#header-main  .ibox-1{}
#header-main  .ibox-1 .sepet{}
#header-main  .ibox-1 a{}
.urun{float:left;align-content:center;justify-content:center;align-items:center;display:block;padding:15px;background:#fff;margin:5px;width:98%;position:relative;}
.urun:hover{box-shadow:0 0.125rem 0.375rem rgba(0,0,0,0.05),0 0.5rem 1.2rem rgba(0,0,0,0.1)!important;transition:all .2s ease-in-out;position:relative;z-index:9;}
.urun:hover a{color:#df4d19!important;}
.urun.c55{width:calc(20% - 10px);}
.urun.c4{width:calc(20% - 0px);}
.urun .urun_listshow{display:block;float:left;width:100%;height:60px;position:relative;}
.urun .urun_listshow .myfiyat{display:block;float:left;width:100%;height:52px;}
.urun .urun_listshow .myfiyat .satis_fiyati{position:absolute;top:0;font-size:1.2em;font-weight:500;color:#393e46;letter-spacing:-0.024em;font-weight:700;}
.urun .urun_listshow .myfiyat .satis_fiyati .fiyat span.fiyat_deger{padding-right:5px;}
.urun .urun_listshow .myfiyat .piyasa_fiyati{position:absolute;top:24px;font-size:0.80em;text-decoration:line-through;color:#9c9c9c;}
.urun .urun_listshow .myfiyat .piyasa_fiyati .fiyat span.fiyat_deger{padding-right:3px;}
.urun .urun_listshow .myfiyat .indirim{position:absolute;right:2px;background:#83c380;border-radius:6px;bottom:24px;color:#fff;display:flex;flex-wrap:wrap;align-items:center;height:40px;font-size:19px;width:52px;justify-content:center;}
.urun .urun_listshow .myfiyat .indirim .deger{}
.urun .urun_listshow .myfiyat .indirim span.miktar{padding-right:0;}
.urun .urun_listshow .myfiyat .indirim span.label{display:block;font-size:10px;padding-top:0px;margin-top:-9px;}
.urun .name{display:block;height:60px;padding:13px 0px;line-height:18px;font-size:0.90em;float:left;width:100%;margin-top:17px;margin-bottom:0px;}
.urun .name a{height:34px;color:#323232;display:flex;align-items:flex-start;font-size:14px;line-height:18px;justify-content:flex-start;overflow:hidden;font-weight:400;font-weight:400;}
.urun .iconlar{position:absolute;width:100%;top:61%;z-index:1;}
.urun .iconlar .icon{display:block;float:left;padding:10px;margin-right:4px;font-size:0.75em;border-radius:4px;}
.urun .iconbehaviors{position:absolute;display:none;float:left;width:100%;}
.urun .gorsel{display:flex;width:100%;float:left;height:273px;justify-content:center;align-items:center;margin-bottom:15px;background:#fff;}
.urun .gorsel a img{width:100%;}
.urun .stars{position:absolute;left:16px;bottom:26%;width:70px;}
.urun .gorsel .icon_tukendi{position:absolute;background:#e62a76;padding:15px;color:#fff;}
.urun .iconlar .icon{display:block;float:left;padding:3px 6px;margin-right:4px;font-size:0.55em;border-radius:4px;margin-bottom:3px;border:1px solid #ddd;letter-spacing:0.024em;padding-top:4px;}
.urun .iconlar .icon.yni{background:#ffffff;color:#9e9e9e;border:1px solid #cccccc;}
.urun .iconlar .icon.uck{background:#ff6a21;color:#fefefe;border:1px solid #ff6a21;}
.urun .iconlar .icon.ind{background:#fd2e2e;color:#fefefe;border:1px solid #fd2e2e;}
.urun .iconlar .icon.ana{background:#ffffff;color:#66a215;border:1px solid #d8eaa0;}
.urun .iconlar .icon i{font-size:10px;display:none;}
.urun .gorsel .none_stock{position:absolute;background:#ff6a21;padding:5px 15px;top:28px;color:#fff;left:-37px;font-size:0.85em;transform:rotate(314deg);width:160px;text-align:center;z-index:1;}
.urun .quick_basket{position:absolute;left:calc(50% - 60px);background:#67b500;padding:10px;width:110px;bottom:-60px;color:#fff;border-radius:2px;font-size:0.85em;text-align:center;font-weight:500;box-shadow:0 0.125rem 0.375rem rgba(0,0,0,0.05),0 0.5rem 1.2rem rgba(0,0,0,0.1)!important;}
.urun:hover .quick_basket{color:#fff!important;bottom:55%;}
.urun .sorfix{display:flex;position:absolute;bottom:8%;width:100%;text-align:center;justify-content:center;left:0;font-weight:500;font-size:15px;color:#ff5722;}
.sorfixdetay{display:flex;bottom:8%;text-align:center;background:#eee;padding:17px;border-radius:5px;font-weight:500;font-size:15px;color:#000000;width:190px;font-size:19px;align-items:center;justify-content:center;}

.homesquare {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.homesquare .ibox-3 {
    width: 100%;
}
#markapage{background:#eeeeee73;}
#markapage .left{background:#fff;margin-top:13px;}
.markaCats li a::before{display:none!important;}
ul.markaCats a{font-size:1em;}
ul.markaSubCats a{color:#616161!important;}
ul.markaCats .level1{padding-left:0;}
#iform{background:#eeeeee9e;border-radius:3px;}
#bulten{background:#f5f5f5;display:block;float:left;width:100%;padding:19px;}
#bulten .title{display:block;float:left;width:60%;font-size:1.4em;text-transform:uppercase;padding:7px;}
#bulten .bultenform form{display:flex;width:100%;}
#bulten .bultenform{display:flex;float:right;width:39%;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;align-content:center;}
#bulten .bultenform input#newsletter-email{width:68%;background:transparent;border:none;border-bottom:1px solid #000;font-size:1.2em;font-weight:100;padding:6px;margin-right:15px;}
#bulten .bultenform input#newsletter-email::placeholder{color:#181818;font-weight:100;font-size:0.75em;}
#bulten .bultenform button.btn{width:31%;background:#000;border:none;border-radius:3px;color:#fff;}
#footer{background:#ffffff;}
#footer .wrapping{padding-bottom:29px;}
#footer .logo{display:block;float:left;width:200px;padding-top:14px;}
#footer .logo a img.mainlogo{width:100%;image-rendering:-webkit-optimize-contrast;}
#footer .logo ul li{display:block;float:left;width:100%;padding-bottom:14px;}
#footer .logo ul li label{display:block;float:left;width:100%;font-weight:500;padding-bottom:9px;font-size:0.85em;}
#footer .logo ul li p{display:block;float:left;width:100%;font-size:var(--font-size-small);line-height:16px;}
#footer .menuler{display:block;float:left;width:calc(100% - 350px);}
#footer .menuler ul{display:block;float:left;width:33%;padding:35px;}
#footer .menuler ul li{display:block;float:left;width:100%;font-weight:600;padding:1px 0px;font-size:var(--font-size-mid);white-space:nowrap;}
#footer .menuler ul li:first-child{padding-bottom:14px;}
#footer .menuler ul li a{color:#3a4650;font-size:0.83em;padding:6px 0px;display:block;float:left;font-weight:400;}
#footer .social{display:block;float:right;width:150px;}
#footer .social ul li:first-child{padding-top:25px;font-size:var(--font-size-big);padding-bottom:25px;line-height:36px;text-align:right;}
#footer .social ul li{display:block;float:right;}
#footer .social ul li a{font-size:2em;padding:3px;color:#444240;}
#footer .logopay{display:block;float:right;width:79%;padding-top:18px;}
#footer .logopay ul{display:flex;float:left;width:100%;align-items:center;justify-content:flex-end;}
#footer .logopay ul li{display:block;float:right;margin-left:15px;}
#footer .logopay ul li img{display:block;float:left;width:81%;padding:0;border-radius:5px;}
.gptcarousels{}
.gptcarousels .prod{background:#fff;border:none;border-radius:10px;}
.gptcarousels .prod:hover{transform:scale(1);}


.search.relative{display:flex;width:37%;height:48px;}
.search.relative input{display:flex;width:100%;border-radius:10px;border:2px solid var(--search-border);padding:20px;height:46px;}
.search.relative #opensearch{right:0;top:0;width:48px;border:none;background:var(--search-button-background);border-radius:0px 11px 11px 0px;margin-left:-41px;display:flex;align-items:center;color:var(--search-icon-color);justify-content:center;height:46px;}
.search.relative a:hover{}


#kategoriagac{}
#kategoriagac h1{font-weight:500;font-size:var(--font-size-mid);padding-bottom:4px;display:none;}
#kategoriagac .wrapping{padding:14px 0px;}
#kategoriagac .wrapping .fa{font-size:11px;color:#000;}
#kategoriagac .wrapping .bread{padding:10px;color:var(--dark-1);font-weight:400;font-size:var(--left-bread-size);background:transparent;}
#kategoriagac .wrapping .bread:last-child{color:var(--left-bread-contrast);line-height:17px;}
#kategoriagac .far{font-size:var(--left-bread-size);color:var(--left-bread-contrast);}

#emptyarea {
    background: var(--page-empty-background);
}
#emptyarea .grouper{
 
}

#emptyarea .PageBody{
 
background: #fff;
 
padding: 15px;
 
border-radius: 15px;
}
#emptyarea .PageBody p{
    font-family: 'Google Sans', sans-serif;
    font-size: 1.13em;
    font-weight: 400;
    line-height: 23px;
}
/* mhide sınıfı - 768px altında gizle */
@media screen and (max-width: 768px) {
    .mhide {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* Responsive - 768px ve altı */
@media screen and (max-width: 768px) {
    /* Header sticky yap */
    #header-main {
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        background: #fff !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Parent elementlerin overflow deÄŸerlerini kontrol et */
    body {
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .maingroup {
        overflow: visible !important;
    }
    
    /* userfuncs kısmını gizle */
    #header-main .userfuncs {
        display: none !important;
    }
    
    /* Mobil menü toggle butonu header içinde */
    .mobile-menu-toggle-header {
        display: flex !important;
        width: 30px;
        height: 30px;
        padding: 0;
        border: none;
        background: var(--mob-burger-background);
        border-radius: 6px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-right: 15px;
    }
    
    .mobile-menu-toggle-header .mobile-menu-toggle-icon {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 18px;
        height: 14px;
    }
    
    .mobile-menu-toggle-header .mobile-menu-toggle-icon span {
        display: block;
        width: 100%;
        height: 2px;
        background: var(--mob-burger-color);
        border-radius: 2px;
        transition: all 0.3s ease;
    }
    
    /* Logo geniÅŸlik ve hizalama */
    #header-main .logo {
        width: calc(50% - 45px) !important;
        max-width: calc(50% - 45px) !important;
        margin-right: auto;
        margin-left: 0;
        flex-shrink: 0;
    }
    
    #header-main .logo img {
        max-width: 100%;
        height: auto;
    }
    
    /* Arama kısmı mobilde gizle, sadece simge göster */
    #header-main .search.relative {
        display: none !important;
    }
    
    #header-main .search.relative.mobile-search-open {
        display: flex !important;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1005;
        background: #fff;
        padding: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        margin: 0;
        position: absolute !important;
    }
    
    /* Mobil arama simgesi */
    .mobile-search-icon {
        display: flex !important;
        width: var(--mob-icon-w);
        height: var(--mob-icon-h);
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: var(--mob-sepet-color);
        font-size: var(--mob-icon-size);
        flex-shrink: 0;
        text-decoration: none;
        margin-left: 10px;
        z-index: 10;
    }
    
    .mobile-search-icon:hover {
        background: #474747;
    }
    
    /* Sepet mobilde sadece simge - ÇOK GÜÇLÜ KURALLAR */
    #header-main .sepetops,
    #header-main .ibox-20.sepetops,
    #header-main .grouper .sepetops,

    
    #header-main .sepetops .sepet,
    #header-main .sepetops a.sepet,
    #header-main .ibox-20.sepetops .sepet,
    #header-main .ibox-20.sepetops a.sepet,
    #header-main .sepetops a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 0 !important;
        background: var(--sepet-background-head) !important;
        color: var(--sepet-header-text) !important;
        margin: 0 !important;
    }
    
    #header-main .sepetops .sepet .sepet-text-desktop,
    #header-main .sepetops a .sepet-text-desktop,
    #header-main .sepetops a .sepet-text-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    #header-main .sepetops .sepet i,
    #header-main .sepetops a.sepet i,
    #header-main .sepetops .sepet .fa-solid,
    #header-main .sepetops a.sepet .fa-solid,
    #header-main .sepetops a i {
        font-size: 18px !important;
        margin: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: var(--sepet-header-text) !important;
    }
    
    #header-main .sepetops .sepet #toplamUrun,
    #header-main .sepetops a.sepet #toplamUrun,
    #header-main .sepetops .sepet span#toplamUrun,
    #header-main .sepetops a #toplamUrun {
        position: absolute !important;
        top: -5px !important;
        right: -5px !important;
        background: var(--sepet-header-bubble) !important;
        color: var(--sepet-header-text) !important;
        border-radius: 50% !important;
        width: 20px !important;
        height: 20px !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Header grouper düzeni */
    #header-main .grouper {
        position: relative;
        flex-wrap: nowrap;
        gap: 10px;
        align-items: center;
    }
    
    /* category-menu-wrapper'ı gizle */
    .category-menu-wrapper {
        display: none !important;
    }
    
    /* Logo ve arama simgesi arasındaki boşluğu ayarla */
    #header-main .logo {
        margin-right: 10px;
    }
    
    /* Sepet görünürlüğünü kontrol et */
    #header-main .sepetops {
        display: flex !important;
    }

    #headerTop .pagesbar , #headerTop .grouper{display: none;}
}

/* WhatsApp widget'ının scroll-to-top butonunu engellemesini önle - Tüm ekran boyutları */
.whatsapp-widget {
    z-index: 9999 !important; /* Scroll-to-top butonundan düşük */
}

/* Scroll to Top Button - Sadece mobilde görünür */
.scroll-to-top-btn {
    display: none;
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    width: 50px !important;
    height: 50px !important;
    background: #5c636e !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    z-index: 10000 !important; /* En yüksek z-index - WhatsApp widget'ından daha yüksek */
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: auto !important; /* Her zaman tıklanabilir olmalı */
    touch-action: manipulation !important; /* Mobil dokunma için */
    -webkit-tap-highlight-color: transparent !important;
}

.scroll-to-top-btn.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.scroll-to-top-btn:hover {
    background: #474747;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.scroll-to-top-btn i {
    font-size: 20px;
}

@media screen and (max-width: 768px) {
    .scroll-to-top-btn {
        display: flex !important;
    }
    
    /* Mobile menu overlay'in scroll-to-top butonunu engellemesini önle */
    .mobile-menu-overlay {
        z-index: 1002 !important; /* Scroll-to-top butonundan düşük */
    }
    
    .mobile-menu-panel {
        z-index: 1003 !important; /* Scroll-to-top butonundan düşük */
    }
    
    .mobile-menu-toggle-header {
        z-index: 1004 !important; /* Scroll-to-top butonundan düşük */
    }
    
    /* WhatsApp widget'ının scroll-to-top butonunu engellemesini önle */
    .whatsapp-widget {
        z-index: 9999 !important; /* Scroll-to-top butonundan düşük */
    }
    .homesquare {
    grid-template-columns: 50% 50% 1fr;
}
    .homesquare .ibox-3{}
    #coverarea {}
}