*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#151916;background:#fff}.sl-body a{text-decoration:none;color:inherit}.sl-container{width:min(1480px,calc(100% - 48px));margin-inline:auto}.sl-top-strip{background:linear-gradient(90deg,#073f2d 0 25%,#c90a1d 25%);color:#fff;font-size:12px}.sl-top-strip-inner{height:35px;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:24px}.sl-top-strip-inner>div:nth-child(2){display:flex;justify-content:center;gap:24px}.sl-header{background:#fff;position:relative;z-index:50}.sl-header-row{height:104px;display:grid;grid-template-columns:220px minmax(320px,1fr) 300px;gap:28px;align-items:center}.sl-logo img{width:180px;max-height:62px;display:block}.sl-search{height:50px;border:1px solid #d6ddd8;border-radius:4px;display:flex;overflow:hidden}.sl-search input{flex:1;border:0;padding:0 17px;font-size:14px;outline:none}.sl-search button{width:58px;border:0;background:#fff;font-size:25px;cursor:pointer}.sl-actions{display:flex;justify-content:flex-end;gap:32px}.sl-actions a{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px}.sl-actions span{font-size:22px}.sl-actions small{font-size:11px}.sl-cart-action b{position:absolute;right:-8px;top:-8px;background:#cf0a1d;color:#fff;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:10px}.sl-mobile-menu{display:none}.sl-nav-wrap{background:#07452f;color:#fff}.sl-main-nav{height:58px;display:flex;align-items:stretch}.sl-main-nav>a,.sl-main-nav>.category-menu>a,.sl-main-nav .category-menu-item>a{display:flex;align-items:center;padding:0 24px;font-size:13px;font-weight:800;white-space:nowrap}.sl-main-nav>a:hover{background:#043a27}.sl-b2b{margin-left:auto;background:#ca0a1d}.category-menu{display:flex!important;align-items:stretch!important;background:transparent!important;box-shadow:none!important}.category-menu-list{display:flex!important;height:58px!important;gap:0!important}.category-menu-item{position:relative!important;display:flex!important}.category-menu-item>a{height:58px!important;color:#fff!important}.category-submenu{top:58px!important;left:0!important;min-width:240px!important}.sl-main{min-height:60vh}.sl-hero{position:relative;height:min(470px,31vw);min-height:330px;background:#111;overflow:hidden}.sl-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease}.sl-hero-slide.is-active{opacity:1;visibility:visible}.sl-hero-slide img{width:100%;height:100%;object-fit:cover;display:block}.sl-slider-prev,.sl-slider-next{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:58px;border:0;background:rgba(0,0,0,.42);color:#fff;font-size:36px;cursor:pointer}.sl-slider-prev{left:18px}.sl-slider-next{right:18px}.sl-slider-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.sl-slider-dots button{width:9px;height:9px;border:1px solid #fff;border-radius:50%;padding:0;background:transparent}.sl-slider-dots .is-active{background:#fff}.sl-brand-row{height:100px;display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #e5e9e6}.sl-brand-cell{display:flex;align-items:center;justify-content:center;border-right:1px solid #eef1ef;padding:12px}.sl-brand-cell img{max-width:140px;max-height:48px;object-fit:contain}.sl-brand-cell strong{font-size:22px;letter-spacing:1px}.sl-all-brands{font-size:12px;font-weight:900;color:#0b5138}.sl-category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:26px 0}.sl-category-box{min-height:112px;border:1px solid #e1e6e2;background:#f8faf8;border-radius:5px;padding:14px;display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;align-items:center}.sl-category-box>div{grid-row:1/3;width:70px;height:70px;display:grid;place-items:center}.sl-category-box img{width:100%;height:100%;object-fit:contain}.sl-category-box>div span{font-size:30px}.sl-category-box strong{font-size:14px}.sl-category-box small{color:#707872}.sl-section{padding:22px 0}.sl-section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e6e3;padding-bottom:12px;margin-bottom:18px}.sl-section-title h2{margin:0;font-size:18px}.sl-section-title a,.sl-section-title span{font-size:12px}.sl-product-grid{display:grid;gap:15px}.sl-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sl-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sl-product-card{min-width:0;border:1px solid #efb8bd;background:#fff;display:flex;flex-direction:column;transition:.2s ease}.sl-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,50,33,.09)}.sl-product-media{position:relative;height:265px;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}.sl-product-media img{width:100%;height:100%;object-fit:contain;padding:18px}.sl-product-placeholder{font-size:18px;font-weight:900;color:#a1aaa4}.sl-favorite{position:absolute;right:12px;top:9px;font-size:23px;color:#c1c7c3}.sl-sale-label{position:absolute;left:10px;top:10px;background:#ca0a1d;color:#fff;padding:5px 8px;font-size:10px;font-weight:900}.sl-product-content{padding:13px;display:flex;flex-direction:column;flex:1}.sl-product-content small{color:#747d77;font-size:10px;text-transform:uppercase}.sl-product-content h3{font-size:14px;line-height:1.35;min-height:38px;margin:8px 0}.sl-product-price{display:flex;align-items:center;gap:9px;margin-top:auto}.sl-product-price strong{font-size:18px}.sl-product-price del{color:#8e9691;font-size:12px}.sl-countdown{display:flex;justify-content:center;align-items:center;gap:4px;background:#171a18;color:#fff;margin-top:8px;padding:7px;font-size:11px}.sl-countdown i{font-style:normal;color:#ff5967}.sl-add-cart button{width:100%;margin-top:11px;border:0;background:#cf0a1d;color:#fff;padding:11px;font-weight:900;cursor:pointer}.sl-home-bottom{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px;padding:26px 0}.sl-bottom-panel{border-top:1px solid #dce2de;padding-top:18px}.sl-compact-grid .sl-product-media{height:175px}.sl-compact-grid .sl-product-content h3{font-size:12px}.sl-ranked-products{list-style:none;padding:0;margin:0}.sl-ranked-products li{display:grid;grid-template-columns:27px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #ecefed}.sl-ranked-products span{color:#096140;font-weight:900}.sl-ranked-products a,.sl-ranked-products b{font-size:12px}.sl-footer{background:#083f2c;color:#fff;margin-top:38px}.sl-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;padding:42px 0}.sl-footer-grid img{width:170px;filter:brightness(0) invert(1)}.sl-footer-grid p{line-height:1.6;color:#dce7e1}.sl-footer-grid h3{margin-top:0}.sl-footer-grid a{display:block;color:#d8e5de;margin:9px 0;font-size:13px}.sl-footer-benefits{border-top:1px solid rgba(255,255,255,.16)}.sl-footer-benefits .sl-container{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 0}.sl-footer-benefits span{display:flex;flex-direction:column;align-items:center;border-right:1px solid rgba(255,255,255,.18)}.sl-footer-benefits span:last-child{border-right:0}.sl-footer-benefits small{margin-top:4px}.sl-footer-bottom{background:#052f21;text-align:center;padding:12px;font-size:12px}.sl-footer-bottom a{color:#fff}.sl-breadcrumb{display:flex;align-items:center;gap:8px;padding:17px 0;font-size:12px;color:#69716c}.sl-category-hero{background:linear-gradient(90deg,#111,rgba(17,17,17,.79)),url('/assets/images/sliders/karadagonline_slider_01.jpg') center/cover;color:#fff;padding:48px 0}.sl-category-hero h1{font-size:40px;margin:8px 0}.sl-category-hero p{margin:0;max-width:620px}.sl-category-layout{display:grid;grid-template-columns:245px 1fr;gap:30px;padding:30px 0}.sl-filter-sidebar{border-right:1px solid #e0e5e1;padding-right:23px}.sl-filter-sidebar h3{font-size:15px}.sl-filter-sidebar details{padding:14px 0;border-bottom:1px solid #ecefed}.sl-filter-sidebar summary{font-weight:900;cursor:pointer}.sl-filter-sidebar label{display:block;margin-top:10px;font-size:13px}.sl-filter-sidebar input[type=range]{width:100%;margin-top:14px}.sl-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sl-toolbar select{height:38px;border:1px solid #d8ddd9;background:#fff;padding:0 12px}.sl-pagination{margin-top:28px}.sl-empty-state,.sl-empty-cart{grid-column:1/-1;border:1px dashed #cfd6d1;padding:42px;text-align:center}.sl-product-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:62px;padding:16px 0 46px}.sl-gallery{display:grid;grid-template-columns:86px 1fr;gap:17px}.sl-thumbs{display:flex;flex-direction:column;gap:11px}.sl-thumbs button{height:86px;border:1px solid #dce1de;background:#fff;padding:6px}.sl-thumbs img{width:100%;height:100%;object-fit:contain}.sl-main-image{height:590px;border:1px solid #dfe4e1;display:grid;place-items:center;background:#fff}.sl-main-image img{width:100%;height:100%;object-fit:contain;padding:42px}.sl-product-summary{padding-top:12px}.sl-product-summary>small{text-transform:uppercase;color:#6d756f}.sl-product-summary h1{font-size:34px;margin:10px 0 12px;line-height:1.2}.sl-product-meta{display:flex;gap:15px;align-items:center;font-size:12px}.sl-product-meta span{color:#e0aa00}.sl-product-meta b{font-weight:500;color:#6d756f}.sl-detail-price{font-size:34px;font-weight:900;color:#c90a1d;margin:25px 0 9px}.sl-stock-status strong{color:#087e45}.sl-sale-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.sl-sale-options label{border:1px solid #dfe4e1;padding:14px;display:flex;align-items:flex-start;gap:9px}.sl-sale-options b,.sl-sale-options small{display:block}.sl-sale-options small{color:#747c77;margin-top:3px}.sl-detail-cart{display:grid;grid-template-columns:132px 1fr 48px;gap:10px;margin-top:20px}.sl-quantity{height:46px;border:1px solid #d8ddd9;display:grid;grid-template-columns:38px 1fr 38px}.sl-quantity button,.sl-quantity input{border:0;background:#fff;text-align:center}.sl-detail-cart>button[type=submit]{border:0;background:#cf0a1d;color:#fff;font-weight:900}.sl-heart{border:1px solid #d8ddd9;background:#fff;font-size:23px}.sl-detail-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.sl-detail-benefits span{font-size:12px}.sl-detail-benefits b,.sl-detail-benefits small{display:block}.sl-detail-benefits small{color:#727a74;margin-top:4px}.sl-tabs{border-top:1px solid #dfe4e1;padding:18px 0}.sl-tabs nav{display:flex;gap:30px;border-bottom:1px solid #dfe4e1}.sl-tabs nav button{border:0;background:#fff;padding:14px 0;font-weight:900}.sl-tabs nav .is-active{border-bottom:3px solid #0a6041}.sl-tab-panel{display:none;padding:24px 0;line-height:1.7}.sl-tab-panel.is-active{display:block}.sl-logistics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sl-logistics-grid span{padding:13px;background:#f7f9f8}.sl-logistics-grid b{display:block;margin-bottom:4px}.sl-cart-layout{display:grid;grid-template-columns:1fr 360px;gap:34px;padding-bottom:48px}.sl-cart-products h1{font-size:28px}.sl-cart-products h1 span{font-size:17px;color:#767e79}.sl-cart-item{display:grid;grid-template-columns:110px 1fr 130px 110px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #e9ecea}.sl-cart-image{height:100px;border:1px solid #edf0ee}.sl-cart-image img{width:100%;height:100%;object-fit:contain;padding:6px}.sl-cart-image div{height:100%;display:grid;place-items:center}.sl-cart-info small{color:#737b76}.sl-cart-info h3{margin:5px 0}.sl-cart-info span{font-size:12px}.sl-order-summary{border:1px solid #dfe4e1;padding:24px;height:max-content;position:sticky;top:18px}.sl-order-summary h2{margin-top:0}.sl-order-summary>div{display:flex;justify-content:space-between;padding:13px 0}.sl-summary-total{border-top:1px solid #dfe4e1;font-size:18px}.sl-free{color:#078045}.sl-order-summary>a{display:block;text-align:center;background:#cf0a1d;color:#fff;padding:14px;font-weight:900}.sl-empty-cart a{display:inline-block;margin-top:12px;background:#cf0a1d;color:#fff;padding:11px 17px}
@media(max-width:1150px){.sl-header-row{grid-template-columns:180px 1fr 240px}.sl-main-nav>a,.sl-main-nav>.category-menu>a,.sl-main-nav .category-menu-item>a{padding-inline:13px;font-size:11px}.sl-grid-5{grid-template-columns:repeat(4,1fr)}.sl-home-bottom{grid-template-columns:1fr 1fr}.sl-bottom-wide{grid-column:1/-1}}
@media(max-width:760px){.sl-container{width:min(100% - 20px,680px)}.sl-top-strip{background:#07452f}.sl-top-strip-inner{height:34px;display:flex;justify-content:center}.sl-top-strip-inner>div{display:none}.sl-header-row{height:auto;grid-template-columns:42px 1fr 138px;gap:8px;padding:11px 0}.sl-mobile-menu{display:block;border:0;background:#fff;font-size:24px}.sl-logo img{width:112px;margin:auto}.sl-search{grid-column:1/-1;grid-row:2;height:43px}.sl-actions{gap:16px}.sl-actions small{display:none}.sl-nav-wrap{display:none}.sl-nav-wrap.is-open{display:block}.sl-main-nav{height:auto;display:flex;flex-direction:column}.category-menu,.category-menu-list{display:flex!important;flex-direction:column!important;height:auto!important}.sl-main-nav>a,.sl-main-nav .category-menu-item>a{height:auto!important;padding:14px 18px!important}.sl-b2b{margin-left:0}.sl-hero{height:270px;min-height:0}.sl-brand-row{height:72px;display:flex;overflow-x:auto}.sl-brand-cell{min-width:130px}.sl-all-brands{display:none}.sl-category-row{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px 0}.sl-category-box{min-height:90px;grid-template-columns:54px 1fr;padding:9px}.sl-category-box>div{width:50px;height:50px}.sl-grid-5,.sl-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-section{padding:15px 0}.sl-product-media{height:185px}.sl-product-content{padding:9px}.sl-product-content h3{font-size:12px;min-height:34px}.sl-product-price strong{font-size:15px}.sl-add-cart button{padding:10px;font-size:12px}.sl-home-bottom{grid-template-columns:1fr;padding:14px 0}.sl-footer-grid{grid-template-columns:1fr 1fr;gap:24px;padding:28px 0}.sl-footer-grid>div:first-child{grid-column:1/-1}.sl-footer-benefits .sl-container{grid-template-columns:repeat(2,1fr);gap:14px}.sl-footer-benefits span{border:0}.sl-category-hero{padding:28px 0}.sl-category-hero h1{font-size:28px}.sl-category-layout{grid-template-columns:1fr;padding:15px 0}.sl-filter-sidebar{display:none}.sl-product-detail{grid-template-columns:1fr;gap:18px;padding-top:0}.sl-gallery{grid-template-columns:1fr}.sl-thumbs{display:none}.sl-main-image{height:360px}.sl-main-image img{padding:24px}.sl-product-summary h1{font-size:24px}.sl-detail-price{font-size:28px}.sl-sale-options{grid-template-columns:1fr 1fr}.sl-detail-cart{grid-template-columns:110px 1fr 44px}.sl-tabs nav{overflow-x:auto;gap:18px}.sl-tabs nav button{white-space:nowrap;font-size:11px}.sl-logistics-grid{grid-template-columns:1fr}.sl-cart-layout{grid-template-columns:1fr}.sl-cart-item{grid-template-columns:82px 1fr;gap:10px}.sl-cart-item .sl-quantity{grid-column:2;max-width:125px}.sl-cart-item>strong{grid-column:2}.sl-order-summary{position:static}}
/* KARADAG CLEAN MAIN MENU FIX */
.sl-main-nav{
display:flex;
align-items:stretch;
gap:0;
overflow:visible;
}
.sl-main-nav > a{
display:flex;
align-items:center;
justify-content:center;
min-height:58px;
padding:0 18px;
font-size:12px;
line-height:1;
font-weight:800;
letter-spacing:.2px;
color:#fff;
border-right:1px solid rgba(255,255,255,.08);
white-space:nowrap;
}
.sl-main-nav > a:hover{
background:#043823;
}
.sl-main-nav > .sl-b2b{
margin-left:auto;
background:#c90819;
padding-inline:26px;
}
@media (max-width:1200px){
.sl-main-nav > a{
padding-inline:11px;
font-size:11px;
}
}
@media (max-width:760px){
.sl-main-nav{
flex-direction:column;
}
.sl-main-nav > a{
justify-content:flex-start;
width:100%;
min-height:auto;
padding:14px 18px;
border-right:0;
border-bottom:1px solid rgba(255,255,255,.08);
}
.sl-main-nav > .sl-b2b{
margin-left:0;
}
}
/* KARADAG PRODUCT SHARE */
.sl-product-share{
max-width:1280px;
margin:24px auto;
padding:18px;
border:1px solid #e1e8e4;
border-radius:12px;
background:#fff;
}
.sl-product-share > strong{
display:block;
margin-bottom:12px;
font-size:15px;
color:#123d2c;
}
.sl-share-buttons{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.sl-share-btn{
min-height:42px;
padding:0 17px;
display:inline-flex;
align-items:center;
justify-content:center;
border:0;
border-radius:8px;
color:#fff !important;
font-size:13px;
font-weight:800;
text-decoration:none;
cursor:pointer;
}
.sl-share-btn.whatsapp{background:#1fa855;}
.sl-share-btn.instagram{background:#c13584;}
.sl-share-btn.facebook{background:#1877f2;}
.sl-share-btn.linkedin{background:#0a66c2;}
.sl-share-btn.x{background:#111;}
.sl-share-btn:hover{
opacity:.88;
transform:translateY(-1px);
}
@media(max-width:600px){
.sl-share-buttons{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
}
.sl-share-btn{
width:100%;
}
}
/* KARADAG PRODUCT QR AND BARCODES */
.sl-product-codes{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:18px 0 10px;
}
.sl-code-card{
min-width:0;
min-height:155px;
padding:12px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border:1px solid #dfe7e2;
border-radius:10px;
background:#fff;
overflow:hidden;
}
.sl-code-card > span{
margin-bottom:8px;
color:#173d2c;
font-size:11px;
font-weight:900;
letter-spacing:.5px;
}
.sl-code-card svg{
width:100%;
max-width:190px;
height:66px;
}
.sl-code-card small{
display:block;
margin-top:7px;
color:#606d66;
font-size:11px;
overflow-wrap:anywhere;
text-align:center;
}
.sl-qr-card{
min-height:175px;
}
#saykosProductQr{
width:124px;
height:124px;
padding:4px;
background:#fff;
}
#saykosProductQr img,
#saykosProductQr canvas{
width:116px !important;
height:116px !important;
display:block;
}
.sl-code-print{
margin-bottom:16px;
padding:9px 14px;
border:1px solid #176844;
border-radius:7px;
background:#fff;
color:#176844;
font-size:12px;
font-weight:800;
cursor:pointer;
}
.sl-code-print:hover{
background:#176844;
color:#fff;
}
@media(max-width:760px){
.sl-product-codes{
grid-template-columns:1fr 1fr;
}
.sl-qr-card{
grid-column:1 / -1;
}
}
@media(max-width:480px){
.sl-product-codes{
grid-template-columns:1fr;
}
.sl-qr-card{
grid-column:auto;
}
}
@media print{
body *{
visibility:hidden;
}
#saykosProductCodes,
#saykosProductCodes *{
visibility:visible;
}
#saykosProductCodes{
position:absolute;
left:20px;
top:20px;
width:760px;
}
}
/* KARADAG PROFESSIONAL COMPACT CART */
.sl-cart-professional{
align-items:start;
}
.sl-cart-heading{
display:flex;
align-items:center;
gap:10px;
margin-bottom:14px;
}
.sl-cart-heading h1{
margin:0;
font-size:22px;
line-height:1.2;
}
.sl-cart-heading span{
padding:4px 9px;
border-radius:20px;
background:#edf3ef;
color:#596860;
font-size:11px;
font-weight:700;
}
.sl-cart-table-head{
display:grid;
grid-template-columns:72px 145px 72px minmax(180px,1fr) 68px 92px 105px;
gap:12px;
align-items:center;
min-height:36px;
padding:0 10px;
border-top:1px solid #e4e9e6;
border-bottom:1px solid #e4e9e6;
background:#f7f9f8;
color:#6d7872;
font-size:10px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.35px;
}
.sl-cart-item-professional{
display:grid;
grid-template-columns:72px 145px 72px minmax(180px,1fr) 68px 92px 105px;
gap:12px;
align-items:center;
min-height:94px;
padding:10px;
border-bottom:1px solid #e7ebe8;
background:#fff;
}
.sl-cart-item-professional:hover{
background:#fbfcfb;
}
.sl-cart-item-professional .sl-cart-image{
width:72px;
height:72px;
border:1px solid #e3e8e5;
border-radius:6px;
overflow:hidden;
background:#fff;
}
.sl-cart-item-professional .sl-cart-image img{
width:100%;
height:100%;
padding:5px;
object-fit:contain;
}
.sl-cart-item-professional .sl-cart-image div{
height:100%;
display:grid;
place-items:center;
color:#8b958f;
font-size:10px;
font-weight:800;
}
.sl-cart-barcode{
min-width:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.sl-cart-barcode svg{
display:block;
width:135px;
max-width:100%;
height:36px;
}
.sl-cart-barcode small{
display:block;
max-width:140px;
margin-top:3px;
overflow:hidden;
color:#59645e;
font-size:9px;
line-height:1;
text-overflow:ellipsis;
white-space:nowrap;
}
.sl-cart-barcode > span{
color:#9aa39e;
font-size:12px;
}
.sl-cart-qr{
display:flex;
align-items:center;
justify-content:center;
}
.sl-cart-qr > div{
width:58px;
height:58px;
}
.sl-cart-qr img,
.sl-cart-qr canvas{
display:block;
width:58px !important;
height:58px !important;
}
.sl-cart-item-professional .sl-cart-info{
min-width:0;
}
.sl-cart-item-professional .sl-cart-info small{
display:block;
margin-bottom:3px;
color:#7a847f;
font-size:9px;
font-weight:700;
text-transform:uppercase;
}
.sl-cart-item-professional .sl-cart-info h3{
margin:0 0 4px;
color:#1d2621;
font-size:12px;
line-height:1.3;
font-weight:750;
}
.sl-cart-item-professional .sl-cart-info span,
.sl-cart-item-professional .sl-cart-info em{
display:block;
color:#707b75;
font-size:9px;
line-height:1.35;
font-style:normal;
}
.sl-cart-quantity-cell,
.sl-cart-price-cell,
.sl-cart-total-cell{
text-align:center;
}
.sl-cart-quantity-cell strong{
display:inline-flex;
min-width:30px;
height:30px;
align-items:center;
justify-content:center;
border:1px solid #dfe5e1;
border-radius:5px;
background:#fff;
font-size:11px;
}
.sl-cart-price-cell strong{
font-size:11px;
font-weight:700;
white-space:nowrap;
}
.sl-cart-total-cell strong{
color:#c90819;
font-size:12px;
font-weight:900;
white-space:nowrap;
}
.sl-mobile-label{
display:none;
}
.sl-cart-professional .sl-order-summary{
padding:20px;
}
.sl-cart-professional .sl-order-summary h2{
font-size:18px;
}
.sl-cart-professional .sl-order-summary > div{
font-size:13px;
}
@media(max-width:1100px){
.sl-cart-table-head,
.sl-cart-item-professional{
grid-template-columns:65px 120px 62px minmax(145px,1fr) 55px 82px 92px;
gap:8px;
}
.sl-cart-barcode svg{
width:110px;
}
}
@media(max-width:760px){
.sl-cart-table-head{
display:none;
}
.sl-cart-item-professional{
grid-template-columns:70px 70px 1fr;
gap:9px;
align-items:start;
padding:12px 0;
}
.sl-cart-item-professional .sl-cart-image{
width:70px;
height:70px;
}
.sl-cart-barcode{
grid-column:1 / 3;
grid-row:2;
align-items:flex-start;
}
.sl-cart-barcode svg{
width:130px;
}
.sl-cart-qr{
grid-column:2;
grid-row:1;
}
.sl-cart-item-professional .sl-cart-info{
grid-column:3;
grid-row:1 / 3;
}
.sl-cart-quantity-cell,
.sl-cart-price-cell,
.sl-cart-total-cell{
display:flex;
align-items:center;
justify-content:space-between;
grid-column:1 / -1;
padding:7px 0;
border-top:1px dashed #e4e8e5;
text-align:left;
}
.sl-mobile-label{
display:inline;
color:#77817b;
font-size:10px;
font-weight:700;
text-transform:uppercase;
}
}
/* KARADAG PRODUCT FRONT PRICE TIERS */
.sl-live-price-note{
margin-top:-4px;
margin-bottom:12px;
color:#6c7771;
font-size:11px;
font-weight:700;
}
.sl-tier-prices{
margin:20px 0;
padding:16px;
border:1px solid #dde6e1;
border-radius:12px;
background:#f9fbfa;
}
.sl-tier-title{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:15px;
margin-bottom:14px;
}
.sl-tier-title small{
display:block;
color:#08704a;
font-size:9px;
font-weight:900;
letter-spacing:.7px;
}
.sl-tier-title h3{
margin:4px 0 0;
color:#173328;
font-size:16px;
}
.sl-tier-title > span{
padding:5px 9px;
border-radius:20px;
background:#e8f3ed;
color:#0b6847;
font-size:9px;
font-weight:800;
white-space:nowrap;
}
.sl-tier-group + .sl-tier-group{
margin-top:17px;
padding-top:17px;
border-top:1px solid #e1e7e3;
}
.sl-tier-group h4{
margin:0 0 9px;
color:#33443b;
font-size:12px;
}
.sl-tier-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:7px;
}
.sl-tier-card{
min-width:0;
padding:9px 8px;
border:1px solid #dce4df;
border-radius:8px;
background:#fff;
text-align:center;
transition:.18s ease;
}
.sl-tier-card span,
.sl-tier-card strong,
.sl-tier-card small{
display:block;
}
.sl-tier-card span{
color:#65716a;
font-size:9px;
font-weight:800;
}
.sl-tier-card strong{
margin:5px 0 2px;
color:#173d2c;
font-size:14px;
}
.sl-tier-card small{
color:#8a938e;
font-size:8px;
}
.sl-tier-card-carton{
border-color:#ead8da;
background:#fffafa;
}
.sl-tier-card-carton strong{
color:#b20c1c;
}
.sl-tier-card.is-active{
border-color:#08704a;
background:#edf8f2;
box-shadow:0 0 0 2px rgba(8,112,74,.10);
transform:translateY(-1px);
}
.sl-tier-card-carton.is-active{
border-color:#c90819;
background:#fff0f1;
box-shadow:0 0 0 2px rgba(201,8,25,.08);
}
.sl-tier-group > p{
margin:9px 0 0;
color:#68736d;
font-size:10px;
}
@media(max-width:760px){
.sl-tier-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.sl-tier-title{
flex-direction:column;
gap:7px;
}
}
/* KARADAG PRODUCT FRONT PRICE TIERS */
.sl-live-price-note{
margin-top:-4px;
margin-bottom:12px;
color:#6c7771;
font-size:11px;
font-weight:700;
}
.sl-tier-prices{
margin:20px 0;
padding:16px;
border:1px solid #dde6e1;
border-radius:12px;
background:#f9fbfa;
}
.sl-tier-title{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:15px;
margin-bottom:14px;
}
.sl-tier-title small{
display:block;
color:#08704a;
font-size:9px;
font-weight:900;
letter-spacing:.7px;
}
.sl-tier-title h3{
margin:4px 0 0;
color:#173328;
font-size:16px;
}
.sl-tier-title > span{
padding:5px 9px;
border-radius:20px;
background:#e8f3ed;
color:#0b6847;
font-size:9px;
font-weight:800;
white-space:nowrap;
}
.sl-tier-group + .sl-tier-group{
margin-top:17px;
padding-top:17px;
border-top:1px solid #e1e7e3;
}
.sl-tier-group h4{
margin:0 0 9px;
color:#33443b;
font-size:12px;
}
.sl-tier-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:7px;
}
.sl-tier-card{
min-width:0;
padding:9px 8px;
border:1px solid #dce4df;
border-radius:8px;
background:#fff;
text-align:center;
transition:.18s ease;
}
.sl-tier-card span,
.sl-tier-card strong,
.sl-tier-card small{
display:block;
}
.sl-tier-card span{
color:#65716a;
font-size:9px;
font-weight:800;
}
.sl-tier-card strong{
margin:5px 0 2px;
color:#173d2c;
font-size:14px;
}
.sl-tier-card small{
color:#8a938e;
font-size:8px;
}
.sl-tier-card-carton{
border-color:#ead8da;
background:#fffafa;
}
.sl-tier-card-carton strong{
color:#b20c1c;
}
.sl-tier-card.is-active{
border-color:#08704a;
background:#edf8f2;
box-shadow:0 0 0 2px rgba(8,112,74,.10);
transform:translateY(-1px);
}
.sl-tier-card-carton.is-active{
border-color:#c90819;
background:#fff0f1;
box-shadow:0 0 0 2px rgba(201,8,25,.08);
}
.sl-tier-group > p{
margin:9px 0 0;
color:#68736d;
font-size:10px;
}
@media(max-width:760px){
.sl-tier-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.sl-tier-title{
flex-direction:column;
gap:7px;
}
}
/* KARADAG PRODUCT FRONT PRICE TIERS */
.sl-live-price-note{
margin-top:-4px;
margin-bottom:12px;
color:#6c7771;
font-size:11px;
font-weight:700;
}
.sl-tier-prices{
margin:20px 0;
padding:16px;
border:1px solid #dde6e1;
border-radius:12px;
background:#f9fbfa;
}
.sl-tier-title{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:15px;
margin-bottom:14px;
}
.sl-tier-title small{
display:block;
color:#08704a;
font-size:9px;
font-weight:900;
letter-spacing:.7px;
}
.sl-tier-title h3{
margin:4px 0 0;
color:#173328;
font-size:16px;
}
.sl-tier-title > span{
padding:5px 9px;
border-radius:20px;
background:#e8f3ed;
color:#0b6847;
font-size:9px;
font-weight:800;
white-space:nowrap;
}
.sl-tier-group + .sl-tier-group{
margin-top:17px;
padding-top:17px;
border-top:1px solid #e1e7e3;
}
.sl-tier-group h4{
margin:0 0 9px;
color:#33443b;
font-size:12px;
}
.sl-tier-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:7px;
}
.sl-tier-card{
min-width:0;
padding:9px 8px;
border:1px solid #dce4df;
border-radius:8px;
background:#fff;
text-align:center;
transition:.18s ease;
}
.sl-tier-card span,
.sl-tier-card strong,
.sl-tier-card small{
display:block;
}
.sl-tier-card span{
color:#65716a;
font-size:9px;
font-weight:800;
}
.sl-tier-card strong{
margin:5px 0 2px;
color:#173d2c;
font-size:14px;
}
.sl-tier-card small{
color:#8a938e;
font-size:8px;
}
.sl-tier-card-carton{
border-color:#ead8da;
background:#fffafa;
}
.sl-tier-card-carton strong{
color:#b20c1c;
}
.sl-tier-card.is-active{
border-color:#08704a;
background:#edf8f2;
box-shadow:0 0 0 2px rgba(8,112,74,.10);
transform:translateY(-1px);
}
.sl-tier-card-carton.is-active{
border-color:#c90819;
background:#fff0f1;
box-shadow:0 0 0 2px rgba(201,8,25,.08);
}
.sl-tier-group > p{
margin:9px 0 0;
color:#68736d;
font-size:10px;
}
@media(max-width:760px){
.sl-tier-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.sl-tier-title{
flex-direction:column;
gap:7px;
}
}
/* ONLY ACTIVE SALE TYPE TIERS */
.sl-tier-compact-list[hidden]{
display:none !important;
}
/* ONLY ACTIVE SALE TYPE TIERS */
.sl-tier-compact-list[hidden]{
display:none !important;
}
/* KARADAG COMPACT PRODUCT TIER PRICES */
.sl-compact-tier-prices{
margin:10px 0 14px;
padding:9px 11px;
border:1px solid #e2e8e4;
border-radius:7px;
background:#fafcfb;
}
.sl-compact-tier-title{
margin-bottom:7px;
color:#17412f;
font-size:10px;
font-weight:900;
}
.sl-compact-tier-list{
display:flex;
flex-wrap:wrap;
gap:5px;
}
.sl-compact-tier-list[hidden]{
display:none !important;
}
.sl-compact-tier-list span{
padding:5px 7px;
display:flex;
align-items:center;
gap:5px;
border:1px solid #e4e9e6;
border-radius:5px;
background:#fff;
}
.sl-compact-tier-list small{
color:#6d7872;
font-size:8px;
font-weight:700;
}
.sl-compact-tier-list b{
color:#08704a;
font-size:9px;
white-space:nowrap;
}
.sl-compact-tier-list[data-price-tier="carton"] b{
color:#bd1020;
}
.sl-compact-tier-list em{
width:100%;
margin-top:3px;
color:#77817c;
font-size:8px;
font-style:normal;
}
/* KARADAG COMPACT PRODUCT ACTION AREA */
.sl-detail-cart{
display:grid;
grid-template-columns:105px minmax(180px,1fr) 40px;
gap:8px;
margin-top:14px;
}
.sl-detail-cart .sl-quantity{
height:40px;
grid-template-columns:32px 1fr 32px;
border-radius:6px;
overflow:hidden;
}
.sl-detail-cart .sl-quantity button,
.sl-detail-cart .sl-quantity input{
font-size:12px;
}
.sl-detail-cart > button[type="submit"]{
min-height:40px;
border-radius:6px;
font-size:11px;
letter-spacing:.3px;
}
.sl-detail-cart .sl-heart{
height:40px;
border-radius:6px;
font-size:18px;
}
.sl-detail-benefits{
display:flex;
align-items:center;
gap:18px;
margin-top:14px;
padding:10px 12px;
border:1px solid #e4e9e6;
border-radius:7px;
background:#fafcfb;
}
.sl-detail-benefits span{
position:relative;
flex:1;
padding-right:14px;
font-size:9px;
line-height:1.3;
}
.sl-detail-benefits span:not(:last-child)::after{
content:"";
position:absolute;
top:0;
right:0;
width:1px;
height:100%;
background:#e0e6e2;
}
.sl-detail-benefits b{
font-size:10px;
color:#173d2c;
}
.sl-detail-benefits small{
margin-top:2px;
font-size:8px;
color:#78827c;
}
@media(max-width:600px){
.sl-detail-cart{
grid-template-columns:92px 1fr 38px;
}
.sl-detail-benefits{
gap:8px;
padding:9px;
}
.sl-detail-benefits span{
padding-right:7px;
}
}
/* PRODUCT ACTION FINAL FIX */
.sl-detail-cart{
display:grid;
grid-template-columns:96px 150px 38px;
gap:8px;
justify-content:start;
align-items:center;
}
.sl-detail-cart .sl-quantity{
display:grid;
grid-template-columns:30px 36px 30px;
width:96px;
height:40px;
border:1px solid #d8ddd9;
border-radius:6px;
overflow:hidden;
background:#fff;
}
.sl-detail-cart .sl-quantity button{
display:flex !important;
align-items:center;
justify-content:center;
width:30px;
height:40px;
padding:0;
border:0;
background:#fff;
color:#173d2c;
font-size:18px;
font-weight:800;
cursor:pointer;
}
.sl-detail-cart .sl-quantity input{
width:36px;
height:40px;
padding:0;
border:0;
border-left:1px solid #e3e7e4;
border-right:1px solid #e3e7e4;
background:#fff;
text-align:center;
font-size:12px;
font-weight:800;
}
.sl-detail-cart > button[type="submit"]{
width:150px;
min-width:150px;
height:40px;
padding:0 14px;
border:0;
border-radius:6px;
background:#cf0a1d;
color:#fff;
font-size:11px;
font-weight:900;
white-space:nowrap;
cursor:pointer;
}
.sl-detail-cart .sl-heart{
width:38px;
height:40px;
padding:0;
}
@media(max-width:600px){
.sl-detail-cart{
grid-template-columns:96px 1fr 38px;
}
.sl-detail-cart > button[type="submit"]{
width:100%;
min-width:0;
}
}
/* CART PRODUCT INFO TEXT FIX */
.sl-cart-info{
min-width:0;
}
.sl-cart-info h3{
margin:3px 0 0;
max-width:100%;
color:#243a31;
font-size:12px !important;
line-height:1.35;
font-weight:800;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
word-break:break-word;
}
.sl-cart-info > small{
font-size:9px !important;
line-height:1.2;
}
.sl-cart-info em{
display:block;
margin-top:5px;
font-size:9px !important;
line-height:1.2;
}
.sl-cart-pack-info{
font-size:9px !important;
}
/* KARADAG ANTHRACITE PREMIUM FOOTER START */
.sl-footer-premium{
position:relative;
overflow:hidden;
margin-top:52px;
background:
radial-gradient(
circle at 12% 0%,
rgba(72,162,116,.14),
transparent 28%
),
linear-gradient(145deg,#292d2f 0%,#202426 52%,#191c1e 100%);
color:#fff;
}
.sl-footer-premium::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background-image:
linear-gradient(
rgba(255,255,255,.018) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(255,255,255,.018) 1px,
transparent 1px
);
background-size:44px 44px;
mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
.sl-footer-glow{
position:absolute;
right:-160px;
top:-210px;
width:520px;
height:520px;
border-radius:50%;
background:rgba(70,164,116,.10);
filter:blur(70px);
pointer-events:none;
}
.sl-footer-top{
position:relative;
z-index:1;
display:grid;
grid-template-columns:1.35fr .8fr .95fr .95fr 1.25fr;
gap:42px;
padding:64px 0 52px;
}
.sl-footer-brand{
padding-right:20px;
}
.sl-footer-logo{
display:inline-flex;
align-items:center;
min-height:52px;
}
.sl-footer-logo img{
display:block;
width:150px;
max-width:100%;
height:auto;
max-height:54px;
object-fit:contain;
object-position:left center;
filter:brightness(0) invert(1);
}
.sl-footer-brand p{
max-width:300px;
margin:22px 0 24px;
color:#afb7b3;
font-size:13px;
line-height:1.75;
}
.sl-footer-socials{
display:flex;
gap:9px;
}
.sl-footer-socials a{
display:grid;
place-items:center;
width:38px;
height:38px;
border:1px solid rgba(255,255,255,.11);
border-radius:10px;
background:rgba(255,255,255,.035);
color:#dbe2de;
transition:
transform .2s ease,
border-color .2s ease,
background .2s ease;
}
.sl-footer-socials a:hover{
transform:translateY(-3px);
border-color:#58a97e;
background:#58a97e;
color:#fff;
}
.sl-footer-socials svg{
width:18px;
height:18px;
fill:currentColor;
}
.sl-footer-links h3,
.sl-footer-contact h3{
margin:0 0 22px;
color:#fff;
font-size:14px;
letter-spacing:.02em;
}
.sl-footer-links h3::after{
content:"";
display:block;
width:28px;
height:2px;
margin-top:12px;
border-radius:4px;
background:#58a97e;
}
.sl-footer-links a{
position:relative;
display:block;
width:max-content;
max-width:100%;
margin:12px 0;
color:#aeb7b2;
font-size:12px;
transition:
color .18s ease,
transform .18s ease;
}
.sl-footer-links a::before{
content:"";
position:absolute;
left:-13px;
top:50%;
width:4px;
height:4px;
border-radius:50%;
background:#58a97e;
opacity:0;
transform:translateY(-50%);
transition:opacity .18s ease;
}
.sl-footer-links a:hover{
color:#fff;
transform:translateX(7px);
}
.sl-footer-links a:hover::before{
opacity:1;
}
.sl-footer-contact{
padding:22px;
border:1px solid rgba(255,255,255,.09);
border-radius:16px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.06),
rgba(255,255,255,.025)
);
box-shadow:
inset 0 1px rgba(255,255,255,.06),
0 20px 50px rgba(0,0,0,.16);
}
.sl-footer-eyebrow{
display:block;
margin-bottom:7px;
color:#62b58a;
font-size:9px;
font-weight:900;
letter-spacing:.16em;
}
.sl-footer-contact > a{
display:block;
padding:13px 0;
border-top:1px solid rgba(255,255,255,.08);
color:#fff;
}
.sl-footer-contact > a small,
.sl-footer-newsletter > small{
display:block;
margin-bottom:5px;
color:#919b96;
font-size:9px;
text-transform:uppercase;
letter-spacing:.08em;
}
.sl-footer-contact > a strong{
font-size:12px;
}
.sl-footer-newsletter{
margin-top:15px;
}
.sl-footer-newsletter form{
display:grid;
grid-template-columns:1fr 42px;
height:43px;
overflow:hidden;
border:1px solid rgba(255,255,255,.11);
border-radius:9px;
background:rgba(0,0,0,.13);
}
.sl-footer-newsletter input{
min-width:0;
padding:0 13px;
border:0;
outline:0;
background:transparent;
color:#fff;
font-size:11px;
}
.sl-footer-newsletter input::placeholder{
color:#717b76;
}
.sl-footer-newsletter button{
border:0;
background:#58a97e;
color:#fff;
font-size:20px;
cursor:pointer;
}
.sl-footer-premium .sl-footer-benefits{
position:relative;
z-index:1;
border-top:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
background:rgba(0,0,0,.10);
}
.sl-footer-premium .sl-footer-benefits .sl-container{
display:grid;
grid-template-columns:repeat(4,1fr);
padding:22px 0;
}
.sl-footer-premium .sl-footer-benefits span{
position:relative;
display:grid;
grid-template-columns:34px 1fr;
grid-template-rows:auto auto;
align-items:center;
padding:0 28px;
border-right:1px solid rgba(255,255,255,.08);
}
.sl-footer-premium .sl-footer-benefits span:first-child{
padding-left:0;
}
.sl-footer-premium .sl-footer-benefits span:last-child{
padding-right:0;
border-right:0;
}
.sl-footer-premium .sl-footer-benefits i{
grid-row:1 / 3;
display:grid;
place-items:center;
width:27px;
height:27px;
border:1px solid rgba(88,169,126,.42);
border-radius:50%;
color:#69b890;
font-size:9px;
font-style:normal;
font-weight:900;
}
.sl-footer-premium .sl-footer-benefits b{
color:#fff;
font-size:11px;
}
.sl-footer-premium .sl-footer-benefits small{
margin-top:3px;
color:#89938e;
font-size:9px;
}
.sl-footer-premium .sl-footer-bottom{
position:relative;
z-index:1;
padding:17px 0;
background:#151819;
font-size:10px;
}
.sl-footer-premium .sl-footer-bottom .sl-container{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.sl-footer-premium .sl-footer-bottom span{
color:#79827e;
}
.sl-footer-premium .sl-footer-bottom a{
color:#9ea7a2;
transition:color .18s ease;
}
.sl-footer-premium .sl-footer-bottom a:hover{
color:#fff;
}
@media(max-width:1180px){
.sl-footer-top{
grid-template-columns:1.3fr repeat(3,1fr);
}
.sl-footer-contact{
grid-column:1 / -1;
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:20px;
}
.sl-footer-contact .sl-footer-newsletter{
margin-top:0;
}
}
@media(max-width:760px){
.sl-footer-premium{
margin-top:35px;
}
.sl-footer-top{
grid-template-columns:1fr 1fr;
gap:30px 22px;
padding:42px 0 34px;
}
.sl-footer-brand{
grid-column:1 / -1;
padding-right:0;
}
.sl-footer-logo img{
width:128px;
max-height:46px;
}
.sl-footer-brand p{
margin:17px 0 20px;
}
.sl-footer-contact{
grid-column:1 / -1;
display:block;
}
.sl-footer-contact .sl-footer-newsletter{
margin-top:15px;
}
.sl-footer-premium .sl-footer-benefits .sl-container{
grid-template-columns:1fr 1fr;
gap:0;
padding:10px 0;
}
.sl-footer-premium .sl-footer-benefits span{
padding:15px 13px;
border-right:0;
border-bottom:1px solid rgba(255,255,255,.06);
}
.sl-footer-premium .sl-footer-benefits span:first-child,
.sl-footer-premium .sl-footer-benefits span:last-child{
padding:15px 13px;
}
.sl-footer-premium .sl-footer-bottom .sl-container{
flex-direction:column;
text-align:center;
gap:7px;
}
}
@media(max-width:480px){
.sl-footer-top{
grid-template-columns:1fr;
}
.sl-footer-brand,
.sl-footer-contact{
grid-column:auto;
}
.sl-footer-premium .sl-footer-benefits .sl-container{
grid-template-columns:1fr;
}
}
/* KARADAG ANTHRACITE PREMIUM FOOTER END */
/* KARADAG ROUND CATEGORIES SAFE START */
.sl-round-categories{
overflow:hidden;
padding:36px 0 32px;
border-bottom:1px solid #edf1ee;
background:
radial-gradient(
circle at 10% 0,
rgba(9,87,58,.07),
transparent 27%
),
#fbfcfb;
}
.sl-round-categories-heading{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
margin-bottom:24px;
}
.sl-round-categories-heading span{
display:block;
margin-bottom:6px;
color:#08603f;
font-size:9px;
font-weight:900;
letter-spacing:.17em;
}
.sl-round-categories-heading h2{
margin:0;
color:#1d2420;
font-size:22px;
}
.sl-round-categories-arrows{
display:flex;
gap:8px;
}
.sl-round-categories-arrows button{
display:grid;
place-items:center;
width:42px;
height:42px;
padding:0;
border:1px solid #dce5df;
border-radius:50%;
background:#fff;
color:#08452f;
font-size:27px;
cursor:pointer;
box-shadow:0 8px 20px rgba(10,55,38,.07);
}
.sl-round-categories-arrows button:hover:not(:disabled){
background:#08452f;
color:#fff;
}
.sl-round-categories-arrows button:disabled{
opacity:.28;
cursor:default;
}
.sl-round-categories-track{
display:flex;
flex-wrap:nowrap;
gap:22px;
width:100%;
overflow-x:auto;
overflow-y:hidden;
padding:7px 5px 15px;
scroll-behavior:smooth;
scroll-snap-type:x proximity;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
overscroll-behavior-x:contain;
}
.sl-round-categories-track::-webkit-scrollbar{
display:none;
}
.sl-round-category{
flex:0 0 145px;
min-width:145px;
text-align:center;
scroll-snap-align:start;
}
.sl-round-category-image{
display:grid;
place-items:center;
width:134px;
height:134px;
margin:0 auto 13px;
overflow:hidden;
border:5px solid #fff;
border-radius:50%;
background:#edf2ef;
box-shadow:
0 0 0 1px #dce5df,
0 14px 30px rgba(12,67,44,.11);
transition:
transform .22s ease,
box-shadow .22s ease;
}
.sl-round-category-image img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .3s ease;
}
.sl-round-category-image b{
color:#08603f;
font-size:36px;
}
.sl-round-category strong{
display:block;
overflow:hidden;
color:#202622;
font-size:13px;
line-height:1.3;
white-space:nowrap;
text-overflow:ellipsis;
}
.sl-round-category small{
display:block;
margin-top:4px;
color:#8a928d;
font-size:8px;
text-transform:uppercase;
letter-spacing:.07em;
}
.sl-round-category:hover .sl-round-category-image{
transform:translateY(-5px);
box-shadow:
0 0 0 2px #08603f,
0 20px 35px rgba(12,67,44,.16);
}
.sl-round-category:hover img{
transform:scale(1.07);
}
.sl-round-category:hover strong{
color:#08603f;
}
@media(max-width:760px){
.sl-round-categories{
padding:26px 0 22px;
}
.sl-round-categories-heading{
align-items:center;
margin-bottom:18px;
}
.sl-round-categories-heading h2{
font-size:17px;
}
.sl-round-categories-arrows button{
width:36px;
height:36px;
font-size:23px;
}
.sl-round-categories-track{
gap:14px;
}
.sl-round-category{
flex-basis:108px;
min-width:108px;
}
.sl-round-category-image{
width:100px;
height:100px;
border-width:4px;
}
.sl-round-category strong{
font-size:11px;
}
}
/* KARADAG ROUND CATEGORIES SAFE END */
/* KARADAG HOME BRANDS BEFORE FOOTER */
.sl-home-brands-before-footer{
margin-top:48px;
padding:38px 0 30px;
border-top:1px solid #e5ebe7;
background:linear-gradient(180deg,#ffffff 0%,#f7f9f8 100%);
}
.sl-home-brands-title{
margin-bottom:22px;
text-align:center;
}
.sl-home-brands-title span{
display:block;
margin-bottom:7px;
color:#08603f;
font-size:9px;
font-weight:900;
letter-spacing:.16em;
}
.sl-home-brands-title h2{
margin:0;
color:#202622;
font-size:22px;
}
.sl-home-brands-before-footer .sl-brand-row{
width:100%;
margin:0;
border:1px solid #e4e9e6;
border-radius:14px;
background:#fff;
box-shadow:0 12px 28px rgba(15,55,38,.06);
}
@media(max-width:760px){
.sl-home-brands-before-footer{
margin-top:30px;
padding:28px 0 22px;
}
.sl-home-brands-title h2{
font-size:18px;
}
.sl-home-brands-before-footer .sl-brand-row{
overflow-x:auto;
border-radius:10px;
}
}
/* KARADAG ANTHRACITE TOP MENU */
.sl-nav-wrap{
background:
linear-gradient(
180deg,
#2a2e30 0%,
#202426 100%
) !important;
color:#fff !important;
border-top:1px solid rgba(255,255,255,.04);
border-bottom:1px solid rgba(0,0,0,.28);
box-shadow:0 8px 20px rgba(0,0,0,.10);
}
.sl-main-nav{
background:transparent !important;
}
.sl-main-nav > a,
.sl-main-nav > .category-menu > a,
.sl-main-nav .category-menu-item > a{
color:#fff !important;
border-right:1px solid rgba(255,255,255,.08);
transition:
background .18s ease,
color .18s ease;
}
.sl-main-nav > a:hover,
.sl-main-nav > .category-menu > a:hover,
.sl-main-nav .category-menu-item > a:hover{
background:#353a3d !important;
color:#fff !important;
}
.sl-main-nav > .sl-b2b{
background:#4f9f76 !important;
color:#fff !important;
border-right:0;
}
.sl-main-nav > .sl-b2b:hover{
background:#5caf84 !important;
}
.category-menu,
.category-menu-list{
background:transparent !important;
}
@media(max-width:760px){
.sl-nav-wrap{
background:#232729 !important;
}
.sl-main-nav > a,
.sl-main-nav .category-menu-item > a{
color:#fff !important;
border-bottom:1px solid rgba(255,255,255,.08);
}
}
/* KARADAG CATEGORY PAGE RINGS START */
.sl-category-ring-section{
overflow:hidden;
padding:34px 0 30px;
border-top:1px solid #edf0ee;
border-bottom:1px solid #e5eae7;
background:
radial-gradient(
circle at 8% 0,
rgba(78,159,117,.10),
transparent 28%
),
linear-gradient(
180deg,
#fafcfb 0%,
#ffffff 100%
);
}
.sl-category-ring-header{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
margin-bottom:23px;
}
.sl-category-ring-header small{
display:block;
margin-bottom:6px;
color:#59625d;
font-size:9px;
font-weight:900;
letter-spacing:.17em;
}
.sl-category-ring-header h1{
margin:0;
color:#23282a;
font-size:27px;
line-height:1.15;
}
.sl-category-ring-controls{
display:flex;
gap:8px;
}
.sl-category-ring-controls button{
display:grid;
place-items:center;
width:42px;
height:42px;
padding:0;
border:1px solid #d8dfdb;
border-radius:50%;
background:#fff;
color:#292d2f;
font-size:27px;
line-height:1;
cursor:pointer;
box-shadow:0 7px 18px rgba(20,25,22,.08);
transition:
background .18s ease,
color .18s ease,
transform .18s ease,
opacity .18s ease;
}
.sl-category-ring-controls button:hover:not(:disabled){
transform:translateY(-2px);
background:#292d2f;
color:#fff;
}
.sl-category-ring-controls button:disabled{
opacity:.25;
cursor:default;
}
.sl-category-ring-track{
display:flex;
flex-wrap:nowrap;
align-items:flex-start;
gap:21px;
width:100%;
overflow-x:auto;
overflow-y:hidden;
padding:6px 7px 16px;
scroll-behavior:smooth;
scroll-snap-type:x proximity;
scrollbar-width:none;
overscroll-behavior-x:contain;
-webkit-overflow-scrolling:touch;
}
.sl-category-ring-track::-webkit-scrollbar{
display:none;
}
.sl-category-ring-item{
flex:0 0 138px;
min-width:138px;
scroll-snap-align:center;
text-align:center;
color:#292f2b;
}
.sl-category-ring-image{
position:relative;
display:grid;
place-items:center;
width:126px;
height:126px;
margin:0 auto 12px;
overflow:hidden;
border:5px solid #fff;
border-radius:50%;
background:#edf2ef;
box-shadow:
0 0 0 1px #d9e1dc,
0 13px 28px rgba(20,45,32,.10);
transition:
transform .22s ease,
box-shadow .22s ease,
border-color .22s ease;
}
.sl-category-ring-image::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.55);
pointer-events:none;
}
.sl-category-ring-image img{
display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform .3s ease;
}
.sl-category-ring-image b{
color:#4f9f76;
font-size:34px;
font-weight:500;
}
.sl-category-ring-item strong{
display:block;
overflow:hidden;
padding:0 3px;
color:#292d2f;
font-size:12px;
line-height:1.35;
text-overflow:ellipsis;
white-space:nowrap;
}
.sl-category-ring-item:hover .sl-category-ring-image{
transform:translateY(-5px);
box-shadow:
0 0 0 2px #4f9f76,
0 19px 33px rgba(20,45,32,.16);
}
.sl-category-ring-item:hover img{
transform:scale(1.07);
}
.sl-category-ring-item.is-active
.sl-category-ring-image{
border-color:#292d2f;
box-shadow:
0 0 0 3px #4f9f76,
0 18px 34px rgba(20,45,32,.18);
}
.sl-category-ring-item.is-active strong{
color:#4f9f76;
font-weight:900;
}
.sl-category-ring-description{
max-width:820px;
margin:16px 0 0;
color:#707973;
font-size:12px;
line-height:1.7;
}
@media(max-width:760px){
.sl-category-ring-section{
padding:25px 0 21px;
}
.sl-category-ring-header{
align-items:center;
margin-bottom:17px;
}
.sl-category-ring-header h1{
font-size:20px;
}
.sl-category-ring-controls button{
width:36px;
height:36px;
font-size:23px;
}
.sl-category-ring-track{
gap:14px;
margin-inline:-10px;
width:calc(100% + 20px);
padding:5px 14px 14px;
}
.sl-category-ring-item{
flex-basis:105px;
min-width:105px;
}
.sl-category-ring-image{
width:98px;
height:98px;
border-width:4px;
}
.sl-category-ring-item strong{
font-size:10px;
}
.sl-category-ring-description{
margin-top:10px;
font-size:11px;
}
}
/* KARADAG CATEGORY PAGE RINGS END */
/* KARADAG PREMIUM TOP STRIP START */
.sl-top-strip-premium{
position:relative;
z-index:60;
overflow:hidden;
background:
linear-gradient(
90deg,
#202426 0%,
#292d2f 48%,
#202426 100%
) !important;
color:#fff;
border-bottom:1px solid rgba(255,255,255,.06);
box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.sl-top-strip-premium::before{
content:"";
position:absolute;
top:0;
left:0;
width:34%;
height:1px;
background:
linear-gradient(
90deg,
#58a97e,
rgba(88,169,126,0)
);
}
.sl-top-strip-premium .sl-top-strip-inner{
height:39px;
display:grid;
grid-template-columns:minmax(280px,1fr) auto auto;
align-items:center;
gap:30px;
}
.sl-top-trust{
display:flex;
align-items:center;
gap:9px;
min-width:0;
color:#c3cbc7;
font-size:10px;
white-space:nowrap;
}
.sl-top-trust strong{
color:#fff;
font-weight:800;
}
.sl-top-icon{
display:inline-grid;
place-items:center;
width:17px;
height:17px;
flex:0 0 17px;
color:#62b58a;
font-style:normal;
}
.sl-top-icon svg{
width:100%;
height:100%;
fill:currentColor;
}
.sl-top-highlights{
display:flex !important;
align-items:center;
justify-content:center !important;
gap:0 !important;
height:100%;
}
.sl-top-highlights > span,
.sl-top-highlights > a{
display:flex;
align-items:center;
gap:7px;
height:100%;
padding:0 20px;
border-left:1px solid rgba(255,255,255,.07);
color:#d8dedb;
font-size:10px;
font-weight:700;
white-space:nowrap;
transition:
background .18s ease,
color .18s ease;
}
.sl-top-highlights > span:last-of-type,
.sl-top-highlights > a{
border-right:1px solid rgba(255,255,255,.07);
}
.sl-top-highlights > a:hover{
background:rgba(255,255,255,.05);
color:#fff;
}
.sl-languages{
display:flex;
align-items:center;
justify-content:flex-end;
gap:3px;
}
.sl-languages button{
display:grid;
place-items:center;
min-width:27px;
height:24px;
padding:0 6px;
border:0;
border-radius:5px;
background:transparent;
color:#929c97;
font:inherit;
font-size:9px;
font-weight:800;
cursor:pointer;
transition:
background .18s ease,
color .18s ease;
}
.sl-languages button:hover,
.sl-languages button.is-active{
background:rgba(255,255,255,.09);
color:#fff;
}
.sl-languages button.is-active{
box-shadow:inset 0 0 0 1px rgba(98,181,138,.48);
}
@media(max-width:1100px){
.sl-top-strip-premium .sl-top-strip-inner{
grid-template-columns:1fr auto;
}
.sl-top-trust{
display:none;
}
.sl-top-highlights{
justify-content:flex-start !important;
}
}
@media(max-width:760px){
.sl-top-strip-premium{
background:#222628 !important;
}
.sl-top-strip-premium .sl-top-strip-inner{
height:34px;
display:flex;
justify-content:center;
}
.sl-top-trust{
display:flex;
justify-content:center;
width:100%;
font-size:9px;
overflow:hidden;
text-overflow:ellipsis;
}
.sl-top-trust span:last-child{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.sl-top-highlights,
.sl-languages{
display:none !important;
}
}
/* KARADAG PREMIUM TOP STRIP END */
/* KARADAG MOBILE BOTTOM BAR START */
.sl-mobile-bottom-bar{
display:none;
}
@media(max-width:760px){
html{
scroll-padding-bottom:88px;
}
body{
padding-bottom:calc(72px + env(safe-area-inset-bottom));
}
.sl-mobile-bottom-bar{
position:fixed;
z-index:9999;
right:0;
bottom:0;
left:0;
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
min-height:64px;
padding:
5px 5px
calc(5px + env(safe-area-inset-bottom));
border-top:1px solid rgba(255,255,255,.08);
background:
linear-gradient(
180deg,
rgba(45,49,51,.98),
rgba(27,30,32,.99)
);
box-shadow:
0 -10px 30px rgba(0,0,0,.18),
inset 0 1px rgba(255,255,255,.04);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
}
.sl-mobile-bottom-bar > a,
.sl-mobile-bottom-bar > button{
position:relative;
display:flex;
min-width:0;
padding:5px 2px 3px;
border:0;
border-radius:10px;
background:transparent;
color:#aeb6b2;
font:inherit;
align-items:center;
flex-direction:column;
justify-content:center;
gap:3px;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
}
.sl-mobile-bottom-bar svg{
width:21px;
height:21px;
fill:currentColor;
}
.sl-mobile-bottom-bar span{
overflow:hidden;
width:100%;
font-size:9px;
font-weight:700;
line-height:1.1;
text-align:center;
text-overflow:ellipsis;
white-space:nowrap;
}
.sl-mobile-bottom-bar > .is-active{
color:#fff;
background:rgba(255,255,255,.055);
}
.sl-mobile-bottom-bar > .is-active::after{
content:"";
position:absolute;
top:1px;
left:50%;
width:20px;
height:2px;
border-radius:5px;
background:#62b58a;
transform:translateX(-50%);
}
.sl-mobile-search-action{
overflow:visible;
}
.sl-mobile-search-circle{
display:grid !important;
place-items:center;
width:44px !important;
height:44px;
margin-top:-23px;
overflow:visible !important;
border:4px solid #fff;
border-radius:50%;
background:#58a97e;
color:#fff;
box-shadow:0 7px 20px rgba(0,0,0,.28);
}
.sl-mobile-search-circle svg{
width:21px;
height:21px;
}
.sl-mobile-search-action > span:last-child{
margin-top:1px;
}
.sl-mobile-bottom-cart b{
position:absolute;
top:1px;
left:50%;
display:grid;
place-items:center;
min-width:17px;
height:17px;
padding:0 4px;
border:2px solid #25292b;
border-radius:20px;
background:#cf0a1d;
color:#fff;
font-size:8px;
line-height:1;
transform:translateX(5px);
}
.sl-footer-premium{
padding-bottom:6px;
}
.sl-order-summary{
margin-bottom:10px;
}
}
@media(max-width:360px){
.sl-mobile-bottom-bar span{
font-size:8px;
}
.sl-mobile-bottom-bar svg{
width:20px;
height:20px;
}
}
/* KARADAG MOBILE BOTTOM BAR END */
/* KARADAG MOBILE CART REDESIGN START */
@media(max-width:760px){
.sl-cart-professional{
display:block !important;
padding-top:8px;
padding-bottom:20px;
}
.sl-cart-heading{
justify-content:space-between;
margin-bottom:14px;
}
.sl-cart-heading h1{
font-size:21px;
}
.sl-cart-table-head-new{
display:none !important;
}
.sl-cart-item-editable{
position:relative;
display:grid !important;
grid-template-columns:88px minmax(0,1fr) !important;
gap:12px !important;
margin-bottom:14px;
padding:14px !important;
border:1px solid #e1e7e3 !important;
border-radius:14px;
background:#fff;
box-shadow:0 8px 24px rgba(25,45,35,.07);
}
.sl-cart-item-editable .sl-cart-image{
grid-column:1;
grid-row:1;
width:88px;
height:96px;
overflow:hidden;
border:1px solid #e5e9e6;
border-radius:10px;
background:#fff;
}
.sl-cart-item-editable .sl-cart-image img{
width:100%;
height:100%;
padding:7px;
object-fit:contain;
}
.sl-cart-item-editable .sl-cart-info{
grid-column:2;
grid-row:1;
min-width:0;
padding-right:28px;
}
.sl-cart-item-editable .sl-cart-info small{
display:block;
margin-bottom:4px;
color:#77817b;
font-size:9px;
font-weight:800;
text-transform:uppercase;
}
.sl-cart-item-editable .sl-cart-info h3{
display:-webkit-box;
overflow:hidden;
margin:0 0 6px;
color:#202925;
font-size:13px;
line-height:1.35;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.sl-cart-item-editable .sl-cart-info em{
color:#8a938e;
font-size:9px !important;
font-style:normal;
}
.sl-cart-item-editable .sl-cart-pack-info{
display:inline-block;
margin-top:5px;
padding:4px 7px;
border-radius:20px;
background:#edf5f0;
color:#26714e;
font-size:8px !important;
font-weight:800;
}
.sl-cart-item-editable .sl-cart-barcode,
.sl-cart-item-editable .sl-cart-qr{
display:none !important;
}
.sl-cart-item-editable .sl-cart-remove-cell{
position:absolute;
top:10px;
right:10px;
display:block;
}
.sl-cart-remove-button{
display:grid;
place-items:center;
width:30px;
height:30px;
padding:0;
border:1px solid #ead9db;
border-radius:50%;
background:#fff7f8;
color:#b20c1c;
font-size:14px;
}
.sl-cart-item-editable .sl-cart-quantity-cell{
grid-column:1 / -1;
grid-row:2;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:2px;
padding:12px 0;
border-top:1px solid #edf0ee;
border-bottom:1px solid #edf0ee;
}
.sl-cart-quantity-wrap{
gap:7px;
}
.sl-cart-quantity-control{
grid-template-columns:34px 44px 34px;
height:36px;
}
.sl-cart-quantity-control button{
width:34px;
height:36px;
}
.sl-cart-quantity-control input{
width:44px;
height:36px;
}
.sl-cart-item-editable .sl-cart-price-cell,
.sl-cart-item-editable .sl-cart-total-cell{
grid-row:3;
display:flex;
min-width:0;
padding-top:11px;
border:0;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:4px;
}
.sl-cart-item-editable .sl-cart-price-cell{
grid-column:1;
}
.sl-cart-item-editable .sl-cart-total-cell{
grid-column:2;
align-items:flex-end;
text-align:right;
}
.sl-mobile-label{
display:block !important;
color:#8a938e;
font-size:8px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
}
.sl-cart-price-cell strong{
color:#55615b;
font-size:12px;
}
.sl-cart-total-cell strong{
color:#cf0a1d;
font-size:16px;
}
.sl-cart-actions{
display:grid;
grid-template-columns:1fr;
gap:9px;
margin-top:15px;
}
.sl-cart-actions a,
.sl-cart-actions button{
width:100%;
min-height:44px;
display:flex;
align-items:center;
justify-content:center;
border-radius:9px;
text-align:center;
}
.sl-cart-actions a{
order:2;
border:1px solid #dce3df;
background:#fff;
color:#46514b;
font-size:11px;
font-weight:800;
}
.sl-cart-update-button{
order:1;
border:0;
background:#2a2e30;
color:#fff;
font-size:11px;
font-weight:900;
}
.sl-order-summary{
margin-top:20px;
padding:18px;
border:1px solid #dfe5e1;
border-radius:14px;
background:#fafcfb;
box-shadow:0 10px 26px rgba(20,40,30,.07);
}
.sl-order-summary h2{
margin-bottom:10px;
font-size:18px;
}
.sl-order-summary > div{
padding:11px 0;
font-size:12px;
}
.sl-order-summary .sl-summary-total{
margin-top:3px;
padding-top:15px;
font-size:17px;
}
.sl-order-summary > a{
margin-top:12px;
padding:14px;
border-radius:9px;
background:#58a97e;
font-size:12px;
letter-spacing:.03em;
}
.sl-empty-cart{
padding:28px 16px;
border-radius:12px;
}
}
/* KARADAG MOBILE CART REDESIGN END */
/* KARADAG AUTO BRAND MARQUEE START */
.sl-home-brands-before-footer{
overflow:hidden;
}
.sl-home-brands-before-footer .sl-brand-row{
position:relative;
display:flex !important;
align-items:stretch;
justify-content:flex-start;
gap:0;
width:100%;
height:96px;
overflow-x:auto;
overflow-y:hidden;
border:1px solid #e4e9e6;
border-radius:14px;
background:#fff;
box-shadow:0 12px 28px rgba(15,55,38,.06);
scrollbar-width:none;
scroll-behavior:auto;
overscroll-behavior-x:none;
-webkit-overflow-scrolling:touch;
}
.sl-home-brands-before-footer
.sl-brand-row::-webkit-scrollbar{
display:none;
}
.sl-home-brands-before-footer .sl-brand-cell{
flex:0 0 220px;
min-width:220px;
height:94px;
padding:16px 24px;
border-right:1px solid #edf0ee;
background:#fff;
transition:
background .18s ease,
transform .18s ease;
}
.sl-home-brands-before-footer .sl-brand-cell:hover{
background:#f8faf9;
}
.sl-home-brands-before-footer .sl-brand-cell img{
display:block;
width:auto;
max-width:155px;
height:auto;
max-height:48px;
object-fit:contain;
filter:grayscale(1);
opacity:.72;
transition:
filter .2s ease,
opacity .2s ease,
transform .2s ease;
}
.sl-home-brands-before-footer .sl-brand-cell:hover img{
filter:grayscale(0);
opacity:1;
transform:scale(1.04);
}
.sl-home-brands-before-footer .sl-brand-cell strong{
color:#2b302d;
font-size:17px;
letter-spacing:.04em;
white-space:nowrap;
}
.sl-home-brands-before-footer
.sl-brand-row.is-brand-marquee-paused{
cursor:grab;
}
@media(max-width:760px){
.sl-home-brands-before-footer .sl-brand-row{
height:78px;
border-radius:10px;
}
.sl-home-brands-before-footer .sl-brand-cell{
flex-basis:155px;
min-width:155px;
height:76px;
padding:12px 18px;
}
.sl-home-brands-before-footer .sl-brand-cell img{
max-width:115px;
max-height:38px;
}
.sl-home-brands-before-footer .sl-brand-cell strong{
font-size:13px;
}
}
@media(prefers-reduced-motion:reduce){
.sl-home-brands-before-footer .sl-brand-row{
scroll-behavior:smooth;
}
}
/* KARADAG AUTO BRAND MARQUEE END */
/* KARADAG MOBILE CATEGORY PANEL START */
.sl-mobile-category-overlay,
.sl-mobile-category-panel{
display:none;
}
@media(max-width:760px){
body.sl-mobile-category-open{
overflow:hidden;
}
.sl-mobile-category-overlay{
position:fixed;
z-index:10020;
inset:0;
display:block;
background:rgba(10,13,14,.62);
opacity:0;
visibility:hidden;
transition:opacity .22s ease, visibility .22s ease;
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
}
.sl-mobile-category-overlay.is-open{
opacity:1;
visibility:visible;
}
.sl-mobile-category-panel{
position:fixed;
z-index:10030;
right:0;
bottom:0;
left:0;
display:flex;
max-height:84vh;
padding-bottom:env(safe-area-inset-bottom);
border-radius:22px 22px 0 0;
background:#f6f8f7;
box-shadow:0 -20px 55px rgba(0,0,0,.30);
flex-direction:column;
transform:translateY(105%);
transition:transform .27s ease;
}
.sl-mobile-category-panel.is-open{
transform:translateY(0);
}
.sl-mobile-category-header{
display:grid;
grid-template-columns:40px 1fr 40px;
align-items:center;
gap:8px;
min-height:68px;
padding:10px 14px;
border-radius:22px 22px 0 0;
background:linear-gradient(135deg,#292d2f,#1d2123);
color:#fff;
}
.sl-mobile-category-header small{
display:block;
margin-bottom:4px;
color:#62b58a;
font-size:8px;
font-weight:900;
letter-spacing:.15em;
}
.sl-mobile-category-header strong{
display:block;
overflow:hidden;
font-size:16px;
text-overflow:ellipsis;
white-space:nowrap;
}
.sl-mobile-category-back,
.sl-mobile-category-close{
display:grid;
place-items:center;
width:38px;
height:38px;
padding:0;
border:1px solid rgba(255,255,255,.13);
border-radius:50%;
background:rgba(255,255,255,.06);
color:#fff;
font-size:25px;
line-height:1;
}
.sl-mobile-category-back[hidden]{
display:grid !important;
visibility:hidden;
}
.sl-mobile-category-content{
overflow-y:auto;
padding:15px;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
}
.sl-mobile-main-categories{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
.sl-mobile-main-categories[hidden]{
display:none !important;
}
.sl-mobile-category-box{
position:relative;
display:grid;
grid-template-columns:54px minmax(0,1fr);
grid-template-rows:auto auto;
align-items:center;
min-width:0;
min-height:80px;
padding:10px 27px 10px 9px;
border:1px solid #dfe5e1;
border-radius:13px;
background:#fff;
box-shadow:0 7px 18px rgba(20,45,32,.06);
text-align:left;
}
.sl-mobile-category-box-image{
grid-row:1 / 3;
display:grid;
place-items:center;
width:49px;
height:49px;
overflow:hidden;
border:1px solid #e3e8e5;
border-radius:11px;
background:#f2f5f3;
}
.sl-mobile-category-box-image img,
.sl-mobile-subcategory-image img{
width:100%;
height:100%;
padding:4px;
object-fit:contain;
}
.sl-mobile-category-box-image b,
.sl-mobile-subcategory-image b{
color:#58a97e;
font-size:21px;
}
.sl-mobile-category-box > strong{
overflow:hidden;
color:#252d29;
font-size:11px;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.sl-mobile-category-box > small{
margin-top:4px;
color:#89928d;
font-size:8px;
}
.sl-mobile-category-box > i{
position:absolute;
top:50%;
right:9px;
color:#58a97e;
font-size:20px;
font-style:normal;
transform:translateY(-50%);
}
.sl-mobile-subcategories{
display:grid;
gap:9px;
}
.sl-mobile-subcategories[hidden]{
display:none !important;
}
.sl-mobile-all-category{
position:relative;
display:flex;
min-height:62px;
margin-bottom:5px;
padding:11px 42px 11px 14px;
border-radius:12px;
background:linear-gradient(135deg,#58a97e,#3d8965);
color:#fff !important;
flex-direction:column;
justify-content:center;
}
.sl-mobile-all-category span{
margin-bottom:3px;
font-size:8px;
font-weight:800;
opacity:.78;
letter-spacing:.07em;
}
.sl-mobile-all-category strong{
font-size:13px;
}
.sl-mobile-all-category i{
position:absolute;
top:50%;
right:16px;
font-size:24px;
font-style:normal;
transform:translateY(-50%);
}
.sl-mobile-subcategory-box{
display:grid;
grid-template-columns:48px minmax(0,1fr) 18px;
align-items:center;
gap:11px;
min-height:64px;
padding:8px 11px 8px 8px;
border:1px solid #e0e5e2;
border-radius:12px;
background:#fff;
box-shadow:0 6px 17px rgba(25,45,35,.05);
}
.sl-mobile-subcategory-image{
display:grid;
place-items:center;
width:48px;
height:48px;
overflow:hidden;
border-radius:9px;
background:#f2f5f3;
}
.sl-mobile-subcategory-box strong{
color:#29312d;
font-size:11px;
line-height:1.3;
}
.sl-mobile-subcategory-box i{
color:#58a97e;
font-size:20px;
font-style:normal;
}
.sl-mobile-category-empty{
padding:30px 15px;
border:1px dashed #cfd7d2;
border-radius:12px;
color:#7b8680;
font-size:11px;
text-align:center;
}
}
@media(max-width:370px){
.sl-mobile-main-categories{
grid-template-columns:1fr;
}
}
/* KARADAG MOBILE CATEGORY PANEL END */
/* KARADAG ROUND CATEGORY MARQUEE CSS START */
.sl-round-categories-track{
cursor:grab;
scroll-snap-type:none !important;
}
.sl-round-categories-track:active{
cursor:grabbing;
}
.sl-round-categories-track > *{
flex-shrink:0;
}
@media(max-width:760px){
.sl-round-categories-track{
gap:15px;
padding-right:12px;
padding-left:12px;
}
}
/* KARADAG ROUND CATEGORY MARQUEE CSS END */
/* KaradagOnline süreli indirim: masaüstü 4'lü carousel */
.sl-discount-carousel{
min-width:0;
}
.sl-discount-title{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
}
.sl-discount-title > div:first-child{
display:flex;
align-items:baseline;
gap:12px;
min-width:0;
}
.sl-discount-controls{
display:flex;
gap:8px;
flex:0 0 auto;
}
.sl-discount-controls button{
width:40px;
height:40px;
border:1px solid #d7dfda;
border-radius:50%;
background:#fff;
color:#173d2c;
font-size:25px;
line-height:1;
cursor:pointer;
transition:
background .18s ease,
color .18s ease,
border-color .18s ease;
}
.sl-discount-controls button:hover{
border-color:#173d2c;
background:#173d2c;
color:#fff;
}
.sl-discount-viewport{
width:100%;
min-width:0;
overflow:hidden;
}
.sl-discount-track{
display:flex;
gap:16px;
overflow-x:auto;
scroll-behavior:smooth;
scroll-snap-type:x mandatory;
scrollbar-width:none;
overscroll-behavior-x:contain;
}
.sl-discount-track::-webkit-scrollbar{
display:none;
}
.sl-discount-slide{
flex:0 0 calc((100% - 48px) / 4);
min-width:0;
scroll-snap-align:start;
}
.sl-discount-slide > *{
width:100%;
height:100%;
}
@media(max-width:950px){
.sl-discount-slide{
flex-basis:calc((100% - 16px) / 2);
}
}
@media(max-width:560px){
.sl-discount-title{
align-items:flex-start;
}
.sl-discount-title > div:first-child{
display:block;
}
.sl-discount-controls button{
width:36px;
height:36px;
}
.sl-discount-slide{
flex-basis:100%;
}
}
/* KARADAG MOBILE DISCOUNT MARQUEE CSS START */
@media(max-width:560px){
.sl-discount-track{
scroll-behavior:auto !important;
scroll-snap-type:none !important;
overflow-x:hidden;
touch-action:pan-y;
will-change:scroll-position;
}
.sl-discount-slide{
flex:0 0 82%;
scroll-snap-align:none !important;
}
.sl-discount-controls{
display:none !important;
}
}
/* KARADAG MOBILE DISCOUNT MARQUEE CSS END */
/* Süreli indirim kartlarının kenar border düzeltmesi */
.sl-discount-viewport{
padding:1px 2px 3px;
box-sizing:border-box;
}
.sl-discount-track{
padding-right:2px;
box-sizing:border-box;
}
.sl-discount-slide{
box-sizing:border-box;
}
.sl-discount-slide .sl-product-card{
width:100%;
max-width:100%;
box-sizing:border-box;
}
@media(min-width:951px){
.sl-discount-slide{
flex-basis:calc((100% - 54px) / 4);
}
}
/* KARADAG MOBILE DISCOUNT TRANSFORM START */
@media(max-width:560px){
.sl-discount-viewport{
overflow:hidden !important;
touch-action:pan-y;
}
.sl-discount-track{
width:max-content;
overflow:visible !important;
scroll-behavior:auto !important;
scroll-snap-type:none !important;
will-change:transform;
}
.sl-discount-slide{
flex:0 0 min(82vw, 330px) !important;
width:min(82vw, 330px);
scroll-snap-align:none !important;
}
.sl-discount-controls{
display:none !important;
}
}
/* KARADAG MOBILE DISCOUNT TRANSFORM END */
/* KARADAG CART QUANTITY CSS START */
.saykos-cart-row{
display:flex;
align-items:stretch;
width:100%;
height:42px;
margin-top:auto;
box-sizing:border-box;
}
.saykos-quantity-control{
flex:0 0 102px;
display:grid;
grid-template-columns:32px 38px 32px;
height:42px;
overflow:hidden;
border:1px solid #dc0718;
border-right:0;
background:#ffffff;
box-sizing:border-box;
}
.saykos-quantity-control button{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:40px;
margin:0;
padding:0;
border:0;
border-radius:0;
background:#ffffff;
color:#111111;
font-size:20px;
font-weight:800;
line-height:1;
cursor:pointer;
box-shadow:none;
}
.saykos-quantity-control button:hover{
background:#f4f4f4;
color:#dc0718;
}
.saykos-quantity-control button:disabled{
color:#bbbbbb;
cursor:not-allowed;
background:#fafafa;
}
.saykos-quantity-value{
display:flex;
align-items:center;
justify-content:center;
height:40px;
border-left:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
color:#111111;
background:#ffffff;
font-size:14px;
font-weight:800;
line-height:1;
box-sizing:border-box;
}
.saykos-cart-row > button,
.saykos-cart-row > input[type="submit"],
.saykos-cart-row > a{
flex:1 1 auto !important;
min-width:0 !important;
width:auto !important;
height:42px !important;
min-height:42px !important;
margin:0 !important;
padding:0 10px !important;
border-radius:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
white-space:nowrap;
box-sizing:border-box !important;
}
@media(max-width:700px){
.saykos-cart-row{
height:42px;
}
.saykos-quantity-control{
flex-basis:92px;
grid-template-columns:29px 34px 29px;
}
.saykos-cart-row > button,
.saykos-cart-row > input[type="submit"],
.saykos-cart-row > a{
padding-left:6px !important;
padding-right:6px !important;
font-size:13px !important;
}
}
/* KARADAG CART QUANTITY CSS END */
/* KARADAG AJAX FLY TO CART CSS START */
.saykos-ajax-flying-product{
position:fixed !important;
z-index:2147483647 !important;
display:block !important;
margin:0 !important;
padding:0 !important;
object-fit:contain !important;
pointer-events:none !important;
opacity:1;
transform:
translate3d(0,0,0)
scale(1);
transform-origin:center center;
border-radius:10px;
background:#ffffff;
box-shadow:
0 15px 40px
rgba(0,0,0,.32);
transition-property:
transform,
opacity,
border-radius;
transition-timing-function:
cubic-bezier(.18,.68,.20,1);
}
.saykos-ajax-cart-receive{
animation:
saykosAjaxCartReceive
700ms ease;
}
@keyframes saykosAjaxCartReceive{
0%{
transform:scale(1);
}
45%{
transform:scale(1.22);
}
72%{
transform:scale(.94);
}
100%{
transform:scale(1);
}
}
@media(max-width:700px){
.saykos-ajax-flying-product{
max-width:none !important;
max-height:none !important;
}
}
/* KARADAG AJAX FLY TO CART CSS END */
/* KARADAG EXACT MOBILE SEARCH CSS START */
@media(max-width:700px){
.sl-search.is-mobile-search-open{
position:fixed !important;
z-index:2147483646 !important;
top:14px !important;
left:12px !important;
right:12px !important;
width:auto !important;
height:52px !important;
display:flex !important;
visibility:visible !important;
opacity:1 !important;
margin:0 !important;
background:#ffffff !important;
border:1px solid #d6ded9 !important;
border-radius:8px !important;
box-shadow:
0 12px 38px
rgba(0,0,0,.28) !important;
overflow:hidden !important;
}
.sl-search.is-mobile-search-open input{
display:block !important;
flex:1 1 auto !important;
min-width:0 !important;
height:50px !important;
padding:0 14px !important;
border:0 !important;
background:#ffffff !important;
visibility:visible !important;
opacity:1 !important;
}
.sl-search.is-mobile-search-open button{
display:flex !important;
flex:0 0 54px !important;
align-items:center !important;
justify-content:center !important;
height:50px !important;
border:0 !important;
}
body.has-mobile-search-open::before{
content:"";
position:fixed;
z-index:2147483645;
inset:0;
background:rgba(0,0,0,.35);
}
.saykos-ajax-flying-product{
transition-timing-function:
cubic-bezier(.20,.52,.24,1)
!important;
}
}
/* KARADAG EXACT MOBILE SEARCH CSS END */
/* İndirim kartlarında miktar ve Sepete Ekle genişlik düzeltmesi */
.sl-discount-slide .saykos-cart-row{
display:grid !important;
grid-template-columns:84px minmax(0,1fr) !important;
width:100% !important;
height:42px !important;
overflow:hidden;
}
.sl-discount-slide .saykos-quantity-control{
width:84px !important;
min-width:84px !important;
max-width:84px !important;
grid-template-columns:26px 32px 26px !important;
flex-basis:84px !important;
}
.sl-discount-slide .saykos-quantity-control button{
min-width:0 !important;
padding:0 !important;
font-size:17px !important;
}
.sl-discount-slide .saykos-quantity-value{
min-width:0 !important;
font-size:13px !important;
}
.sl-discount-slide .saykos-cart-row > button,
.sl-discount-slide .saykos-cart-row > input[type="submit"],
.sl-discount-slide .saykos-cart-row > a{
width:100% !important;
min-width:0 !important;
padding:0 5px !important;
overflow:hidden !important;
white-space:nowrap !important;
text-overflow:ellipsis !important;
font-size:12px !important;
}
@media(max-width:700px){
.sl-discount-slide .saykos-cart-row{
grid-template-columns:80px minmax(0,1fr) !important;
}
.sl-discount-slide .saykos-quantity-control{
width:80px !important;
min-width:80px !important;
max-width:80px !important;
grid-template-columns:24px 32px 24px !important;
}
}
/* İndirim kartı: miktar üstte, Sepete Ekle altta */
.sl-discount-slide .saykos-cart-row{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
gap:5px !important;
width:100% !important;
height:auto !important;
min-height:82px !important;
overflow:visible !important;
margin-top:auto !important;
}
.sl-discount-slide .saykos-quantity-control{
display:grid !important;
grid-template-columns:36px minmax(38px,1fr) 36px !important;
width:100% !important;
min-width:0 !important;
max-width:none !important;
height:34px !important;
min-height:34px !important;
flex:0 0 34px !important;
border:1px solid #dc0718 !important;
border-right:1px solid #dc0718 !important;
box-sizing:border-box !important;
}
.sl-discount-slide .saykos-quantity-control button{
width:100% !important;
height:32px !important;
min-width:0 !important;
min-height:32px !important;
margin:0 !important;
padding:0 !important;
font-size:16px !important;
line-height:1 !important;
}
.sl-discount-slide .saykos-quantity-value{
width:100% !important;
height:32px !important;
min-width:0 !important;
font-size:12px !important;
line-height:1 !important;
}
.sl-discount-slide .saykos-cart-row > button,
.sl-discount-slide .saykos-cart-row > input[type="submit"],
.sl-discount-slide .saykos-cart-row > a{
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex:0 0 40px !important;
width:100% !important;
min-width:0 !important;
height:40px !important;
min-height:40px !important;
margin:0 !important;
padding:0 4px !important;
border-radius:0 !important;
overflow:hidden !important;
white-space:nowrap !important;
text-overflow:clip !important;
font-size:11px !important;
font-weight:700 !important;
line-height:1 !important;
box-sizing:border-box !important;
}
@media(max-width:700px){
.sl-discount-slide .saykos-cart-row{
min-height:78px !important;
gap:4px !important;
}
.sl-discount-slide .saykos-quantity-control{
grid-template-columns:32px minmax(34px,1fr) 32px !important;
height:32px !important;
min-height:32px !important;
flex-basis:32px !important;
}
.sl-discount-slide .saykos-quantity-control button,
.sl-discount-slide .saykos-quantity-value{
height:30px !important;
min-height:30px !important;
}
.sl-discount-slide .saykos-cart-row > button,
.sl-discount-slide .saykos-cart-row > input[type="submit"],
.sl-discount-slide .saykos-cart-row > a{
height:38px !important;
min-height:38px !important;
flex-basis:38px !important;
font-size:10px !important;
}
}
/* KARADAG TEMP TEXT LOGO START */
.sl-text-logo,
.sl-footer-text-logo{
display:flex !important;
flex-direction:column;
justify-content:center;
align-items:flex-start;
text-decoration:none;
line-height:1;
}
.sl-text-logo-main,
.sl-footer-text-logo span{
font-size:30px;
font-weight:950;
letter-spacing:.5px;
color:#b40016;
}
.sl-text-logo small,
.sl-footer-text-logo small{
margin-top:5px;
font-size:11px;
font-weight:900;
letter-spacing:2.2px;
color:#133528;
}
.sl-footer-text-logo span{
color:#fff;
}
.sl-footer-text-logo small{
color:rgba(255,255,255,.75);
}
@media(max-width:768px){
.sl-text-logo-main{
font-size:22px;
}
.sl-text-logo small{
font-size:9px;
letter-spacing:1.4px;
}
}
/* KARADAG TEMP TEXT LOGO END */