: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
       ========================================================================== */
    --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: #f20000;
    --main-background-2: #ff961b;
    --main-color: #f20000;
    --main-color-2: #fc4f00;
    --phone-color: #f20000;

    /* ==========================================================================
       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: #f20000;
    --search-icon-color: #fff;
    --user-text-color: #5c636e;
    --user-background-head: #ffffff;
    --user-border-color-head: #ffffff;
    --user-icon-color-head: #000000;
    --sepet-text-color-head: #fff;
    --sepet-background-head: #f20000;
    --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: #f20000;
    --menu-main-icon-color: #ff9b9b;
    --menu-main-hover-text-color: #f20000;
    --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: #ca0000;
    --menu-brand-item-background: #fff;

    /* ==========================================================================
       COMPONENTS - Sliders, Buttons & Separators
       ========================================================================== */
    --slider-arrow-text-color: #ffffff;
    --slider-arrow-background-color: #00a8ffe6;
    --slider-dot-color: #cccccccc;
    --slider-dot-active-color: #f20000;
    --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: #f20000;
    --dot-color: #cccccccc;
    --dot-active-color: #f20000;
    --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: #f20000;
    --seperator-icon-background: #c90000;
    --seperator-line-color: #bf0000;
    --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: red;
    --urun-piyasa-fiyat-background: #fff;
    --urun-fiyat-color: #000;
    --urun-discount-color: #ffffff;
    --urun-discount-background: #007bff;
    --urun-uk-color: #404040;
    --urun-uk-background: #f1e2cc;
    --urun-yeni-color: #404040;
    --urun-yeni-background: #f1ccf1;
    --urun-sepete-ekle-background: #ff0000;
    --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: #f20000;
    --urun-tab-border-color: #f20000;
    --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: #8e0000;
    --tab-background-color: #f20000;
    --tab-border-color: #f20000;
    --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: #5194fb;
    --breadcrumb-border-color-detay: #92afe357;
    --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: #f20000;

    /* ==========================================================================
       FOOTER
       ========================================================================== */
    --footer-background: #f9f9f9;
    --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: #f20000;
    --footer-news-button-color: #fff;
    --footer-news-button-background: #f20000;

    /* ==========================================================================
       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: #f20000;
    --mob-burger-color: #ffffff;
    --mob-burger-background: #f20000;
    --mobil-menu-background: #f2f2f2;
    --mobil-menu-icons: #232323;
    --mobil-menu-icons-text: #f20000;
    --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: #f20000;
    --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: #fff !important;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;align-items:center;padding:15px 9px;margin-bottom:-13px;flex-wrap:nowrap;justify-content:space-around;}
#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{}
}