:root {
    --color-primary: #f26725;
    --color-primary-dark: #d94d1a;
    --color-dark: #222222;
    --color-darker: #2d2d2d;
    --color-border-light: #e0e0e0;
    --color-text: #333333;
    --color-bg: #ffffff;
    --color-success: #12a712;
    --color-error: #a7123b;
    --color-info: #4285f4;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-border: #dddddd;
    --color-border-medium: #b9b9b9;
    --color-border-input: #c0c0c0;
    --color-bg-section: #f8f8f8;
    --color-danger: #cf4a4a;
    --color-cart-header: #8cb0ff;
    --color-cart-header-dark: #254ea9;
    --color-star: #ffb400;
    --color-star-empty: #cccccc;
    --color-facebook: #1877F2;
    --color-instagram: #E4405F;
    --color-twitter: #1DA1F2;
    --color-youtube: #FF0000;
    --color-whatsapp: #25D366;
    --color-pinterest: #E60023;
    --color-wishlist: #5e8ffc;
    --color-compare: #f08183;
    --color-border-tag: #dbdce0;
    --color-success-icon: #099e18;
}
body{
    font-family: system-ui;
    font-weight: 600;
    line-height: 1.5;
    font-size: 14px;
    color: var(--color-text);
    padding: 0px;
    margin: 0px;
    background: var(--color-bg);
    overflow-x: hidden;
}
a {
    text-decoration: none;
    color: var(--color-black);
}
/* ==================== BASE RESETS ==================== */
*, *::before, *::after {
    box-sizing: border-box;
}
img {
    max-width: 100%;
    height: auto;
}
ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
/* Horizontal list items: only where needed (navbar, footer tags, etc.) */
.menu1 li, .menu2 li, .footer_menu li, .footer_sosyal li,
.etiket_dis ul li, .hesabim_menu li, .sepet_ozet ul li,
.kategori_sol .kategoriler li, .kategori_sol .secimli li,
.urun_detay_tab_1 li, .varyant ul li, .adres_cubugu li,
.rengarenk div { float: left; }
/* Vertical list items: explicitly no float */
.footer_menu li, .hesabim_menu li, .sepet_ozet ul li,
.kategori_sol .kategoriler li, .kategori_sol .secimli li { width: 100%; float: none; }

.mt-5{margin-top: 5px}
.mb-5{margin-bottom: 5px}

.mt-10{margin-top: 10px}
.mb-10{margin-bottom: 10px}

.mt-15{margin-top: 15px}
.mb-15{margin-bottom: 15px}

.mt-20{margin-top: 20px}
.mb-20{margin-bottom: 20px}

.mt-25{margin-top: 25px}
.mb-25{margin-bottom: 25px}

.mt-30{margin-top: 30px}
.mb-30{margin-bottom: 30px}

.pt-5{padding-top: 5px}
.pb-5{padding-bottom: 5px}

.pt-10{padding-top: 10px}
.pb-10{padding-bottom: 10px}

.pt-15{padding-top: 15px}
.pb-15{padding-bottom: 15px}

.pt-20{padding-top: 20px}
.pb-20{padding-bottom: 20px}

.pt-25{padding-top: 25px}
.pb-25{padding-bottom: 25px}

.pt-30{padding-top: 30px}
.pb-30{padding-bottom: 30px}

.p5{padding: 5px}
.p10{padding: 10px}
.p15{padding: 15px}
.p20{padding: 20px}

.border{
    border: .05rem solid var(--color-border-light);
}

.border-b{
    border-bottom: 1px solid var(--color-border-light);
}

.border-t{
    border-top: .05rem solid var(--color-border-light);
}

.border-l{
    border-left: .05rem solid var(--color-border-light);
}

.border-r{
    border-right: .05rem solid var(--color-border-light);
}
.border-n{
    border: none !important;
}

.bg-1{background: var(--color-white)}
.bg-2{background-image: linear-gradient(to left, #ad006b, #1d3d65);}
.bg-3{background: var(--color-bg);}
.bg-4{background: var(--color-white)}
.bg2{
    background-color: var(--color-white);
    box-shadow: 0px 0px 2px 0 #dadee8;
    border-radius: 5px;
}
.bg2 h1{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#222}
.bg2 h2{font-size:1.5rem;font-weight:700;margin:1.5rem 0 .75rem;color:#333;border-bottom:2px solid #f26826;padding-bottom:.4rem}
.bg2 h3{font-size:1.25rem;font-weight:700;margin:1.4rem 0 .6rem;color:#333}
.bg2 h4{font-size:1.1rem;font-weight:600;margin:1.2rem 0 .5rem;color:#444}
.bg2 p{margin-bottom:.8rem;line-height:1.7;color:#555}
.bg2 ul,.bg2 ol{padding-left:1.5rem;margin-bottom:1rem}
.bg2 ul{list-style-type:disc}
.bg2 ol{list-style-type:decimal}
.bg2 li{margin-bottom:.4rem;line-height:1.6;color:#555}
.bg2 a{color:#f26826;text-decoration:underline}
.bg2 a:hover{color:#d45500}

.bg3{
    background-color: var(--color-bg-section);
}

.box-shadow-1{
    box-shadow: 0px 1px 0px 0px #3e3e3e1f;
}

.menu1 + .menu1 {
    margin-right: 10px;
}
.menu1 li a{
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #eaeaea;
}
.menu1 li:last-child a{
    border-right: 0px;
}

/* .menu2 old rules removed — see consolidated header block below */



/* .ara-logo-menu old rules removed — see consolidated header block below */

.destek{
    padding-right: 40px;
    margin-right: 40px;
}
.destek div:first-child{
    float: left;
    margin-right: 5px;
}
.destek div:first-child i{
    font-size: 34px;
}
.destek div:last-child{
    float: left;
    margin-top: 5px;
}
.destek div:last-child span{
    font-size: 11px;
    float: left;
    width: auto;
}
.destek div:last-child a{
    font-size: 15px;
    font-weight: 600;
    float: left;
    width: auto;
    clear: left;
}

.menu3{
    position: relative;
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.menu3 li a{
    width: 100%;
    height: 3.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.menu3 li a span{
    position: relative;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-black);
    height: 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
    line-height: 16px;
    text-transform: uppercase;
}



.menu3 li a span:hover{
  color: var(--color-primary-dark);
  box-shadow: inset 0 -2px 0 0 var(--color-primary-dark);



}





.menu3 li a span:after{
    content: "";
    width: 1px;
    height: 55%;
    background: var(--color-primary);
    position: absolute;
    right: 0;
}

.menu3 li:last-child a span:after{
    background: none;
}

.rengarenk{
    float: left;
    width: 100%;
}
.rengarenk div{
    float: left;
    height: 3px;
}
.rengarenk div:nth-child(1){
    width: 15%;
    background: var(--color-info);
}
.rengarenk div:nth-child(2){
    width: 25%;
    background: var(--color-twitter);
}
.rengarenk div:nth-child(3){
    width: 25%;
    background: var(--color-youtube);
}
.rengarenk div:nth-child(4){
    width: 15%;
    background: var(--color-whatsapp);
}
.rengarenk div:nth-child(5){
    width: 20%;
    background: var(--color-pinterest);
}



#hikaye .item{
    font-size: smaller;
    width: 100%;
}
#hikaye .item img{
    border-radius: 50%;
    border: 2px solid var(--color-border-input);
    padding: 1px;
    background: var(--color-white);
    margin: 0 auto;
    display: block;
}
#hikaye .item span{
    float: left;
    width: 100%;
    padding: 0px 8px;
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
}
#hikaye .owl-prev{
    left: 5px;
}
#hikaye .owl-next{
    right: 5px;
}


.anaslider{
    padding: 10px;
    border-radius: 20px;
}
.anaslider img{
    border-radius: 20px;
}


.urun{
    background: var(--color-white);
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #f1ecec;
    padding: 5px 5px;
    overflow: hidden;
    border-radius: 5px;
}
.urun:hover{
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}
.urun:hover > .kontrol{
    right: 30px;
    transition: 0.3s ease;
}
.urun a{
    float: left;
    width: 100%;
}
.urun a img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
    transition-duration: 0.2s;
    transition-timing-function: linear;
}
.urun a:hover > img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.urun a.link{
    float: left;
    width: 100%;
    margin-top: 10px;
}
.urun .fiyat{
    float: left;
    width: 100%;
}
.urun .fiyat .eski{
    float: left;
    width: 100%;
}
.urun .fiyat .eski span:first-child{
    float: left;
    font-size: 14px;
    text-decoration: line-through;
}
.urun .fiyat .eski span:last-child{
    float: right;
    padding: 0 5px;
    border: 1px solid var(--color-danger);
    border-radius: 4px;
    margin-left: auto;
    font-size: 13px;
    font-weight: 700;
    color: var(--color-danger);
    display: inline-block;
    background-color: var(--color-white);
    cursor: pointer;
    position: relative;
    top: 15px;
    right: 0px;
}
.urun .fiyat .guncel{
    float: left;
    width: 100%;
    color: var(--color-primary);
    font-size: 19px;
    font-weight: bold;
}

.urun .kontrol{
    position: absolute;
    right: -50px;
    z-index: 2;
}
.urun .kontrol span{
    border-radius: 100px;
    background-color: var(--color-white);
    padding: 8px 12px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
    transition-duration: 0.1s;
    transition-timing-function: linear;
    font-size: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    float: left;
    width: auto;
    clear: left;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.urun .kontrol span:nth-child(1){color: var(--color-wishlist);}
.urun .kontrol span:nth-child(1):hover{background-color: var(--color-wishlist);color: var(--color-white);}
.urun .kontrol span:nth-child(2){color: var(--color-compare);}
.urun .kontrol span:nth-child(2):hover{background-color: var(--color-compare);color: var(--color-white);}

.vitrin_baslik{
    position: relative;
    text-align: center;
    font-size: 25px;
    float: left;
    width: 100%;
}
.vitrin_baslik span{padding: 0px 30px;position: relative;z-index: 2;font-family: system-ui;    font-weight: 100;}

.vitrin_baslik:after{
    content: '';
    position: absolute;
    left: 0%;
    top: 20px;
    border-top: 5px solid var(--color-primary);
    width: 100%;
    z-index: 0;
}


.haftanin_urunleri_baslik{
    float: left;
    width: 100%;
    color: var(--color-white);
    font-size: 16px;
    padding: 3px 0px;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    font-family: system-ui;
}
#haftanin_urunleri{
    border-bottom: 7px solid var(--color-primary);
}


.ticaret-kutu-dis{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.ticaret-kutu{
    width: 25%;
    box-sizing: border-box;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--color-border-medium);
    border-top: 1px solid var(--color-border-medium);
    border-bottom: 1px solid var(--color-border-medium);
    background: var(--color-white);
}
.ticaret-kutu div:first-child{
    font-size: 45px;
    margin-right: 22px;
}

.ticaret-kutu div:last-child span{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    margin-bottom: 5px;
}
.ticaret-kutu div:last-child b{
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    float: left;
    width: 100%;
}
.ticaret-kutu:last-child{
    border-right: 1px solid var(--color-border-medium);
}

.kampanyalar a{
    float: left;
    width: 100%;
}
.kampanyalar a img{
    border-radius: 20px;
    transition-duration: 0.1s;
    transition-timing-function: linear;
   
}
.kampanyalar a img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
   
}



.vitrin1 .item, .vitrin2 .item{
    margin: 5px;
}

#haftanin_urunleri .urun{
    border-radius: 0px;
}


.no-border{
    border:none !important;
}

footer{
    float: left;
    width: 100%;
        background: var(--color-dark);
    background-image: url(../../upload/bgf.jpg);
    background-repeat: repeat;

}
footer .etiket_dis ul{
    width: 100%;
}
footer .etiket_dis ul li{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
footer .etiket_dis ul li a{
    color: var(--color-black);
    float: left;
    padding: 3px 7px;
    border: 1px solid var(--color-border-tag);
    background: var(--color-white);
    border-radius: 10px;
    font-size: 12px;
    transition-duration: .4s;
}
footer .etiket_dis ul li a:hover{
    background: var(--color-black);
    color: var(--color-white);
}

footer .destek div:first-child i{font-size: 55px;}
footer .destek div:last-child span {
    font-size: 16px;
}
footer .destek div:last-child a {
    font-size: 16px;
}

.adres-email {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.adres-email div span:first-child {
    font-weight: 700;
    width: 50px;
    float: left;
}


.footer_menu{
   
    color: white;
}
.footer_menu li:first-child {
    font-weight: 700;
    font-size: 17px;
    color: var(--color-white);
}
.footer_menu li {
    width: 100%;
    float: left;
    padding: 5px 0;
    color: white;
}

.footer_sosyal li{
    margin-right: 10px;
    margin-bottom: 10px;

}
.footer_sosyal li a{
    color: var(--color-black);
    float: left;
    padding: 0px 3px;
    border: 1px solid var(--color-border-tag);
    background: var(--color-white);
    border-radius: 100px;
    font-size: 20px;
}
.copyright{
    float: left;
    width: 100%;
    
    background: var(--color-darker);
    color: white;
}
.copyright a{
    color: var(--color-white);
}

.adres_cubugu li a {
    color: var(--color-black);
    float: left;
}
.adres_cubugu li span {
    color: var(--color-primary);
    padding: 1px 13px;
    float: left;
}

.urun_detay{
    float: left;
    width: 100%;
    padding-bottom: 0px;
}
.urun_detay h1{
    padding: 0px;
    margin: 0px;
    font-size: 23px;
    margin-bottom: 10px;
}
.urun_detay .degerlendirme_paylas{
    float: left;
    width: 100%;
}
.urun_detay .degerlendirme_paylas .yildiz{
    width: auto;
}
.urun_detay .degerlendirme_paylas .yildiz small{
    margin-left: 10px;
}

.urun_detay .degerlendirme_paylas .paylas a{
    margin-right: 5px;
    font-size: 17px;
}
.urun_detay .marka{
    float: left;
    width: 100%;
}
.urun_detay .marka a{
    float: left;
    border: 1px solid var(--color-border);
    padding: 5px 10px;
}
.urun_detay .marka a img{
    max-height: 25px;
}


.urun_detay .stok_kod_durum{
    float: left;
    width: 100%;
}
.urun_detay .stok_kod_durum div{
    float: left;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid var(--color-border);
}
.urun_detay .stok_kod_durum div:last-child{
    border-right: 0px;
}

.urun_detay .stok_kod_durum div strong{
    color: var(--color-primary);
}
.urun_detay .stok_kod_durum div strong.durum0{
    color: red;
}


.fiyat{
    float: left;
    width: 100%;
}
.fiyat .eski_fiyat{
    padding: 10px 0px;
}
.fiyat .yeni_fiyat{
    padding: 10px 0px;
}
.fiyat .eski_fiyat .col-md-8:nth-child(2) span{
    text-decoration: line-through;
}
.fiyat .yeni_fiyat .col-md-4:nth-child(1){
    font-size: 20px;
}
.fiyat .yeni_fiyat .col-md-8:nth-child(2) span{
    font-size: 25px;
    float: left;
    color: var(--color-primary);
}


.adet_butonlar{
    float: left;
    width: 100%;
}
.adet_butonlar .adet{
    position: relative;
    overflow: hidden;
}

.adet_butonlar .adet button.eksi{
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    min-width: 44px;
    min-height: 44px;
    position: absolute;
    right: 5px;
    bottom: 1px;
    background: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.adet_butonlar .adet button.arti{
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    min-width: 44px;
    min-height: 44px;
    position: absolute;
    right: 5px;
    top: 1px;
    background: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.adet_butonlar button{
    width: 100%;
}


.varyant{display: grid;}


.varyant ul li{
    border-radius: 3px;
    border: solid 2px #999999;
    font-size: 13px;
    color: var(--color-text);
    padding: 5px 10px 4px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 2.5px;
    margin-top: 2.5px;
}
.varyant ul li:hover{
    border: solid 2px #5cb85c;
}
.varyant ul li.aktif{
    border: solid 2px var(--color-primary-dark);
}  
.kargo_bedava{
    color: var(--color-primary);
}

.urun_detay_tab_1{
    width: 100%;
}
.urun_detay_tab_1 li{
    float: left;
    padding: 10px 20px;
    cursor: pointer;
}
.urun_detay_tab_2{
    float: left;
    padding: 10px;
}
.urun_detay_tab_2 div{
    padding: 0px 10px;
}
.urun_detay_tab_1 li.aktif{
    border-bottom: 2px solid var(--color-primary);
}
.urun_detay_tab_1 li:hover{
    border-bottom: 2px solid orange;
}
.urun_detay_tab_2 div.pasif{
    display: none;
}
.urun_detay_tab_2 div.aktif{
    display: block !important;
}



.kategori_sol h2{
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    padding-left: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}

.kategori_sol .kategoriler{
    padding-left: 15px;
    padding-right: 15px;
}
.kategori_sol .kategoriler li{
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;

}
.kategori_sol .kategoriler li:last-child{
    border-bottom: none;
}
.kategori_sol .kategoriler li i{
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}
.kategori_sol .kategoriler li a{
    float: left;
}
.kategori_sol .kategoriler li a:hover{
    color: var(--color-success);
}

.kategori_sol .kategoriler li span{
    float: right;
}
.kategori_sol .secim_baslik{
    padding-left: 15px;
    font-weight: bold;
}
.kategori_sol .secimli{
    max-height: 200px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.kategori_sol .secimli li{
    width: 100%;
}




.kayit_sol .col-md-4 i{
    font-size: 30px;
    margin-bottom: 1rem;
    text-align: center;
    border-radius: 50%;
    color: var(--color-success-icon);
    border: 1px solid var(--color-success-icon);
    padding: 1rem;
    width: 65px;
    height: 65px;
    line-height: 40px;
}
.kayit_sol .col-md-4 div{
    text-align: center;
    font-size: 17px;
}



.sepet_ust{
    overflow: hidden;
}

.sepet_ust .row:first-child .col-md-5{
    text-align: center;
}
.sepet_ust .la-trash{
    float: right;
    margin-right: 10px;
    background: red;
    color: white;
    padding: 5px 7px;
    border-radius: 5px;
    cursor: pointer;
}


.kupon{
    display: flex;
    gap: 5px;
}
.kupon input{
    flex: 1;
    border-radius: 0px;
    min-height: 44px;
}
.kupon button{
    min-width: 44px;
    min-height: 44px;
    border-radius: 0px;
}



.sepet_ozet ul{
    width: 100%;
}
.sepet_ozet ul li{
    width: 100%;
    border-bottom: .05rem solid var(--color-border-light);
    padding: 10px 0px;
}
.sepet_ozet ul li span:first-child{
    float: left;
}
.sepet_ozet ul li span:last-child{
    float: right;
    font-weight: bold;
}
.sepet_ozet a{
    margin-top: 10px;
    width: 100%;
}


.basari{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: var(--color-success);
    text-align: center;
    color: var(--color-white);
    border-radius: 10px;
    padding: 10px 0px;
    box-shadow: 0px 0px 10px #02ce2c;
}
.hata{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background: var(--color-error);
    text-align: center;
    color: var(--color-white);
    border-radius: 10px;
    padding: 10px 0px;
    box-shadow: 0px 0px 10px #ce0202;
}
.onay_bekliyor{
    background: orange;
    color: var(--color-white);
    padding: 3px 6px;
    float: left;
    border-radius: 10px;
}

#sepete_ekle_durum{
    display: none;
    box-shadow: none;
    padding: 4px 0px;
    border-radius: 0px;
}

.yildiz{
    float: left;
    width: 100%;
}
.yildiz span{
    float: left;
}
.yildiz span.aktif{
    color: var(--color-star);
}
.yildiz span.pasif{
    color: var(--color-star-empty);
}

#sepet{
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    width: min(300px, 85vw);
    height: 100%;
    z-index: 5000;
    background: var(--color-white);
}
#sepet .sepet_baslik{
    color: var(--color-white);
    float: left;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-cart-header);
    font-size: 15px;
    position: relative;
}

#sepet .sepet_baslik i{
    float: right;
    background: var(--color-cart-header-dark);
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#sepet .sepet_urunler{
    width: 100%;
    height: 70%;
    overflow-y: scroll;
}
#sepet .sepet_urunler li{border-bottom: 1px solid var(--color-border);margin-bottom: 10px;padding: 5px 0px;}
#sepet .sepet_urunler li:last-child{border-bottom: 0px solid var(--color-border);}
#sepet .sepet_urunler a{
    float: left;
    width: 100%;
    color: var(--color-cart-header);
}
#sepet .sepet_urunler a img{
    border: 1px solid var(--color-border);
}
#sepet .sepet_urunler .col-md-9 div{
    float: left;
    width: 100%;
}
#sepet .sepet_urunler .col-md-9 div span:first-child{
    font-weight: bold;
}

#sepet .sepet_urunler .col-md-9 [data-sepet-sil]{
    cursor: pointer;
    position: absolute;
    right: 0px;
    width: 20px;
    top: 0px;
    color: #b73f3f;
}
#sepet .sepet_alt{
    float: left;
    width: 100%;
}
#sepet .sepet_alt .toplam_tutar{
    color: var(--color-white);
    float: left;
    width: 100%;
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-cart-header);
    font-size: 15px;
    position: relative;
}


#sepet .sepet_alt a{float: left;width: 100%}


#sepet_durum.hata{
    width: 100%;
    display: inline-block;
    background-color: #e85353;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    padding: 10px 15px;
    margin-bottom: 13px;
    color: var(--color-white);
    font-weight: bold;
    text-align: center;
}
#sepet_durum.basari{
    width: 100%;
    display: inline-block;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    padding: 10px 15px;
    margin-bottom: 13px;
    color: #005f2e;
    font-weight: bold;
    text-align: center;
}
.sepet_bos{
    text-align: center;
    width: 100%;
    margin-top: 30px;
}

#saydam_bg{
    background: var(--color-black);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0.3;
    cursor: pointer;
    display: none;
}

.hesabim_menu li{
    color: var(--color-black);
    float: left;
    width: 100%;
}
.hesabim_menu li a{
    float: left;
    width: 100%;
    padding: 10px 10px;
    font-size: 15px;
}
.hesabim_menu li a.aktif, .hesabim_menu li a:hover{
    background-color: var(--color-bg-section);
}

.menu3 li:hover > .acilirdis{
    display: block;
}
.menu3 li .acilirdis{
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    background: var(--color-white);
    left: 0px;
    top: 35px;
    border: 1px solid var(--color-border);

}
.menu3 li .acilirdis .col-md-3{
    border-right: 0px solid var(--color-border);
}
.menu3 li .acilirdis .col-md-3:last-child{
    border-right: none;
}
.menu3 li .acilirdis h3 {
    margin: 0px;
    padding: 0px;
    float: left;
    color: var(--color-primary);
    width: 100%;
}
.menu3 li .acilirdis h3 a{
     float: left;
    width: 100%;
    color: black;
    font-size: 12px;
    font-weight: 700;
}

.menu3 li .acilirdis ul{
    float: left;
    width: 100%;
    padding-right: 5px;
    margin-right: 5px;
}
.menu3 li .acilirdis ul li{
    width: 100%;
    float: left;
}
.menu3 li .acilirdis ul li a{
    height: auto;
    padding-bottom: 10px;
}


.aktif{
    display: block;
}
.pasif{
    display: none;
}


body.theme-default .hc-offcanvas-nav li{
    width: 100%;
}

#sync2 .item{margin:10px;}
#sync2 .item{
    padding: 10px;
    border:2px solid gray;
}
.synced .item{
    border: 2px solid green  !important;
}

@media only screen and (max-width:600px){
    .urun_detay_tab_2 div, .urun_detay_tab_2 table{
        width: 100%  !important;
    }
    .urun_detay_tab_2 {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .whatsappdis{padding-left: 15px !important}
    .adet,[data-sepete-ekle]{margin-bottom: 10px;}
    .kategori_sol{margin-bottom: 20px}
    .adres_cubugu{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:5px}
    .copyright{text-align: center}
    .ticaret-kutu{width: 50%;min-height: 115px}
    #sync1{margin-bottom: 10px}
    .owl-theme .owl-nav{display: none !important}
    .toggle{
        display: block !important;
        font-size: 25px;
        color: var(--color-black);
        text-align: center;
    }
/* old .ara-logo-menu mobile rules removed */
.destek{
    margin-right: 10px;
    padding-right: 10px;
}
/* old .hizli-menu mobile rule removed */
}

/* Tablet (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .vitrin1 .item, .vitrin2 .item { margin: 3px; }
    .menu3 li a span { padding: 0 0.8rem; font-size: 11px; }
    .urun .kontrol span { width: 45%; }
    .ticaret-kutu { width: 50%; }
    #sync1 { margin-bottom: 8px; }
}

/* Large Desktop (1200px+) */
@media only screen and (min-width: 1200px) {
    .container { max-width: 1200px; }
}

/* Small Phone (max 480px) */
@media only screen and (max-width: 480px) {
    .ticaret-kutu { width: 100%; }
    .logo img { max-width: 150px; }
}

/* Small Desktop (1024px - 1200px) */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .menu3 li a span { padding: 0 1rem; }
}

/* Top bar link styles */
.header-top-row li a, .lang-flag, .theme-toggle-btn {
    color: #999;
    font-size: 11px;
    line-height: 15px;
}
.theme-toggle-btn {
    font-size: 14px;
    padding-left: 10px;
}

/* Search field */
.search-field {
    border-radius: 5px;
    background-color: #f3f3f3;
    font-size: 12px;
}
.search-btn-icon {
    color: #f27a1a;
}
.ara {
    display: flex;
    justify-content: flex-end;
}

/* Menu2 icon/text */
/* old .menu2 i/b rules removed */

/* ====================== RESPONSIVE FIXES ====================== */

/* Touch devices: show product controls always */
@media (hover: none) and (pointer: coarse) {
    .urun .kontrol {
        right: 5px !important;
        opacity: 0.8;
    }
}

/* Product tabs: horizontal scroll on mobile */
@media only screen and (max-width: 600px) {
    .urun_detay_tab_1 {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
    .urun_detay_tab_1 li {
        flex-shrink: 0;
        padding: 8px 12px;
        font-size: 13px;
    }
}

/* Social icons: minimum touch target 44px */
.footer_sosyal li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    font-size: 20px;
}

/* Category sidebar: collapse on tablet */
@media only screen and (max-width: 991px) {
    .kategori_sol {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* Mobile toggle */
.toggle {
    display: none;
    background-color: var(--color-primary);
    color: var(--color-white);
    font-weight: 100;
}

/* Footer white text */
.footer_menu a { color: var(--color-white); }
.destek i, .destek span, .destek a, .adres-email div {
    color: var(--color-white);
}
.copyright-light { font-weight: 300; }

/* Focus styles for accessibility */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}
a:focus:not(:focus-visible), button:focus:not(:focus-visible) {
    outline: none;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Active language flag */
.lang-active {
    color: var(--color-primary) !important;
    font-weight: bold;
}

/* Skip to content link */
.skip-link {
    position: absolute;
    top: -100%;
    left: 0;
    background: var(--color-primary);
    color: var(--color-white);
    padding: 8px 16px;
    z-index: 10000;
    font-size: 14px;
    transition: top 0.2s;
}
.skip-link:focus {
    top: 0;
}
.skip-link:focus-visible {
    top: 0;
    outline: 2px solid var(--color-white);
    outline-offset: 2px;
}

/* Cookie consent */
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #333;
    color: #fff;
    padding: 15px;
    text-align: center;
    z-index: 9999;
    font-size: 14px;
}
.cookie-consent-text {
    margin: 0;
    display: inline-block;
    margin-right: 15px;
}
.cookie-consent-link {
    color: var(--color-primary);
    margin-left: 8px;
    text-decoration: underline;
}
.cookie-consent-btn {
    background: var(--color-primary);
    color: #fff;
    border: none;
    padding: 8px 25px;
    cursor: pointer;
    border-radius: 3px;
    font-weight: bold;
}
.cookie-consent-btn:hover {
    filter: brightness(1.1);
}

/* Banner image full width */
.banner-img {
    width: 100%;
}

/* Badge count */
.menu2 .badge-count {
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    color: var(--color-white);
    background-color: var(--color-facebook);
}

/* Full dark mode styles */
[data-theme="dark"] {
    --color-primary: #f26725;
    --color-primary-dark: #d55a1e;
    --color-dark: #1a1a2e;
    --color-darker: #16213e;
    --color-border-light: #333;
    --color-text: #e0e0e0;
    --color-bg: #0f0f1a;
    --color-border: #333;
    --color-border-medium: #444;
    --color-border-tag: #444;
    --color-bg-section: #16213e;
    --color-white: #e0e0e0;
    --color-cart-header: #1a1a2e;
    --color-cart-header-dark: #0f0f1a;
}
[data-theme="dark"] body {
    background: #0f0f1a;
    color: #e0e0e0;
}
[data-theme="dark"] .bg-1,
[data-theme="dark"] .container-fluid.bg-1 {
    background: #1a1a2e;
}
[data-theme="dark"] .container-fluid.box-shadow-1 {
    background: #16213e;
}
[data-theme="dark"] footer,
[data-theme="dark"] .copyright {
    background: #0a0a15;
}
[data-theme="dark"] .urun,
[data-theme="dark"] .card,
[data-theme="dark"] .border {
    background: #1a1a2e;
    border-color: #333;
}
[data-theme="dark"] .form-control {
    background: #16213e;
    color: #e0e0e0;
    border-color: #333;
}
[data-theme="dark"] a { color: #e0e0e0; }
[data-theme="dark"] .menu3 > li > a { color: #e0e0e0; }
[data-theme="dark"] .acilirdis {
    background: #1a1a2e;
    border-color: #333;
}
[data-theme="dark"] #sepet,
[data-theme="dark"] #sepet .sepet_baslik,
[data-theme="dark"] #sepet .sepet_urunler,
[data-theme="dark"] #sepet .sepet_alt,
[data-theme="dark"] #sepet .sepet_alt .toplam_tutar {
    background: #1a1a2e;
    color: #e0e0e0;
    border-color: #333;
}
[data-theme="dark"] #sepet .sepet_urunler li {
    border-color: #333;
}
[data-theme="dark"] .modal-content {
    background: #1a1a2e;
    color: #e0e0e0;
}
[data-theme="dark"] .bg-2,
[data-theme="dark"] .bg2,
[data-theme="dark"] .bg3,
[data-theme="dark"] .bg4 {
    background: #16213e;
    color: #e0e0e0;
}
[data-theme="dark"] .ticaret-kutu {
    background: #1a1a2e;
    border-color: #333;
}
[data-theme="dark"] .hesabim_menu,
[data-theme="dark"] .hesabim_menu a {
    background: #1a1a2e;
    color: #e0e0e0;
}
[data-theme="dark"] .yorum-kutu {
    background: #16213e;
    border-color: #333;
}
[data-theme="dark"] .alert {
    background: #16213e;
    color: #e0e0e0;
    border-color: #333;
}
[data-theme="dark"] .page-header,
[data-theme="dark"] .well {
    background: #1a1a2e;
    border-color: #333;
}
[data-theme="dark"] .navbar-default {
    background: #1a1a2e;
    border-color: #333;
}
[data-theme="dark"] .table,
[data-theme="dark"] .table > thead > tr > th,
[data-theme="dark"] .table > tbody > tr > td {
    border-color: #333;
}
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
    background: #16213e;
}
[data-theme="dark"] .header-top-row li a,
[data-theme="dark"] .lang-flag,
[data-theme="dark"] .theme-toggle-btn {
    color: #888;
}
[data-theme="dark"] .search-field {
    background-color: #16213e;
    color: #e0e0e0;
}
[data-theme="dark"] .ara-logo-menu .ara input {
    border-color: #444;
    background: #16213e;
    color: #e0e0e0;
}
[data-theme="dark"] .footer_menu a,
[data-theme="dark"] .destek i,
[data-theme="dark"] .destek span,
[data-theme="dark"] .destek a,
[data-theme="dark"] .adres-email div {
    color: #ccc;
}
[data-theme="dark"] .menu1 li a {
    color: #888;
}
[data-theme="dark"] .kategori_sol .kategoriler li a:hover {
    color: var(--color-success);
}
[data-theme="dark"] .vitrin_baslik span {
    background: #0f0f1a;
}
[data-theme="dark"] #sepete_ekle_durum.basari {
    color: var(--color-white);
}
[data-theme="dark"] #sepete_ekle_durum.hata {
    color: var(--color-white);
}

/* Improved responsive breakpoints */
@media only screen and (max-width: 767px) {
    .container { padding-left: 10px; padding-right: 10px; }
    .destek { display: none; }
    .urunler_dis .col-xs-6 { padding-left: 5px; padding-right: 5px; }
    .urun { margin-bottom: 10px; }
    .footer .col-md-3, .footer .col-md-4 { width: 50%; margin-bottom: 15px; }
    .rengarenk div { height: 2px; }
    .anaslider { padding: 5px; border-radius: 10px; }
    .anaslider img { border-radius: 10px; }
    .toggle { display: block; padding: 10px 15px; font-size: 14px; }
}

@media only screen and (max-width: 480px) {
    footer .col-md-3, footer .col-md-4 { width: 100%; }
    .ticaret-kutu { width: 100%; min-height: auto; }
/* old mobile menu2 rules removed */
}

/* Dark mode additions for missing elements */
[data-theme="dark"] .toggle { background: var(--color-primary); color: var(--color-white); }
[data-theme="dark"] #saydam_bg { background: rgba(0,0,0,0.7); }
[data-theme="dark"] .breadcrumb { background: #16213e; }
[data-theme="dark"] .pagination > li > a,
[data-theme="dark"] .pagination > li > span { background: #1a1a2e; border-color: #333; color: #e0e0e0; }
[data-theme="dark"] .pagination > .active > a,
[data-theme="dark"] .pagination > .active > span { background: var(--color-primary); border-color: var(--color-primary); }
[data-theme="dark"] .badge { background: #333; color: #e0e0e0; }
[data-theme="dark"] .label { color: #e0e0e0; }
[data-theme="dark"] .progress { background: #333; }
[data-theme="dark"] .list-group-item { background: #1a1a2e; border-color: #333; color: #e0e0e0; }
[data-theme="dark"] .panel { background: #1a1a2e; border-color: #333; }
[data-theme="dark"] .panel-heading { background: #16213e; border-color: #333; color: #e0e0e0; }
[data-theme="dark"] .kategori_sol,
[data-theme="dark"] .kategori_sol .kategoriler,
[data-theme="dark"] .kategori_sol .secim_baslik {
    background: #1a1a2e;
    color: #e0e0e0;
    border-color: #333;
}
[data-theme="dark"] .kategori_sol .kategoriler li a {
    color: #e0e0e0;
}
[data-theme="dark"] .kategori_sol .secimli {
    background: #16213e;
    color: var(--color-primary);
}
[data-theme="dark"] .kategori_sol .filtre-temizle,
[data-theme="dark"] .kategori_sol .filtre-temizle a {
    color: #e0e0e0;
}

/* Compare button */
.compare-btn { cursor: pointer; color: #666; font-size: 16px; transition: color 0.2s; }
.compare-btn:hover, .compare-btn.active { color: var(--color-primary); }

.sliderbant {
  background: #1b1b1b;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  font-size: 13px;
  border-radius: 0 0 8px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  display: block;
}
.sliderbant:hover {
  background: var(--color-primary);
  color: #fff;
  text-decoration: none;
}

/* .sr-only: duplicate removed (Bootstrap 3 provides it) */

/* ==================== COMPREHENSIVE RESPONSIVE AUDIT FIXES ==================== */

/* Table responsiveness: horizontal scroll on mobile */
.urun_detay_tab_2 { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Form inputs: prevent overflow on mobile */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], input[type="url"],
select, textarea {
    max-width: 100%;
}

/* Product card: prevent discount badge clipping */
.urun { padding-bottom: 15px; }

/* Cookie consent: higher z-index than back-to-top */
.cookie-consent { z-index: 10001; }

/* Checkout form row wrapper */
.checkout-form .form-group { margin-bottom: 10px; }

/* Product page quantity wrapper: proper row */
.adet_butonlar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* WhatsApp button: full width on mobile */
@media only screen and (max-width: 767px) {
    .whatsappdis a.btn { width: 100% !important; margin-top: 8px; }
}

/* Recently viewed section: no double container */
.urun_son_bakislanlar { margin-top: 30px; }

/* Hikaye story: responsive image size */
@media only screen and (max-width: 480px) {
    #hikaye img { max-width: 50px; }
}

/* Top row: no overflow on mobile */
.header-top-row { overflow: hidden; }

/* Footer: smooth column transition */
@media only screen and (max-width: 767px) {
    footer .col-md-3 { width: 50%; margin-bottom: 15px; }
}
@media only screen and (max-width: 480px) {
    footer .col-md-3 { width: 100%; }
}

/* Smooth scroll for anchors */
html { scroll-behavior: smooth; }

/* Select2 responsive on mobile */
@media only screen and (max-width: 767px) {
    .select2-container { width: 100% !important; }
}

/* Cart: prevent horizontal scroll */
.sepet_ozet { overflow-x: auto; }

/* Mobile: bigger touch targets for all buttons */
@media (hover: none) and (pointer: coarse) {
    .btn { min-height: 44px; }
    .footer_sosyal li a { min-width: 44px; min-height: 44px; }
    .menu2 li a { min-height: 44px; display: inline-flex; align-items: center; }
}

/* Prevent layout shift: consistent image dimensions */
.urun img { aspect-ratio: 1/1; object-fit: contain; }

/* Print styles */
@media print {
    .header-top-row, .menu2, .destek, #sepet, .cookie-consent,
    .footer_sosyal, footer, .back-to-top, .toggle,
    #hikaye, .anaslider, .kategori_sol, .ad-container,
    .sliderbant, #saydam_bg, #backToTop { display: none !important; }
    body { font-size: 12pt; color: #000; background: #fff; }
    a { color: #000; text-decoration: underline; }
    a[href]::after { content: " (" attr(href) ")"; font-size: 10pt; color: #666; }
    .container { max-width: 100%; padding: 0; }
    @page { margin: 1cm; }
    img { max-width: 100% !important; }
    .urun { border: 1px solid #ccc; page-break-inside: avoid; }
}

/* ==================== ACTIVE STATES ==================== */
.btn-warning:active, .btn-success:active, .btn-info:active,
.btn-primary:active, .cookie-consent-btn:active {
    transform: scale(0.97);
    filter: brightness(0.9);
}
.kontrol span:active { transform: scale(0.9); }
.footer_sosyal li a:active { transform: scale(0.9); }
.menu3 li a:active span { color: var(--color-primary); }
.hesabim_menu li a:active { background-color: var(--color-bg-section); }

/* ==================== MOBILE CART LAYOUT ==================== */
@media only screen and (max-width: 600px) {
    .sepet_ust .row .col-xs-6,
    .sepet_ust .row .col-xs-4,
    .sepet_ust .row .col-xs-2,
    .sepet_ust .row .col-xs-1 {
        width: 100%;
        padding: 5px 15px;
    }
    .sepet_ust .row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid var(--color-border-light);
    }
    .sepet_ust .row:first-child {
        font-weight: bold;
        background: var(--color-bg-section);
    }
    .sepet_ust .row .col-xs-6 { flex: 2; }
    .sepet_ust .row .col-xs-2,
    .sepet_ust .row .col-xs-1 { flex: 1; text-align: center; }
}

/* ==================== PRODUCT PAGE ACTIONS ==================== */
@media only screen and (max-width: 767px) {
    .urun-detay-butonlar {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .urun-detay-butonlar > div {
        flex: 1 1 100%;
        min-width: 0;
    }
    .urun-detay-butonlar .adet {
        flex: 2;
    }
    .urun-detay-butonlar .whatsappdis {
        flex: 3;
    }
    .urun-detay-butonlar .btn {
        width: 100%;
        min-height: 44px;
    }
}

/* ==================== CATEGORY FILTER PANEL ==================== */
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .kategori_sol {
        width: 100%;
        margin-bottom: 15px;
    }
    .filter-panel {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .filter-panel .form-group {
        flex: 1 1 200px;
    }
}

/* ==================== IMPROVED MOBILE BREAKPOINT 481-767px ==================== */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .ticaret-kutu { width: 50%; min-height: 115px; }
    .footer .col-md-3 { width: 50%; }
}

/* ==================== CART SIDEBAR CLOSE FIX ==================== */
#sepet .sepet_baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ==================== COOKIE CONSENT BUTTONS ==================== */
.cookie-consent-btn {
    min-height: 44px;
}

/* ==================== KUPON FORM FIX ==================== */
@media only screen and (max-width: 600px) {
    .kupon {
        flex-direction: column;
    }
    .kupon input, .kupon button {
        width: 100%;
    }
}

/* ==================== STORY ITEMS BETTER TOUCH ==================== */
@media only screen and (max-width: 480px) {
    #hikaye .item img {
        max-width: 60px;
        min-width: 60px;
        min-height: 60px;
    }
    #hikaye .item {
        min-width: 80px;
    }
}

/* ==================== ANIMATION CLEANUP ==================== */
.urun a img {
    transition: transform 0.2s linear;
}
.kampanyalar a img {
    transition: transform 0.1s linear;
}
.kontrol span {
    transition: all 0.15s ease;
}
.hesabim_menu li a {
    transition: background-color 0.2s ease;
}
.menu3 li a span {
    transition: color 0.2s ease, box-shadow 0.2s ease;
}

/* ==================== ACCESSIBILITY: REDUCED MOTION ==================== */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ===== menu.css (merged) ===== */
html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999;text-align:left}.hc-offcanvas-nav.is-ios *{cursor:pointer !important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;box-sizing:border-box;-ms-scroll-chaining:none;overscroll-behavior:none}.hc-offcanvas-nav .nav-content{height:100%}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav li:not(.custom-content) a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li:not(.custom-content) a[disabled]{cursor:not-allowed}.hc-offcanvas-nav li:not(.custom-content) a,.hc-offcanvas-nav li:not(.custom-content) a:hover{text-decoration:none}.hc-offcanvas-nav input[type="checkbox"]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav .nav-item-wrapper{position:relative}.hc-offcanvas-nav .nav-item-link{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav:not(.user-is-tabbing) .nav-close-button:focus,.hc-offcanvas-nav:not(.user-is-tabbing) .nav-item-wrapper a:focus{outline:none}.hc-offcanvas-nav .nav-close:focus,.hc-offcanvas-nav .nav-next:focus,.hc-offcanvas-nav .nav-back:focus{z-index:10}.hc-offcanvas-nav.disable-body::after,.hc-offcanvas-nav .nav-wrapper::after{content:'';z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav.disable-body::after{position:fixed}.hc-offcanvas-nav .nav-wrapper::after{position:absolute}.hc-offcanvas-nav.disable-body.nav-open::after,.hc-offcanvas-nav .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0{max-height:100vh}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;visibility:hidden;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;overflow:visible;visibility:visible}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box;max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper{max-height:100vh}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transform:translate3d(0, 0, 0);transition:transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, -100%, 0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(0, 100%, 0)}.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container{transform:translate3d(0, 0, 0)}.hc-offcanvas-nav.rtl{text-align:right;direction:rtl}body.theme-default .hc-offcanvas-nav{font-family:sans-serif}body.theme-default .hc-offcanvas-nav::after,body.theme-default .hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}body.theme-default .hc-offcanvas-nav .nav-container,body.theme-default .hc-offcanvas-nav .nav-wrapper,body.theme-default .hc-offcanvas-nav ul{background:#f26725}body.theme-default .hc-offcanvas-nav .nav-content>h2,body.theme-default .hc-offcanvas-nav .nav-content>h3,body.theme-default .hc-offcanvas-nav .nav-content>h4,body.theme-default .hc-offcanvas-nav .nav-content>h5,body.theme-default .hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:20px 17px;color: #ffffff;}body.theme-default .hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),body.theme-default .hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),body.theme-default .hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),body.theme-default .hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),body.theme-default .hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 17px;background:#f26725}body.theme-default .hc-offcanvas-nav .nav-item-link,body.theme-default .hc-offcanvas-nav li.nav-close a,body.theme-default .hc-offcanvas-nav .nav-back a{padding:10px 17px;font-size:14px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #ffffff30;transition:background .1s ease}body.theme-default .hc-offcanvas-nav .nav-item-link:focus,body.theme-default .hc-offcanvas-nav .nav-item-link:focus-within,body.theme-default .hc-offcanvas-nav li.nav-close a:focus,body.theme-default .hc-offcanvas-nav li.nav-close a:focus-within,body.theme-default .hc-offcanvas-nav .nav-back a:focus,body.theme-default .hc-offcanvas-nav .nav-back a:focus-within{z-index:10}body.theme-default .hc-offcanvas-nav .nav-item-link[disabled],body.theme-default .hc-offcanvas-nav li.nav-close a[disabled],body.theme-default .hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}body.theme-default .hc-offcanvas-nav div.nav-back+ul>li:first-child>.nav-item-wrapper>.nav-item-link{border-top:none !important}body.theme-default .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#31679e}body.theme-default .hc-offcanvas-nav .nav-custom-content{padding:14px 17px;font-size:14px;border-bottom:1px solid #ffffff30}body.theme-default .hc-offcanvas-nav .nav-highlight{background:#2e6296}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #ffffff30}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link+a{border-top:1px solid #ffffff30}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:not(:last-child){border-bottom:2px solid #f26725}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>ul+h6{margin-top:-2px}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h2+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h3+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h4+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h5+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>h6+ul>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top:1px solid #ffffff30}body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-title+h6,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.level-title+h6,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h2,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h3,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h4,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h5,body.theme-default .hc-offcanvas-nav .nav-wrapper>.nav-content>.nav-close+h6{border-top:1px solid #ffffff30}body.theme-default .hc-offcanvas-nav li{color:#fff}body.theme-default .hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:58px}body.theme-default .hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:45px}body.theme-default .hc-offcanvas-nav .nav-close-button span,body.theme-default .hc-offcanvas-nav .nav-parent .nav-next,body.theme-default .hc-offcanvas-nav .nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .1s ease}body.theme-default .hc-offcanvas-nav .nav-close-button{position:relative;display:block}body.theme-default .hc-offcanvas-nav .nav-close-button span::before,body.theme-default .hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}body.theme-default .hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}body.theme-default .hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close{position:relative;z-index:2}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a{font-size:14px;color:#fff;background:rgba(0,0,0,0);z-index:1;text-decoration:none;box-sizing:border-box}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a:not(.has-label){height:50px}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:14px 17px;border-top:1px solid #ffffff30}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close a:hover{border:none;background:radial-gradient(farthest-corner at top right, rgba(0,0,0,0.1), rgba(0,0,0,0))}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close.has-label+ul{margin-top:-1px}body.theme-default .hc-offcanvas-nav:not(.nav-close-button-empty) .nav-content>.nav-close{margin-bottom:-1px}body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:45px;height:66px;line-height:66px;top:-66px;right:0}body.theme-default .hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:55px}body.theme-default .hc-offcanvas-nav li.nav-close a:not(.has-label){height:49px}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close:first-child a,body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a.has-label,body.theme-default .hc-offcanvas-nav li.nav-close a,body.theme-default .hc-offcanvas-nav .nav-back a{background:#2f649a;border-top:1px solid #2b5a8b;border-bottom:1px solid #2b5a8b}body.theme-default .hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,body.theme-default .hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,body.theme-default .hc-offcanvas-nav li.nav-close a:hover,body.theme-default .hc-offcanvas-nav .nav-back a:hover{background:#2e6195}body.theme-default .hc-offcanvas-nav li.nav-close:not(:first-child) a,body.theme-default .hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}body.theme-default .hc-offcanvas-nav a.nav-next{border-left:1px solid #ffffff30;border-bottom:1px solid #ffffff30}body.theme-default .hc-offcanvas-nav .nav-next span::before,body.theme-default .hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}body.theme-default .hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}body.theme-default .hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}body.theme-default .hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-default .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-default .hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}body.theme-default .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-default .hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-default .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}body.theme-default .hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-default .hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-default .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper,body.theme-default .hc-offcanvas-nav.nav-levels-none ul .nav-wrapper{box-shadow:none;background:transparent}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open{background:#2e6296}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a{border-bottom:1px solid #295887}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a:hover,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a:hover{background:#2f649a}body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-default .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-default .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-1 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-1 .nav-item-link{padding-left:calc(17px + 20px * 1)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-2 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-2 .nav-item-link{padding-left:calc(17px + 20px * 2)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-3 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-3 .nav-item-link{padding-left:calc(17px + 20px * 3)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-4 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-4 .nav-item-link{padding-left:calc(17px + 20px * 4)}body.theme-default .hc-offcanvas-nav.nav-levels-expand .nav-wrapper-5 .nav-item-link,body.theme-default .hc-offcanvas-nav.nav-levels-none .nav-wrapper-5 .nav-item-link{padding-left:calc(17px + 20px * 5)}body.theme-default .hc-offcanvas-nav.rtl a.nav-next{border-left:none;border-right:1px solid #ffffff30}body.theme-default .hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label),body.theme-default .hc-offcanvas-nav.rtl .nav-close-button span,body.theme-default .hc-offcanvas-nav.rtl .nav-next,body.theme-default .hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}body.theme-default .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:58px;padding-right:17px}body.theme-default .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:45px;margin-right:0}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-1 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 1)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-2 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 2)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-3 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 3)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-4 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 4)}body.theme-default .hc-offcanvas-nav.rtl .nav-wrapper-5 li.nav-item .nav-item-link{padding-right:calc(17px + 20px * 5)}body.theme-carbon .hc-offcanvas-nav{font-family:sans-serif}body.theme-carbon .hc-offcanvas-nav .nav-container,body.theme-carbon .hc-offcanvas-nav .nav-wrapper,body.theme-carbon .hc-offcanvas-nav ul{background:#202225}body.theme-carbon .hc-offcanvas-nav::after,body.theme-carbon .hc-offcanvas-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}body.theme-carbon .hc-offcanvas-nav .nav-content{padding:0 15px}body.theme-carbon .hc-offcanvas-nav .nav-content>h2,body.theme-carbon .hc-offcanvas-nav .nav-content>h3,body.theme-carbon .hc-offcanvas-nav .nav-content>h4,body.theme-carbon .hc-offcanvas-nav .nav-content>h5,body.theme-carbon .hc-offcanvas-nav .nav-content>h6{font-size:19px;font-weight:normal;padding:25px 15px 30px;color:#fff}body.theme-carbon .hc-offcanvas-nav .nav-content>h2:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h3:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h4:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h5:first-child,body.theme-carbon .hc-offcanvas-nav .nav-content>h6:first-child{margin-top:10px}body.theme-carbon .hc-offcanvas-nav .nav-content>h2:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h3:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h4:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h5:not(.nav-title):not(.level-title),body.theme-carbon .hc-offcanvas-nav .nav-content>h6:not(.nav-title):not(.level-title){font-size:16px;padding:15px 12px;text-transform:uppercase;color:#b3b3b3}body.theme-carbon .hc-offcanvas-nav .nav-item-link,body.theme-carbon .hc-offcanvas-nav li.nav-close a,body.theme-carbon .hc-offcanvas-nav .nav-back a{padding:12px;font-size:15px;color:#fff;z-index:1;background:rgba(0,0,0,0);border-radius:5px;transition:.05s background ease}body.theme-carbon .hc-offcanvas-nav .nav-item-link:focus,body.theme-carbon .hc-offcanvas-nav .nav-item-link:focus-within,body.theme-carbon .hc-offcanvas-nav li.nav-close a:focus,body.theme-carbon .hc-offcanvas-nav li.nav-close a:focus-within,body.theme-carbon .hc-offcanvas-nav .nav-back a:focus,body.theme-carbon .hc-offcanvas-nav .nav-back a:focus-within{z-index:10}body.theme-carbon .hc-offcanvas-nav .nav-item-link[disabled],body.theme-carbon .hc-offcanvas-nav li.nav-close a[disabled],body.theme-carbon .hc-offcanvas-nav .nav-back a[disabled]{color:rgba(255,255,255,0.5)}body.theme-carbon .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover{background:#272a2d}body.theme-carbon .hc-offcanvas-nav .nav-custom-content{padding:12px 15px;font-size:15px}body.theme-carbon .hc-offcanvas-nav .nav-highlight>.nav-item-wrapper .nav-item-link{border-radius:5px;background:#292c30}body.theme-carbon .hc-offcanvas-nav .nav-wrapper-0>.nav-content>ul:first-child{margin-top:15px}body.theme-carbon .hc-offcanvas-nav .nav-wrapper-0>.nav-content>ul:not(:last-child){margin-bottom:18px}body.theme-carbon .hc-offcanvas-nav li{color:#fff}body.theme-carbon .hc-offcanvas-nav li.nav-close a:hover,body.theme-carbon .hc-offcanvas-nav li.nav-back a:hover{background:#111213}body.theme-carbon .hc-offcanvas-nav li.nav-close:not(:first-child) a,body.theme-carbon .hc-offcanvas-nav li.nav-back:not(:first-child) a{margin-top:-1px}body.theme-carbon .hc-offcanvas-nav li.nav-parent .nav-item-link:last-child{padding-right:62px}body.theme-carbon .hc-offcanvas-nav li.nav-parent .nav-item-link:not(:last-child){margin-right:52px}body.theme-carbon .hc-offcanvas-nav .nav-close-button span,body.theme-carbon .hc-offcanvas-nav .nav-parent .nav-next,body.theme-carbon .hc-offcanvas-nav .nav-back span{width:40px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;border-radius:5px;transition:background .2s ease}body.theme-carbon .hc-offcanvas-nav .nav-close-button{position:relative;display:block}body.theme-carbon .hc-offcanvas-nav .nav-close-button span::before,body.theme-carbon .hc-offcanvas-nav .nav-close-button span::after{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}body.theme-carbon .hc-offcanvas-nav .nav-close-button span::before{margin-left:-9px;transform:rotate(135deg)}body.theme-carbon .hc-offcanvas-nav .nav-close-button span::after{transform:rotate(-45deg)}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close a{height:44px;font-size:15px;color:#fff;background:rgba(0,0,0,0);border-radius:5px;z-index:1;text-decoration:none;box-sizing:border-box}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close a.has-label{padding:12px 15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close a:hover{background:#25272a}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child{position:relative;min-height:40px;margin-top:15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child+ul{margin-top:15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a.has-label{margin-bottom:-15px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label){position:absolute;width:40px;height:40px;line-height:40px;top:0;right:0}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+ul{margin-top:60px}body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h2,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h3,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h4,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h5,body.theme-carbon .hc-offcanvas-nav .nav-content>.nav-close:first-child a:not(.has-label)+h6{margin-top:55px}body.theme-carbon .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){position:absolute;width:40px;height:40px;line-height:40px;top:28px;right:15px}body.theme-carbon .hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right:46px}body.theme-carbon .hc-offcanvas-nav li.nav-close:first-child{padding-bottom:15px}body.theme-carbon .hc-offcanvas-nav li.nav-close .nav-close-button.has-label{margin-bottom:-15px}body.theme-carbon .hc-offcanvas-nav li.nav-close .nav-close-button:not(.has-label){width:40px;height:40px;line-height:40px;float:right}body.theme-carbon .hc-offcanvas-nav li.nav-close .nav-item-wrapper::after{content:'';display:table;clear:both}body.theme-carbon .hc-offcanvas-nav a.nav-next{position:relative}body.theme-carbon .hc-offcanvas-nav a.nav-next:before{content:'';position:absolute;width:2px;height:25px;left:-7px;top:9px;background:#4d4d4d;border-radius:2px}body.theme-carbon .hc-offcanvas-nav .nav-next span::before,body.theme-carbon .hc-offcanvas-nav .nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}body.theme-carbon .hc-offcanvas-nav .nav-next span{position:absolute;top:0;right:0;left:0;bottom:0}body.theme-carbon .hc-offcanvas-nav .nav-next span::before{transform:translate(-50%, -50%) rotate(135deg)}body.theme-carbon .hc-offcanvas-nav .nav-back span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-left.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-right.nav-open.nav-levels-overlap .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-right .nav-next span::before{margin-left:2px;transform:translate(-50%, -50%) rotate(-45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-right .nav-back span::before{margin-left:-2px;transform:translate(-50%, -50%) rotate(135deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-top .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-top .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,0.2)}body.theme-carbon .hc-offcanvas-nav.nav-position-bottom .nav-next span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(45deg)}body.theme-carbon .hc-offcanvas-nav.nav-position-bottom .nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-carbon .hc-offcanvas-nav.nav-levels-overlap ul ul:first-child{margin-top:15px}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand .nav-content .nav-content,body.theme-carbon .hc-offcanvas-nav.nav-levels-none .nav-content .nav-content{padding:0}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand .nav-wrapper .nav-wrapper,body.theme-carbon .hc-offcanvas-nav.nav-levels-none .nav-wrapper .nav-wrapper{width:auto;position:relative;margin-left:20px}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-item-wrapper>a>.nav-next span::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>.nav-next span::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-none li.level-open>.nav-item-wrapper>a>.nav-next span::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(-135deg)}body.theme-carbon .hc-offcanvas-nav.nav-levels-expand li.level-open>.nav-wrapper::before,body.theme-carbon .hc-offcanvas-nav.nav-levels-none li .nav-wrapper::before{content:'';position:absolute;width:2px;left:-7px;top:5px;bottom:5px;background:#4d4d4d;border-radius:2px}body.theme-carbon .hc-offcanvas-nav.rtl .nav-wrapper .nav-wrapper{margin-left:0;margin-right:20px}body.theme-carbon .hc-offcanvas-nav.rtl a.nav-next:before{left:auto;right:-7px}body.theme-carbon .hc-offcanvas-nav.rtl .nav-title+.nav-close a:not(.has-label){left:15px;right:auto}body.theme-carbon .hc-offcanvas-nav.rtl .nav-close-button span,body.theme-carbon .hc-offcanvas-nav.rtl .nav-next,body.theme-carbon .hc-offcanvas-nav.rtl .nav-back span{left:0;right:auto}body.theme-carbon .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:last-child{padding-left:62px;padding-right:12px}body.theme-carbon .hc-offcanvas-nav.rtl li.nav-parent .nav-item-link:not(:last-child){margin-left:52px;margin-right:0}body.theme-carbon .hc-offcanvas-nav.rtl.nav-levels-expand li.level-open>.nav-wrapper::before,body.theme-carbon .hc-offcanvas-nav.rtl.nav-levels-none li .nav-wrapper::before{left:auto;right:-7px}.cf::before,.cf::after{content:'';display:block;height:0;overflow:hidden}.cf::after{clear:both}#container{display:flex;flex-direction:column;min-height:100vh;height:100%;background:linear-gradient(-134deg, #517FA4 0%, #243949 100%);font-family:'Raleway', sans-serif;text-align:center;color:#fffce1}.wrapper{max-width:800px;margin:0 auto;padding:0 20px}#main-nav{display:none}header{position:relative;float: left;}header h1{font-size:50px;font-weight:700;text-align:center;letter-spacing:5px;padding-bottom:8px}header h2{max-width:680px;margin:auto;font-size:20px;font-weight:200;line-height:1.4;text-align:center;letter-spacing:1px;padding-bottom:30px}header .git{display:inline-block;text-decoration:none;color:#fff;border-radius:4px;padding:4px 10px 4px 0;font-size:15px;font-weight:400;color:#fffce1;background:#54b9cb;transition:background .15s ease-in-out}header .git:hover{background:#4CA8B9}header .git:hover svg{border-color:#54b9cb}header .git svg{width:15px;height:15px;fill:#fffce1;position:relative;top:2px;padding:0 10px;margin-right:10px;border-right:1px solid #4daabb;transition:border-color .15s ease-in-out}header .ver{padding-top:15px;font-weight:200;color:#dab977}header .ver span{color:#fffce1}header .toggle{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:35px;min-height:26px;position:relative;width:auto;top:auto;left:auto;float:left;display:block;cursor:pointer;box-sizing:content-box;font-size:18px;padding-left:55px;line-height:22px;margin-top:55px;color:#fff;text-align:left;text-decoration:none}header .toggle span{width:35px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}header .toggle span,header .toggle span::before,header .toggle span::after{display:block;position:absolute;left:0;height:4px;background:#182631;transition:all .25s ease}header .toggle span::before,header .toggle span::after{content:'';width:100%}header .toggle span::before{top:-11px}header .toggle span::after{bottom:-11px}header .toggle.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}header .toggle.toggle-open span::before{transform:translate3d(0, 11px, 0)}header .toggle.toggle-open span::after{transform:rotate(-90deg) translate3d(11px, 0, 0)}header .toggle:hover span,header .toggle:hover span::before,header .toggle:hover span::after{background:#dab977}header .toggle i{font-size:10px;display:block;line-height:10px;opacity:.7}footer{}footer .swm{display:inline-block;padding:0 15px}footer .swm svg{display:block;width:auto;height:17px;margin-top:22px}footer .swm svg path{transition:fill .1s ease}footer .swm svg .l-1{fill:#4fb5e1}footer .swm svg .l-2{fill:#f2c053}footer .swm svg .l-3{fill:#a7ce38}footer .swm:not(:hover) svg .l-1{fill:#466e8d}footer .swm:not(:hover) svg .l-2{fill:#9db9cf}footer .swm:not(:hover) svg .l-3{fill:#5989ad}main{flex:1 0 auto;padding-bottom:30px;text-align:left}main .content{border-top:1px solid rgba(255,255,255,0.1)}main h4{font-size:15px;letter-spacing:1px;font-weight:600;text-transform:uppercase;margin:20px 0}main h4:first-child{margin-top:30px}main .actions{margin:0 -15px;text-align:center}main .actions div{padding:0 15px 20px;box-sizing:border-box}@media screen and (min-width: 800px){main .actions:not(.theme){display:flex;flex-wrap:wrap}main .actions:not(.theme) div{float:left;flex:1 1 33.33%;max-width:33.33%}main .actions:not(.theme).position div{float:left;flex:1 1 25%;max-width:25%}main .actions.theme::after{content:'';display:table;clear:both}main .actions.theme div{float:left}}main .actions.checkboxes{text-align:left;padding-top:8px}main .actions.checkboxes label{font-size:14px;text-transform:uppercase;cursor:pointer}main .actions.checkboxes label input{display:none}main .actions.checkboxes label input:checked ~ span{background:#dab977}main .actions.checkboxes label input:checked ~ span::before{content:'';position:absolute;top:50%;left:50%;margin-top:-1px;border:solid #243949;border-width:0 3px 3px 0;display:inline-block;padding:5px 2px;transform:translate(-50%, -50%) rotate(45deg)}main .actions.checkboxes label span{display:inline-block;position:relative;top:-1px;width:22px;height:22px;background:#fffce1;margin-right:12px;vertical-align:top;transition:all .1s ease}main .button{position:relative;display:block;padding:18px 30px 16px;text-transform:uppercase;text-align:center;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:1px;text-decoration:none;color:#243949;cursor:pointer;background:#fffce1;border-radius:30px/80px;transition:all .1s ease}main .button:not(.active):hover{color:#d5af63}main .button.active{background:#dab977}main .thumb{position:relative;display:block;width:100px;height:100px;border:4px solid #fffce1;border-radius:5px;background-size:cover}main .thumb.active{border-color:#dab977}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{padding-bottom:41px}.hc-offcanvas-nav h2 ~ ul>li.search .nav-custom-content{padding-top:0}.hc-offcanvas-nav.rtl .nav-item-link::before{margin-left:15px;margin-right:0 !important}.hc-offcanvas-nav.rtl .nav-item.collections>.nav-item-wrapper .nav-item-link span{float:left}.hc-offcanvas-nav li .custom-message{font-size:12px}.hc-offcanvas-nav li .custom-message a{color:#fff;font-size:13px}.hc-offcanvas-nav li .custom-message a:hover{text-decoration:none}.hc-offcanvas-nav li.add>.nav-item-wrapper a::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'add'}.hc-offcanvas-nav li.new>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'fiber_new'}.hc-offcanvas-nav li.cryptocurrency>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'local_atm'}.hc-offcanvas-nav li.devices>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'devices'}.hc-offcanvas-nav li.mobile>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'phone_android'}.hc-offcanvas-nav li.television>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'desktop_windows'}.hc-offcanvas-nav li.camera>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'camera_alt'}.hc-offcanvas-nav li.magazines>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'import_contacts'}.hc-offcanvas-nav li.store>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'store'}.hc-offcanvas-nav li.collections>.nav-item-wrapper .nav-item-link span{font-size:70%;line-height:15px;height:15px;padding:0 4px;float:right;background:#ff635a;border-radius:2px;margin-top:2px}.hc-offcanvas-nav li.collections>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'collections'}.hc-offcanvas-nav li.nolink>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'format_clear'}.hc-offcanvas-nav li.disabled>.nav-item-wrapper .nav-item-link::before{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';display:inline-block;width:19px;height:19px;margin-right:15px;font-size:23px;vertical-align:top;speak:never;content:'block'}.hc-offcanvas-nav.nav-position-top ul.bottom-nav,.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav{position:relative;border-top:none}.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content,.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content{padding-bottom:0}.hc-offcanvas-nav ul.bottom-nav{position:absolute;left:0;right:0;bottom:0;z-index:10;width:100%;display:flex;flex-wrap:nowrap;align-items:stretch;border-top:1px solid rgba(0,0,0,0.15)}.hc-offcanvas-nav ul.bottom-nav li{flex:auto}.hc-offcanvas-nav ul.bottom-nav li a{padding:10px;text-align:center;height:100%;border-bottom:none}.hc-offcanvas-nav ul.bottom-nav li svg{fill:#fff;display:inline-block;vertical-align:middle}.hc-offcanvas-nav ul.bottom-nav li.github svg{width:17px;height:17px}.hc-offcanvas-nav ul.bottom-nav li.ko-fi svg{width:21px;height:21px}.hc-offcanvas-nav ul.bottom-nav li.email svg{width:19px;height:19px}body.theme-default .hc-offcanvas-nav .second-nav{border-bottom:none !important}


/* ==================== INLINE CSS (from layout.php) ==================== */

.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px;z-index:10001}
    .skip-link:focus{top:0}
    html{scroll-behavior:smooth}
body{font-family:system-ui;font-weight:600;line-height:1.5;font-size:14px;color:var(--color-text);padding:0;margin:0;background:var(--color-bg);overflow-x:hidden}
    a{text-decoration:none;color:var(--color-black)}
    .container,.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
    .row{margin-left:-15px;margin-right:-15px}
    .row:after{content:"";display:table;clear:both}
    [class*="col-"]{float:left;padding-left:15px;padding-right:15px}
    .col-md-6{width:50%}.col-md-4{width:33.333%}.col-md-3{width:25%}.col-md-8{width:66.667%}.col-md-12{width:100%}
    .bg-1{background:var(--color-bg)}
    .bg-2{background:var(--color-primary);color:#fff}
/* header rules from inline CSS removed — see consolidated block */
    footer{background:var(--color-dark);color:#fff;padding:30px 0}
    .copyright{background:var(--color-darker);color:#999;font-size:12px}
    @media(max-width:767px){.col-md-3,.col-md-4,.col-md-6,.col-md-8{width:100%}.ara-logo-menu{flex-direction:column}.ara{padding:5px 0;width:100%}}
  

/* === PROFESSIONAL FIXES === */
.site-header{position:sticky;top:0;z-index:999;background:var(--color-bg);box-shadow:0 2px 8px rgba(0,0,0,.08)}

/* === SCROLL-TO-SHRINK HEADER === */
.header-top-row{background:var(--color-bg-section,#f8f8f8);border-bottom:1px solid var(--color-border-light,#e0e0e0);overflow:hidden;max-height:40px;transition:max-height .35s ease,opacity .35s ease,padding .35s ease;opacity:1}
.header-top-row .container{display:flex;justify-content:flex-end;align-items:center}
.top-row-inner{display:flex;justify-content:flex-end;align-items:center;width:100%;padding:5px 0}
.top-links,.top-actions{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:12px}
.top-links li a,.top-actions li a{font-size:12px;color:var(--color-text-light,#666);transition:color .2s}
.top-links li a:hover,.top-actions li a:hover{color:var(--color-primary)}
.lang-active{font-weight:700;color:var(--color-primary) !important}

.header-main-row{transition:padding .35s ease}
.ara-logo-menu{display:flex;align-items:center;gap:12px;padding:10px 0}
.ara-logo-menu .toggle{display:none;font-size:24px;color:var(--color-text);margin-right:8px;padding:6px;border-radius:4px;transition:background .2s}
.ara-logo-menu .toggle:hover{background:var(--color-bg-section,#f0f0f0)}
.ara-logo-menu .toggle i{display:block;line-height:1}
.logo{flex-shrink:0}
.logo img{max-height:55px;transition:max-height .35s ease}
.ara{flex:1;padding:0 12px}
.hizli-menu{flex-shrink:0}
.menu2{list-style:none;padding:0;margin:0;display:flex;align-items:center}
.menu2 li{padding:0 8px}
.menu2 li a{font-size:18px;color:var(--color-text);display:flex;align-items:center;gap:4px;transition:color .2s}
.menu2 li a:hover{color:var(--color-primary)}
.menu2-label{font-size:13px;font-weight:600;transition:opacity .3s ease,max-width .35s ease,margin .35s ease;overflow:hidden;white-space:nowrap;max-width:200px;opacity:1;margin-left:4px}
.menu2-badge{font-size:11px;font-weight:700;background:var(--color-primary);color:#fff;border-radius:10px;padding:1px 6px;transition:opacity .3s ease}

.header-nav-row{background:var(--color-bg);border-top:1px solid var(--color-border-light,#e0e0e0);transition:opacity .3s ease,max-height .35s ease,overflow .35s ease}

/* Free shipping bar — inside header, always visible */
.free-shipping-bar{background:var(--color-primary);color:#fff;text-align:center;padding:6px 15px;font-size:13px;font-weight:600;letter-spacing:.3px;transition:padding .35s ease}
.free-shipping-bar span{display:inline-flex;align-items:center;gap:6px}

/* SCROLL STATE */
.site-header.scrolled .header-top-row{max-height:0;opacity:0;padding:0;border-bottom:none}
.site-header.scrolled .header-main-row{padding:4px 0}
.site-header.scrolled .logo img{max-height:35px}
.site-header.scrolled .menu2-label{max-width:0;opacity:0;margin:0}
.site-header.scrolled .menu2 li{padding:0 4px}
.site-header.scrolled .menu2 li a{font-size:20px}
.site-header.scrolled .menu2-badge{display:none}
.site-header.scrolled .header-nav-row{max-height:0;opacity:0;overflow:hidden;border-top:none}
.site-header.scrolled .free-shipping-bar{padding:3px 15px;font-size:11px}
.site-header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.15)}

@media(max-width:767px){
  .top-links{display:none}
  .top-actions .lang-flag{font-size:11px}
  .header-top-row{max-height:32px}
  .ara-logo-menu .toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:22px}
  .menu2-label{display:none}
  .menu2-badge{font-size:10px}
  .menu2 li{padding:0 6px}
  .logo img{max-height:40px}
  .header-nav-row{display:none}
  .site-header.scrolled .logo img{max-height:28px}
  .free-shipping-bar{padding:4px 10px;font-size:11px}
}


/* Back-to-top */
#back-to-top{position:fixed;bottom:30px;right:30px;width:45px;height:45px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;font-size:20px;cursor:pointer;z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.2)}
#back-to-top.visible{opacity:1;visibility:visible}
#back-to-top:hover{background:var(--color-primary-dark);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.3)}
@media(max-width:767px){#back-to-top{bottom:20px;right:20px;width:40px;height:40px;font-size:18px}}


/* Object-fit + responsive images */
img{max-width:100%;height:auto}
.product-img img,.kategori-img img,.blog-img img{object-fit:cover;width:100%;aspect-ratio:1/1}
.slider-img img{object-fit:cover;width:100%;height:100%;max-height:500px}
@media(max-width:767px){.slider-img img{max-height:250px}}


/* Micro-interactions */
.btn{transition:all .25s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.btn:active{transform:translateY(0)}
.menu2 li a,.menu3 li a{transition:color .2s ease}
.menu2 li a:hover,.menu3 li a:hover{color:var(--color-primary)}
.footer_sosyal li a{transition:all .25s ease}
.footer_sosyal li a:hover{transform:translateY(-3px);color:var(--color-primary)}


/* CSS Grid for product listings */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
@media(max-width:767px){.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}}


/* Skeleton Loading */
@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}
.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-bg-section) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:6px}
.skeleton-text{height:14px;margin-bottom:8px;width:80%}
.skeleton-title{height:20px;margin-bottom:12px;width:60%}
.skeleton-img{aspect-ratio:1/1;width:100%}
.skeleton-btn{height:36px;width:120px;border-radius:20px}


/* Dark mode toggle button */
.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .3s ease;font-size:16px}
.theme-toggle-btn:hover{background:var(--color-bg-section);transform:rotate(30deg)}


/* Search autocomplete */
.ara{position:relative}
.search-results{position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:10000;display:none;max-height:400px;overflow-y:auto;margin-top:4px}
.search-results.active{display:block}
.search-result-item{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background .15s}
.search-result-item:hover{background:var(--color-bg-section)}
.search-result-item img{width:40px;height:40px;object-fit:cover;border-radius:6px;margin-right:10px}
.search-result-item .sr-name{font-size:13px;color:var(--color-text)}
.search-result-item .sr-price{font-size:12px;color:var(--color-primary);font-weight:700;margin-left:auto}
.search-more{text-align:center;padding:10px;color:var(--color-primary);font-size:13px;cursor:pointer}


/* Professional card hover */
.urun-kutu{transition:all .3s ease;border-radius:12px;overflow:hidden}
.urun-kutu:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.1)}
.urun-kutu .urun-img-wrap{overflow:hidden;border-radius:12px 12px 0 0}
.urun-kutu .urun-img-wrap img{transition:transform .4s ease}
.urun-kutu:hover .urun-img-wrap img{transform:scale(1.05)}
.kategori-kutu{transition:all .3s ease;border-radius:12px;overflow:hidden}
.kategori-kutu:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}


/* Professional badges */
.badge-new{position:absolute;top:10px;left:10px;background:var(--color-success);color:#fff;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;z-index:2}
.badge-sale{position:absolute;top:10px;right:10px;background:var(--color-danger);color:#fff;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;z-index:2}
.badge-stock{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.7);color:#fff;padding:3px 10px;border-radius:20px;font-size:11px;z-index:2}


/* Toast notification */
.toast-container{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px}
.toast{background:var(--color-bg);border-left:4px solid var(--color-success);padding:12px 20px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);animation:toast-in .3s ease;max-width:350px;font-size:13px}
.toast.error{border-left-color:var(--color-error)}
@keyframes toast-in{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
@keyframes toast-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}
@media(max-width:767px){.toast-container{top:10px;right:10px;left:10px}.toast{max-width:100%}}


/* Focus states for accessibility */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* Footer enhancements */
footer .destek{transition:transform .2s ease}
footer .destek:hover{transform:translateX(5px)}
.footer_menu li a{transition:color .2s ease;padding:4px 0;display:inline-block}
.footer_menu li a:hover{color:var(--color-primary);padding-left:5px}
.copyright a{color:var(--color-primary);transition:color .2s}
.copyright a:hover{color:var(--color-primary-dark)}


/* === BREADCRUMBS === */
.adres_cubugu{list-style:none;padding:12px 0;margin:0;display:flex;flex-wrap:wrap;align-items:center;font-size:13px;gap:2px}
.adres_cubugu li{display:inline-flex;align-items:center}
.adres_cubugu li a{color:var(--color-text-light,#888);text-decoration:none;transition:color .2s;padding:4px 6px;border-radius:6px}
.adres_cubugu li a:hover{color:var(--color-primary);background:var(--color-bg-section,#f5f5f5)}
.adres_cubugu li span{margin:0 4px;color:var(--color-text-light,#bbb);font-size:10px}
.adres_cubugu li:last-child a{color:var(--color-text,#333);font-weight:600;pointer-events:none}
.adres_cubugu li:last-child span{display:none}

/* === PRODUCT TABS === */
.urun_detay_tab_1{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;border-bottom:2px solid var(--color-border,#eee);gap:0}
.urun_detay_tab_1 li{padding:14px 24px;cursor:pointer;font-weight:600;color:var(--color-text-light,#888);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .25s ease;white-space:nowrap;font-size:14px}
.urun_detay_tab_1 li:hover{color:var(--color-primary);background:var(--color-bg-section,#f8f8f8)}
.urun_detay_tab_1 li.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}
.urun_detay_tab_2{padding:25px 0;min-height:200px}
.urun_detay_tab_2 > div[data-utabic]{display:none}
.urun_detay_tab_2 > div[data-utabic]:first-of-type,.urun_detay_tab_2 > div[data-utabic].active{display:block}
@media(max-width:767px){.urun_detay_tab_1{flex-direction:column}.urun_detay_tab_1 li{padding:12px 16px;border-bottom:1px solid var(--color-border,#eee);border-left:3px solid transparent;border-bottom:none;margin-bottom:0}.urun_detay_tab_1 li.active{border-left-color:var(--color-primary);background:var(--color-bg-section,#f8f8f8)}}

/* === PRODUCT DETAIL === */
.urun_detay h1{font-size:22px;font-weight:700;margin:10px 0;line-height:1.3}
.urun_detay .fiyat{padding:15px 0}
.urun_detay .eski_fiyat{text-decoration:line-through;color:#999}
.urun_detay .yeni_fiyat span{font-size:24px;font-weight:800;color:var(--color-primary)}
.urun_detay .stok_kod_durum{font-size:13px;color:var(--color-text-light,#888)}
.urun_detay .varyant{margin:10px 0}
.urun_detay .varyant ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.urun_detay .varyant ul li{padding:6px 14px;border:2px solid var(--color-border,#ddd);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s}
.urun_detay .varyant ul li:hover{border-color:var(--color-primary);color:var(--color-primary)}
.urun_detay .varyant ul li.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}
.urun_detay .varyant ul li.disabled-option{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.urun_detay .varyant ul li img{border-radius:6px}

/* === GALLERY === */
.owl-carousel .item img{border-radius:8px}
#sync1 .item{cursor:zoom-in}
#sync2 .item{opacity:.6;transition:opacity .2s}
#sync2 .item.synced,#sync2 .item:hover{opacity:1}

/* === SIMILAR PRODUCTS === */
.vitrin1.owl-carousel{display:flex;flex-wrap:wrap;gap:15px}
.vitrin1.owl-carousel .item{flex:0 0 auto}
.vitrin1 .urun{border:1px solid var(--color-border-light,#f0f0f0);border-radius:12px;overflow:hidden;transition:all .3s ease;background:var(--color-bg)}
.vitrin1 .urun:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}

/* === REVIEWS === */
.media-list{list-style:none;padding:0}
.media-list .media{padding:15px 0;border-bottom:1px solid var(--color-border-light,#f0f0f0)}
.media-list .media:last-child{border-bottom:none}
.media-list .media-heading{font-size:14px;font-weight:600;margin-bottom:5px}
.media-list .media-heading small{font-weight:400;color:#999;font-size:12px}
.media-list .media p{color:var(--color-text-light,#666);margin:5px 0 0;font-size:13px}

/* === LIGHTBOX === */
#lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:99999;display:none;align-items:center;justify-content:center;flex-direction:column}
#lightbox-overlay.active{display:flex}
#lightbox-overlay img{max-width:90vw;max-height:80vh;border-radius:8px;box-shadow:0 4px 30px rgba(0,0,0,.5)}
#lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:32px;cursor:pointer;z-index:100000;transition:color .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}
#lightbox-close:hover{color:var(--color-primary);background:rgba(255,255,255,.1)}
#lightbox-prev,#lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:28px;cursor:pointer;transition:all .2s;padding:10px;border-radius:50%}
#lightbox-prev{left:20px}
#lightbox-next{right:20px}
#lightbox-prev:hover,#lightbox-next:hover{color:var(--color-primary);background:rgba(255,255,255,.1)}
#lightbox-caption{color:#ccc;font-size:13px;margin-top:15px;text-align:center}
@media(max-width:767px){#lightbox-prev,#lightbox-next{font-size:20px;padding:8px}#lightbox-close{top:10px;right:15px;font-size:24px}}


/* === CSS Variable Fallbacks === */
:root{
  --color-text:var(--color-text,#333);
  --color-text-light:var(--color-text-light,#888);
  --color-bg:var(--color-bg,#fff);
  --color-bg-section:var(--color-bg-section,#f8f8f8);
  --color-border:var(--color-border,#e0e0e0);
  --color-border-light:var(--color-border-light,#f0f0f0);
  --color-success:#4caf50;
  --color-danger:#f44336;
  --color-error:#f44336;
}
body{color:var(--color-text)}

/* === Product card positioning for badges === */
.urun,.urun.mb-15{position:relative}
.urun-img-wrap{position:relative;overflow:hidden;border-radius:12px 12px 0 0}
.badge-sale{position:absolute;top:10px;right:10px;background:var(--color-danger);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;z-index:2;box-shadow:0 2px 8px rgba(244,67,54,.3)}
.badge-new{position:absolute;top:10px;left:10px;background:var(--color-success);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;z-index:2;box-shadow:0 2px 8px rgba(76,175,80,.3)}

/* === Fix urun-img-wrap img === */
.urun-img-wrap img{width:100%;height:auto;display:block;transition:transform .4s ease}
.urun-img-wrap:hover img{transform:scale(1.05)}

/* === Filter panel === */
.filter-panel{background:var(--color-bg-section);padding:20px;border-radius:12px;border:1px solid var(--color-border-light)}
.filter-panel h4{margin:0 0 15px;font-size:16px;font-weight:700}
.filter-panel .form-group{margin-bottom:15px}
.filter-panel label{font-size:13px;font-weight:600;margin-bottom:5px}

/* === Sidebar categories === */
.kategori_sol h1{font-size:20px;font-weight:700;margin:0 0 15px}
.kategoriler{list-style:none;padding:0}
.kategoriler li{padding:6px 0;border-bottom:1px solid var(--color-border-light)}
.kategoriler li a{color:var(--color-text);font-size:13px;transition:color .2s}
.kategoriler li a:hover{color:var(--color-primary)}

/* === Price section === */
.urun .fiyat .eski{color:#999;font-size:12px;text-decoration:line-through}
.urun .fiyat .eski span:last-child{background:var(--color-danger);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;margin-left:5px}
.urun .fiyat .guncel{font-size:16px;font-weight:800;color:var(--color-primary)}

/* === Pagination === */
.pagination{display:flex;gap:4px;list-style:none;padding:0}
.pagination li a,.pagination li span{padding:8px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:13px;color:var(--color-text);transition:all .2s;text-decoration:none}
.pagination li.active a,.pagination li.active span{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.pagination li a:hover{background:var(--color-bg-section);color:var(--color-primary)}

.ad-container{min-height:10px;margin:0 auto;padding:10px 0;text-align:center;overflow:hidden}
    .ad-slot{display:block;margin:0 auto;max-width:100%}
    .ad-slot ins{display:block!important;max-width:100%!important}
    .ad-header{max-width:1200px}
    .ad-content-above,.ad-content-below{max-width:970px;margin:15px auto}
    .ad-footer{max-width:1200px;padding:15px 0;border-top:1px solid #eee}
    @media(max-width:768px){
      .ad-container{padding:8px 0}
      .ad-header{max-width:100%}
      .ad-content-above,.ad-content-below{max-width:100%;margin:10px auto}
    }

    /* === VISUAL HIERARCHY IMPROVEMENTS v2 === */
    .menu1 li a i,.menu2 li a i,.footer_sosyal li a i,.destek i,.footer_menu li a i{margin-right:6px;vertical-align:middle}
    .destek div:last-child span{display:block;margin-bottom:2px}
    .destek div:last-child a{font-size:15px;font-weight:700}
    .destek{display:flex;align-items:flex-start;gap:12px;padding:8px 0}
    .destek>div:first-child{flex-shrink:0;font-size:28px;color:var(--color-primary);margin-top:2px}
/* old .header-top-row li rules removed */
    .footer_menu{line-height:1.8}
    .footer_menu li{margin-bottom:4px}
    .footer_menu li:first-child{font-size:16px;font-weight:700;margin-bottom:12px;color:#fff}
    .kontrol{display:flex;align-items:center;gap:8px}
    .kontrol span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--color-bg-section);transition:all .2s}
    .kontrol span:hover{background:var(--color-primary);color:#fff}
    .section-title{font-size:20px;font-weight:700;margin-bottom:6px}
    .section-subtitle{color:var(--color-text-light);font-size:14px;margin:0}
    .urun .link{display:block;padding:10px 12px 4px;font-size:14px;line-height:1.4;color:var(--color-text)}
    .urun .fiyat{padding:6px 12px 12px}
    .urun{border:1px solid var(--color-border-light);border-radius:12px;overflow:hidden;background:var(--color-bg);transition:all .3s ease}