@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:400;src:url(../yazitipi/poppins-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:400;src:url(../yazitipi/poppins-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:500;src:url(../yazitipi/poppins-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:500;src:url(../yazitipi/poppins-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:600;src:url(../yazitipi/poppins-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:600;src:url(../yazitipi/poppins-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:700;src:url(../yazitipi/poppins-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-display:swap;font-weight:700;src:url(../yazitipi/poppins-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* =====================================================================
   sf-renk.css — v2.4 "Okaliptüs" premium tema (en son yüklenir)
   Sektör: sağlık / medikal forma. Renk dili: okaliptüs yeşili (scrubs rengi) + temiz beyaz
   + yumuşak adaçayı tonları. Personel Forması (kömür/kırmızı) ve Uniforma Store (petrol/sarı)
   ile karışmayan, sakin ve kurumsal bir görünüm. Sol kategorili yerleşim korunur.
   Kaldırmak için duzen.blade.php'deki sf-renk.css satırını silmek yeterli.
   ===================================================================== */
:root{
  --font-govde:'Poppins','Segoe UI',Roboto,Arial,sans-serif;
  --font-baslik:'Poppins','Segoe UI',Roboto,Arial,sans-serif;
  --rt-title:'Poppins','Segoe UI',Roboto,Arial,sans-serif;
  --ok:#2E5B4F;        /* okaliptüs: ana renk */
  --ok-koyu:#22463C;   /* üzerine gelince */
  --ok-gece:#1C332D;   /* footer */
  --ok-gece-2:#172A25;
  --adacayi:#EAF1EE;   /* çok açık adaçayı zemin vurgusu */
  --adacayi-2:#DCE7E2;
  --cizgi-ok:#A9C3B9;  /* ince vurgu çizgileri */
  --metin:#1E2523; --ikincil:#5A6461; --soluk:#7C8683; --cizgi:#E4E8E6; --zemin:#F6F7F6; --kart:#FFFFFF;
  /* eski katmanların değişkenleri bu temaya bağlanır */
  --yazi-koyu:#1E2523; --yazi-ikincil:#5A6461;
  --sf-ana:#2E5B4F; --sf-ana-koyu:#22463C; --sf-ana-acik:#EAF1EE; --sf-koyu:#1E2523; --sf-metin:#1E2523; --sf-ikincil:#5A6461; --sf-soluk:#7C8683; --sf-cizgi:#E4E8E6; --sf-zemin:#F6F7F6;
  --rt-accent:#2E5B4F; --rt-line:#E4E8E6;
  --tl:#2E5B4F; --tl-d:#22463C; --tl-soft:#EAF1EE; --ink:#1E2523; --muted:#5A6461; --line:#E4E8E6; --bg:#F6F7F6;
}

/* ---- Gövde ---- */
body{ background-color:var(--zemin) !important; color:var(--metin) !important; font-size:14.5px; }
body :is(p,li,td){ color:var(--metin); }
body :is(h1,h2,h3,h4,h5,h6), .li-section-title h2, .shipping-text h2, .footer-block-title{ color:#18201E; font-weight:600 !important; letter-spacing:-.01em; }
a{ color:var(--ok); }
a:hover{ color:var(--ok-koyu); }
::selection{ background:var(--adacayi-2); color:var(--metin); }
@media (min-width:1400px){ .container{ max-width:1290px !important; } }

/* ---- Üst alan: beyaz, ferah ---- */
.header-middle{ background:#fff !important; border-bottom:0 !important; }
.hm-searchbox{ background:#F8F9F8 !important; border:1px solid var(--cizgi) !important; border-radius:999px !important; overflow:hidden; }
.hm-searchbox input{ background:transparent !important; }
.hm-searchbox .li-btn{ background:var(--ok) !important; border-radius:0 999px 999px 0 !important; }
.hm-searchbox .li-btn:hover{ background:var(--ok-koyu) !important; }
.lang-flags .lf-current{ border-color:var(--cizgi) !important; border-radius:999px !important; background:#fff !important; }

/* ---- Menü: derin okaliptüs, ince ışıltılı alt çizgi (premium, göz yormaz) ---- */
.header-bottom, .header-bottom.sticky, .header-sticky.sticky{ background:linear-gradient(180deg, #2F5E52 0%, #284F45 100%) !important; border-top:0 !important; border-bottom:0 !important; box-shadow:0 8px 22px rgba(20,45,38,.14) !important; margin-bottom:22px; position:relative; }
.header-bottom::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(214,232,224,.45) 50%, rgba(255,255,255,0) 100%); pointer-events:none; }
.header-sticky.sticky{ box-shadow:0 10px 28px rgba(20,45,38,.22) !important; }
.header-bottom .hb-menu nav > ul > li > a, .hb-menu nav > ul > li > a{ color:#F1F6F3 !important; font-weight:500 !important; font-size:13px !important; letter-spacing:.8px; position:relative; opacity:1 !important; }
.hb-menu nav > ul > li > a::after{ content:""; position:absolute; left:0; right:0; bottom:7px; height:2px; border-radius:2px; background:#CFE3DA; transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }
.hb-menu nav > ul > li:hover > a, .hb-menu nav > ul > li > a:hover{ color:#fff !important; }
.hb-menu nav > ul > li:hover > a::after{ transform:scaleX(1); }
.hb-menu nav > ul > li > a::before{ display:none !important; }
.hb-dropdown{ background:#fff !important; border:1px solid var(--cizgi) !important; border-top:2px solid var(--ok) !important; border-radius:0 0 12px 12px; box-shadow:0 18px 40px rgba(20,40,34,.14) !important; }
.hb-dropdown li a{ color:#2C3532 !important; font-weight:500 !important; }
.hb-dropdown li a:hover{ color:var(--ok) !important; background:var(--adacayi) !important; }
/* Mobil menü */
.mean-container .mean-bar{ background:transparent !important; }
.mean-container a.meanmenu-reveal span{ background:var(--ok) !important; }

/* ---- Sol kategori (geniş, premium) ---- */
@media (min-width:992px){
  .slider-with-banner > .container > .row > .col-lg-3, .skt-yan{ flex:0 0 29% !important; max-width:29% !important; width:29% !important; }
  .slider-with-banner > .container > .row > .col-lg-9, .skt-ana{ flex:0 0 71% !important; max-width:71% !important; width:71% !important; }
}
.skm{ background:#fff !important; border:1px solid var(--cizgi) !important; border-radius:18px !important; box-shadow:0 1px 2px rgba(20,40,34,.04), 0 12px 30px rgba(20,40,34,.06) !important; }
.skm-bas{ background:var(--ok) !important; border-bottom:0 !important; padding:17px 18px !important; }
.skm-bas-yazi strong{ color:#fff !important; font-weight:600 !important; font-size:15.5px !important; letter-spacing:.1px; }
.skm-bas-yazi small{ color:#C9DDD5 !important; font-weight:400 !important; }
.skm-bas-ikon{ background:rgba(255,255,255,.14) !important; color:#fff !important; box-shadow:none !important; border-radius:11px !important; }
.skm-liste{ padding:8px 10px 10px !important; }
.skm-a{ font-size:13.5px !important; font-weight:500 !important; color:#29322F !important; padding:8px 8px !important; border-radius:12px !important; }
.skm-ikon{ width:34px !important; height:34px !important; flex:0 0 34px !important; background:var(--adacayi) !important; color:var(--ok) !important; border-radius:10px !important; box-shadow:none !important; }
.skm-ok{ opacity:.4 !important; transform:none !important; color:#93A09B !important; }
.skm-a:hover{ background:var(--adacayi) !important; color:var(--ok-koyu) !important; }
.skm-a:hover .skm-ikon, .skm-a.aktif .skm-ikon{ background:var(--ok) !important; color:#fff !important; }
.skm-a:hover .skm-ok, .skm-a.aktif .skm-ok{ opacity:1 !important; color:var(--ok) !important; }
.skm-a.aktif{ background:var(--adacayi) !important; color:var(--ok-koyu) !important; }
.skm-liste li + li .skm-a::before{ border-top:1px solid #EEF1EF !important; left:52px !important; }
.skm-alt{ background:linear-gradient(135deg, var(--ok-koyu) 0%, var(--ok) 100%) !important; }

/* ---- Slider ve bannerlar: yumuşak köşe ---- */
.slider-area, .slider-active, .slider-active .owl-stage-outer{ border-radius:18px; overflow:hidden; }
.slider-active .owl-dots .owl-dot.active span, .slider-active .owl-dots .owl-dot span:hover{ background:#fff !important; }
.li-static-banner img, .li-banner img, .li-banner-2 img{ border-radius:16px; }

/* ---- Kartlar ---- */
.single-product-wrap, .li-shipping-inner-box, .sf-feat, .sf-intro, .sf-faq details, .sfh-wrap .kart, .skt-bas, .skt-kutu,
.li-blog-single-item, .sf-blog-kart, .urd-cta, .kategori-bas{ background-color:var(--kart) !important; border-color:var(--cizgi) !important; }
.single-product-wrap, .li-shipping-inner-box, .sf-feat{ border-radius:16px !important; box-shadow:0 1px 2px rgba(20,40,34,.04), 0 8px 22px rgba(20,40,34,.05) !important; transition:box-shadow .25s ease, transform .25s ease; }
.single-product-wrap:hover{ box-shadow:0 2px 4px rgba(20,40,34,.06), 0 18px 36px rgba(20,40,34,.10) !important; transform:translateY(-3px); }
.product_desc_info h4, .product_desc_info h4 a{ color:#18201E !important; font-weight:600 !important; font-size:14px !important; }
.single-product-wrap:hover .product_desc_info h4 a{ color:var(--ok) !important; }
.li-section-title{ border-bottom-color:var(--cizgi) !important; }
.li-section-title h2, .li-section-title h2 span{ color:#18201E !important; }
.li-section-title h2::before, .li-section-title h2 span::before{ background:var(--ok) !important; }
.li-product-tab .li-product-menu li a, .li-product-tab .nav-link{ color:var(--ikincil) !important; }
.li-product-tab .li-product-menu li a.active, .li-product-tab .nav-link.active{ color:var(--ok) !important; border-color:var(--ok) !important; }
.default-btn a, .slide-btn a, .li-btn-2, .btn-pm{ background:var(--ok) !important; border-color:var(--ok) !important; color:#fff !important; }
.default-btn a:hover, .slide-btn a:hover{ background:var(--ok-koyu) !important; border-color:var(--ok-koyu) !important; }
.sf-feat i, .sf-feat svg, .sf-feat .ikon{ color:var(--ok) !important; }
.sf-faq summary:hover, .sf-faq .soru:hover{ color:var(--ok) !important; }
.breadcrumb-area{ background:#fff !important; border-top:0 !important; border-bottom:1px solid var(--cizgi) !important; margin-top:-22px; }
.breadcrumb-content li.active, .breadcrumb-content li:last-child{ color:var(--ok) !important; }

/* ---- Ürün detayı: beyaz, sade kart ---- */
img[loading="lazy"]{ background:transparent !important; }
.product__details--section > .container > .row{ background:#fff; border:1px solid var(--cizgi); border-radius:20px; margin:6px 0 0 !important; padding:26px 14px 22px;
  box-shadow:0 1px 2px rgba(20,40,34,.04), 0 12px 30px rgba(20,40,34,.05); }
.product__details--section .urunGaleri-wrapper{ margin:0 !important; }
.product__details--section #urunGaleri-main{ border-radius:14px; border:1px solid #EEF1EF; background:#fff; }
.product__details--section .col:last-child{ padding-left:22px; }
.product__details--section h1, .product__details--info__title{ color:#18201E !important; }
.product__details--section p{ color:#3A4340 !important; }
.product__details--section img[src*="whatsapp"], .product__details--section [class*="whatsapp"], .product__details--section .wp-kutu{ background:transparent !important; }
@media (max-width:767px){ .product__details--section > .container > .row{ padding:14px 4px; border-radius:14px; } .product__details--section .col:last-child{ padding-left:12px; } }

/* ---- Footer: derin okaliptüs (siyah değil) ---- */
.footer{ background:transparent !important; }
.footer-static-top{ border-top:0 !important; }
.footer-static-middle{ background:var(--ok-gece) !important; margin-top:10px; border-top:0 !important; }
.footer-static-bottom{ background:var(--ok-gece-2) !important; padding-top:10px !important; padding-bottom:28px !important; }
.footer-logo img{ background:transparent !important; padding:0 !important; border-radius:0 !important; filter:brightness(0) invert(1); opacity:.95; }
.footer .footer-block-title{ color:#fff !important; }
.footer .footer-block-title::after{ background:var(--cizgi-ok) !important; }
.footer .info, .footer .des li, .footer .des li a, .footer-block ul li a, .footer .copyright span, .footer .copyright{ color:#BFCDC8 !important; }
.footer .des li span{ color:#fff !important; font-weight:500; }
.footer-block ul li a:hover, .footer .des li a:hover{ color:#fff !important; }
.footer-logo-wrap{ border-bottom:1px solid rgba(255,255,255,.07) !important; }
.footer .social-link li a{ background:rgba(255,255,255,.08) !important; color:#fff !important; border-radius:10px !important; border:1px solid rgba(255,255,255,.10) !important; transition:background .2s ease; }
.footer .social-link li a:hover{ background:rgba(255,255,255,.18) !important; }
.ud-group-brands{ border-top:0 !important; }
.ud-group-brands h3{ color:#fff !important; }
.ud-group-brands a{ color:#A9BAB4 !important; transition:color .2s ease; }
.ud-group-brands a:hover{ color:#fff !important; }
.ud-group-brands span{ color:rgba(255,255,255,.22) !important; }
.footer .sf-online{ background:rgba(255,255,255,.05) !important; border-color:rgba(255,255,255,.12) !important; color:#BFCDC8 !important; }
.footer .sf-online strong{ color:#fff !important; }

/* ---- İmza ---- */
.sf-imza{ margin:14px auto 0 !important; }
.sf-imza .sf-imza-a{ display:inline-flex !important; align-items:center; gap:9px; border:0 !important; padding:6px 4px !important; color:#91A39D !important; font-weight:500 !important; font-size:12.5px; opacity:.9; transition:opacity .2s ease; }
.sf-imza .sf-imza-a:hover{ opacity:1; color:#fff !important; }
.sf-imza .sf-imza-a img{ height:15px; width:auto; display:block; background:transparent !important; box-shadow:none !important; border:0 !important; }

/* ---- Çerez kartı ---- */
.cerez-kart{ position:fixed; right:22px; bottom:22px; z-index:99999; width:410px; max-width:calc(100vw - 32px);
  background:var(--ok-gece); color:#DCE6E2; border-radius:18px; border:1px solid rgba(255,255,255,.06);
  box-shadow:0 22px 50px rgba(10,25,20,.30); padding:20px 20px 18px; font-size:13.5px; line-height:1.6; animation:cerezGel .35s ease both; }
.cerez-kart.kapaniyor{ animation:cerezGit .25s ease both; }
@keyframes cerezGel{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
@keyframes cerezGit{ to{ opacity:0; transform:translateY(16px); } }
.cerez-ust{ display:flex; gap:13px; align-items:flex-start; }
.cerez-ikon{ flex:0 0 40px; width:40px; height:40px; border-radius:12px; background:rgba(255,255,255,.10); color:#fff; display:inline-flex; align-items:center; justify-content:center; }
.cerez-metin strong{ display:block; color:#fff; font-size:15px; font-weight:600; margin-bottom:4px; }
.cerez-metin p{ margin:0 !important; color:#C3D1CC !important; font-size:13px !important; line-height:1.6 !important; }
.cerez-linkler{ display:block; margin-top:6px; }
.cerez-linkler a{ color:#fff !important; text-decoration:underline; text-underline-offset:2px; opacity:.85; }
.cerez-linkler a:hover{ opacity:1; }
.cerez-butonlar{ display:flex; gap:10px; margin-top:16px; }
.cerez-btn{ flex:1; border:0; border-radius:10px; padding:11px 14px; font-size:13.5px; font-weight:600; cursor:pointer; font-family:inherit; transition:background .2s ease, border-color .2s ease; }
.cerez-red{ background:transparent; color:#E4ECE9; border:1px solid rgba(255,255,255,.26); }
.cerez-red:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.45); }
.cerez-kabul{ background:#fff; color:var(--ok-gece); }
.cerez-kabul:hover{ background:var(--adacayi); }
.cerez-reopen{ position:fixed; right:28px; bottom:90px; z-index:99998; width:44px; height:44px; border-radius:50%; border:0;
  background:var(--ok); color:#fff; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.22); display:none; align-items:center; justify-content:center; }
.cerez-reopen:hover{ background:var(--ok-koyu); }
@media (max-width:767px){
  .cerez-kart{ left:12px; right:12px; bottom:76px; width:auto; max-width:none; padding:16px; }
  .cerez-reopen{ bottom:120px; right:12px; width:40px; height:40px; }
}
#scrollUp{ background:var(--ok) !important; border-color:transparent !important; }
#scrollUp:hover{ background:var(--ok-koyu) !important; }

/* ---- Mobil ---- */
@media (max-width:991px){
  .header-middle .header-middle-right{ display:none !important; }
  .header-middle{ padding-bottom:14px !important; }
  .mobile-menu-area{ background:#fff; border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); }
  .mobil-cubuk .mc-ara{ background:var(--ok) !important; }
}

/* ---- Slider yazı alanı ---- */
.slider-active .slider-content > h2::after{ background:var(--cizgi-ok) !important; }
a.links, a.default-btn, a.slide-btn, .li-button, .slider-content .slide-btn .links{ background:var(--ok) !important; border-color:var(--ok) !important; color:#fff !important; }
a.links:hover, a.default-btn:hover, a.slide-btn:hover, .li-button:hover, .slider-content .slide-btn .links:hover{ background:var(--ok-koyu) !important; border-color:var(--ok-koyu) !important; }
.urd-cta, .skt-kutu{ background-image:none !important; }

/* =====================================================================
   v2.4.1 — Anasayfa premium bölümler
   ===================================================================== */
.sp-ust{ display:inline-block; font-size:11.5px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--ok); margin-bottom:8px; }
.sp-bas{ text-align:center; max-width:640px; margin:0 auto 28px; }
.sp-bas h2{ font-size:28px !important; line-height:1.25; margin:0 0 10px !important; color:#18201E !important; }
.sp-bas p{ color:var(--ikincil) !important; font-size:15px; margin:0 !important; line-height:1.7; }

/* Güven şeridi */
.sp-guven{ margin:26px 0 6px; }
.sp-guven-ic{ display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid var(--cizgi); border-radius:18px;
  box-shadow:0 1px 2px rgba(20,40,34,.04), 0 12px 30px rgba(20,40,34,.06); overflow:hidden; }
.sp-g{ display:flex; align-items:center; gap:14px; padding:20px 22px; position:relative; }
.sp-g + .sp-g::before{ content:""; position:absolute; left:0; top:22%; bottom:22%; width:1px; background:var(--cizgi); }
.sp-g-ikon{ flex:0 0 46px; width:46px; height:46px; border-radius:14px; background:var(--adacayi); color:var(--ok); display:inline-flex; align-items:center; justify-content:center; }
.sp-g strong{ display:block; font-size:14px; font-weight:600; color:#18201E; line-height:1.35; }
.sp-g small{ display:block; font-size:12.5px; color:var(--soluk); margin-top:2px; }
@media (max-width:991px){ .sp-guven-ic{ grid-template-columns:repeat(2,1fr); } .sp-g:nth-child(3)::before{ display:none; } .sp-g:nth-child(n+3){ border-top:1px solid var(--cizgi); } }
@media (max-width:520px){ .sp-guven-ic{ grid-template-columns:1fr; } .sp-g::before{ display:none; } .sp-g + .sp-g{ border-top:1px solid var(--cizgi); } .sp-g{ padding:15px 18px; } }

/* Koleksiyonlar */
.sp-alan{ background:linear-gradient(180deg, #EEF4F1 0%, #F6F7F6 100%); border-top:1px solid #E3EBE7; border-bottom:1px solid #E3EBE7; padding:56px 0 60px; margin:20px 0 40px; }
.sp-alan-izgara{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.sp-kat{ display:flex; flex-direction:column; gap:8px; background:#fff; border:1px solid var(--cizgi); border-radius:16px; padding:20px 20px 18px; text-decoration:none !important;
  box-shadow:0 1px 2px rgba(20,40,34,.03); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.sp-kat:hover{ transform:translateY(-4px); box-shadow:0 18px 36px rgba(20,40,34,.10); border-color:#C9DAD2; }
.sp-kat-ikon{ width:48px; height:48px; border-radius:14px; background:var(--adacayi); color:var(--ok); display:inline-flex; align-items:center; justify-content:center; margin-bottom:6px; transition:background .25s ease, color .25s ease; }
.sp-kat-ikon svg{ width:24px; height:24px; }
.sp-kat:hover .sp-kat-ikon{ background:var(--ok); color:#fff; }
.sp-kat strong{ font-size:15px; font-weight:600; color:#18201E; line-height:1.35; }
.sp-kat small{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:500; color:var(--ok); margin-top:auto; }
.sp-kat:hover small svg{ transform:translateX(3px); }
.sp-kat small svg{ transition:transform .2s ease; }
@media (max-width:991px){ .sp-alan-izgara{ grid-template-columns:repeat(2,1fr); } .sp-bas h2{ font-size:23px !important; } }
@media (max-width:420px){ .sp-alan{ padding:40px 0; } .sp-kat{ padding:16px; } }

/* Kurumsal teklif bandı */
.sp-cta{ margin:34px 0 10px; }
.sp-cta-ic{ display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; border-radius:22px; padding:42px 46px; position:relative; overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%, #3C7464 0%, #2E5B4F 45%, #1F3F36 100%); box-shadow:0 20px 44px rgba(20,45,38,.20); }
.sp-cta-ic::after{ content:""; position:absolute; right:-60px; bottom:-90px; width:280px; height:280px; border-radius:50%; border:1px solid rgba(255,255,255,.10); pointer-events:none; }
.sp-cta-ic::before{ content:""; position:absolute; right:60px; top:-120px; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.05); pointer-events:none; }
.sp-cta .sp-ust{ color:#CFE3DA; }
.sp-cta-yazi{ max-width:640px; position:relative; z-index:1; }
.sp-cta-yazi h2{ color:#fff !important; font-size:27px !important; line-height:1.3; margin:0 0 10px !important; }
.sp-cta-yazi p{ color:#D5E4DE !important; margin:0 !important; font-size:15px; line-height:1.7; }
.sp-cta-btn{ display:flex; gap:12px; flex-wrap:wrap; position:relative; z-index:1; }
.sp-btn{ display:inline-flex; align-items:center; gap:9px; height:50px; padding:0 22px; border-radius:12px; font-weight:600; font-size:14px; text-decoration:none !important; transition:background .2s ease, color .2s ease, border-color .2s ease; }
.sp-btn-acik{ background:#fff; color:var(--ok-gece) !important; }
.sp-btn-acik:hover{ background:#E6F0EC; }
.sp-btn-cizgi{ border:1px solid rgba(255,255,255,.35); color:#fff !important; }
.sp-btn-cizgi:hover{ background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.6); }
@media (max-width:767px){ .sp-cta-ic{ padding:30px 22px; border-radius:18px; } .sp-cta-yazi h2{ font-size:22px !important; } .sp-btn{ flex:1; justify-content:center; } }

/* Mevcut "neden biz" kartları: aynı dilde */
.sf-feat .ic{ background:var(--adacayi) !important; color:var(--ok) !important; box-shadow:none !important; }
.sf-feat:hover .ic{ background:var(--ok) !important; color:#fff !important; }
.sf-intro{ background:#fff !important; border-radius:20px !important; }
.sf-faq h2, .sf-intro h2{ color:#18201E !important; font-weight:600 !important; }
.footer .social-link li{ background:transparent !important; border-radius:10px; }
.footer .social-link li a{ width:40px; height:40px; display:inline-flex !important; align-items:center; justify-content:center; }

/* =====================================================================
   v2.4.2 — Renkli bölümler + kompakt yatay footer (imza sağda)
   ===================================================================== */
:root{ --ok-2:#3E7A68; --ok-3:#5B9580; --mint:#DDEDE6; --altin:#C9A96A; }

/* ---- Koleksiyon kartları: renkli ikon, üst şerit, yumuşak zemin ---- */
.sp-kat{ position:relative; overflow:hidden; border:0 !important; background:linear-gradient(160deg, #FFFFFF 0%, #F3F8F5 100%) !important;
  box-shadow:0 1px 2px rgba(20,40,34,.05), 0 10px 26px rgba(20,40,34,.07) !important; }
.sp-kat::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg, var(--ok) 0%, var(--ok-3) 100%); }
.sp-kat::after{ content:""; position:absolute; right:-40px; bottom:-40px; width:120px; height:120px; border-radius:50%; background:rgba(46,91,79,.06); transition:transform .35s ease; }
.sp-kat:hover::after{ transform:scale(1.35); }
.sp-kat-ikon{ background:linear-gradient(135deg, var(--ok) 0%, var(--ok-2) 100%) !important; color:#fff !important; box-shadow:0 8px 18px rgba(46,91,79,.25); }
.sp-kat:nth-child(4n+2) .sp-kat-ikon{ background:linear-gradient(135deg, #3B6F7A 0%, #5A8F98 100%) !important; box-shadow:0 8px 18px rgba(59,111,122,.25); }
.sp-kat:nth-child(4n+3) .sp-kat-ikon{ background:linear-gradient(135deg, #7A6A43 0%, #A88E57 100%) !important; box-shadow:0 8px 18px rgba(122,106,67,.25); }
.sp-kat:nth-child(4n+4) .sp-kat-ikon{ background:linear-gradient(135deg, #5C6F49 0%, #7E9466 100%) !important; box-shadow:0 8px 18px rgba(92,111,73,.25); }
.sp-kat:nth-child(4n+2)::before{ background:linear-gradient(90deg, #3B6F7A, #5A8F98); }
.sp-kat:nth-child(4n+3)::before{ background:linear-gradient(90deg, #7A6A43, #A88E57); }
.sp-kat:nth-child(4n+4)::before{ background:linear-gradient(90deg, #5C6F49, #7E9466); }
.sp-kat small{ background:var(--adacayi); padding:5px 11px; border-radius:999px; align-self:flex-start; position:relative; z-index:1; }
.sp-kat strong, .sp-kat-ikon{ position:relative; z-index:1; }
.sp-alan{ background:radial-gradient(90% 120% at 0% 0%, #E3EFEA 0%, #F2F6F4 55%, #F6F7F6 100%) !important; }

/* ---- Güven şeridi ikonları renkli ---- */
.sp-g-ikon{ background:linear-gradient(135deg, var(--ok) 0%, var(--ok-2) 100%) !important; color:#fff !important; }

/* ---- Anasayfa blog kartları ---- */
.sbl-kart{ position:relative; overflow:hidden; background:#fff !important; border:1px solid var(--cizgi) !important; border-radius:16px !important;
  padding:26px 24px 22px !important; box-shadow:0 1px 2px rgba(20,40,34,.04), 0 10px 26px rgba(20,40,34,.06) !important; transition:transform .25s ease, box-shadow .25s ease; }
.sbl-kart::before{ content:"\f02d"; font-family:FontAwesome; position:absolute; right:20px; top:18px; width:38px; height:38px; border-radius:12px;
  display:flex; align-items:center; justify-content:center; background:var(--adacayi); color:var(--ok); font-size:15px; }
.sbl-kart::after{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg, var(--ok) 0%, var(--ok-3) 100%); }
.sbl-kart:hover{ transform:translateY(-4px); box-shadow:0 2px 4px rgba(20,40,34,.06), 0 20px 40px rgba(20,40,34,.12) !important; }
.sbl-baslik{ padding-right:46px; }
.sbl-baslik a{ color:#18201E !important; }
.sbl-kart:hover .sbl-baslik a{ color:var(--ok) !important; }
.sbl-devam{ display:inline-flex !important; align-items:center; gap:6px; color:#fff !important; background:var(--ok); padding:7px 14px; border-radius:999px; font-size:12.5px !important; margin-top:6px; }
.sbl-kart:hover .sbl-devam{ background:var(--ok-koyu); }

/* ---- Blog yazı sayfası ---- */
.sfb-hero{ background:radial-gradient(120% 160% at 100% 0%, #3C7464 0%, #2E5B4F 45%, #1C332D 100%) !important; }
.sfb-kart{ border-radius:20px !important; border:1px solid var(--cizgi) !important; position:relative; overflow:hidden; padding:36px 40px !important; }
.sfb-kart::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg, var(--ok) 0%, var(--ok-3) 60%, var(--altin) 100%); }
.sfb-icerik > p:first-of-type{ font-size:17px !important; color:#22302C !important; background:linear-gradient(160deg, #EEF5F1 0%, #F8FBF9 100%); border-left:4px solid var(--ok);
  border-radius:0 14px 14px 0; padding:18px 22px; }
.sfb-icerik h2{ border-top:0 !important; padding-top:0 !important; display:flex; align-items:center; gap:12px; }
.sfb-icerik h2::before{ content:""; flex:0 0 6px; width:6px; height:26px; border-radius:4px; background:linear-gradient(180deg, var(--ok), var(--ok-3)); }
.sfb-icerik hr{ border:0; height:1px; background:linear-gradient(90deg, rgba(46,91,79,0), rgba(46,91,79,.35), rgba(46,91,79,0)); margin:28px 0; }
.sfb-icerik ul li::marker{ color:var(--ok); }
.sfb-icerik a{ color:var(--ok) !important; text-decoration:underline; text-underline-offset:3px; }
.sfb-kutu{ border-radius:16px !important; border:1px solid var(--cizgi) !important; }
.sfb-kutu-baslik{ position:relative; padding-left:14px; }
.sfb-kutu-baslik::before{ content:""; position:absolute; left:0; top:3px; bottom:3px; width:4px; border-radius:3px; background:var(--ok); }
.sfb-cta{ background:linear-gradient(150deg, #2E5B4F 0%, #1F3F36 100%) !important; border:0 !important; }
.sfb-cta .sfb-kutu-baslik, .sfb-cta p{ color:#fff !important; }
.sfb-cta .sfb-kutu-baslik::before{ background:var(--altin); }
.sbl-paylas a{ background:var(--adacayi) !important; color:var(--ok) !important; border-radius:10px !important; }
.sbl-paylas a:hover{ background:var(--ok) !important; color:#fff !important; }

/* ---- Footer üstü (kargo / fiyat / WhatsApp / özel sipariş) ---- */
.li-shipping-inner-box{ position:relative; overflow:hidden; border:0 !important; background:linear-gradient(160deg, #FFFFFF 0%, #F3F8F5 100%) !important; padding:26px 20px !important; }
.li-shipping-inner-box::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg, var(--ok) 0%, var(--ok-3) 100%); }
.li-shipping-inner-box .shipping-icon{ width:72px; height:72px; margin:0 auto 14px !important; border-radius:20px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--ok) 0%, var(--ok-2) 100%); box-shadow:0 10px 22px rgba(46,91,79,.25); }
.li-shipping-inner-box .shipping-icon img{ height:38px !important; width:auto; filter:brightness(0) invert(1); }
.footer-static-top .col-lg-3:nth-child(2) .shipping-icon{ background:linear-gradient(135deg, #3B6F7A, #5A8F98); }
.footer-static-top .col-lg-3:nth-child(3) .shipping-icon{ background:linear-gradient(135deg, #25A366, #35C27B); }
.footer-static-top .col-lg-3:nth-child(4) .shipping-icon{ background:linear-gradient(135deg, #7A6A43, #A88E57); }
.footer-shipping{ padding-top:40px !important; padding-bottom:40px !important; }

/* ---- Footer: yatay, kompakt ---- */
.sf-ft{ padding:44px 0 30px; }
.sf-ft-izgara{ display:grid; grid-template-columns:1.25fr 1.15fr 1.35fr .9fr; gap:36px; align-items:start; }
.sf-ft-logo{ width:150px !important; height:auto !important; filter:brightness(0) invert(1); opacity:.95; margin-bottom:14px; display:block; }
.sf-ft-tanitim, .sf-ft-tanitim *{ color:#BFCDC8 !important; font-size:13px !important; line-height:1.65 !important; margin:0 0 16px !important; }
.sf-ft .footer-block-title{ font-size:15px !important; margin:4px 0 16px !important; padding-bottom:10px; position:relative; color:#fff !important; }
.sf-ft .footer-block-title::after{ content:""; position:absolute; left:0; bottom:0; width:28px; height:2px; border-radius:2px; background:var(--altin) !important; }
.sf-ft ul{ list-style:none; margin:0; padding:0; }
.sf-ft-iletisim li{ display:flex; gap:10px; align-items:flex-start; margin:0 0 10px; color:#BFCDC8 !important; font-size:13px !important; line-height:1.55 !important; }
.sf-ft-iletisim li i{ flex:0 0 26px; width:26px; height:26px; border-radius:8px; background:rgba(255,255,255,.08); color:#DDEDE6; display:inline-flex; align-items:center; justify-content:center; font-size:13px; margin-top:-2px; }
.sf-ft-iletisim a, .sf-ft-iletisim span, .sf-ft-iletisim span *{ color:#BFCDC8 !important; font-size:13px !important; }
.sf-ft-linkler ul{ display:grid; grid-template-columns:1fr 1fr; gap:6px 18px; }
.sf-ft-linkler li a, .sf-ft-markalar li a{ color:#BFCDC8 !important; font-size:13px !important; line-height:1.5; transition:color .2s ease, padding .2s ease; }
.sf-ft-linkler li a:hover, .sf-ft-markalar li a:hover, .sf-ft-iletisim a:hover{ color:#fff !important; padding-left:3px; }
.sf-ft-markalar li{ margin:0 0 7px; }
.sf-ft-sosyal{ display:flex !important; gap:8px; }
.sf-ft-sosyal li{ margin:0 !important; }
.sf-ft-sosyal li a{ width:34px !important; height:34px !important; line-height:34px !important; display:inline-flex !important; align-items:center; justify-content:center; font-size:14px; }
.sf-ft-alt{ padding:16px 0 !important; border-top:1px solid rgba(255,255,255,.07); }
.sf-ft-alt-ic{ display:flex; align-items:center; justify-content:space-between; gap:16px 30px; flex-wrap:wrap; padding:0 !important; text-align:left !important; }
.sf-ft-telif{ display:flex; align-items:center; gap:10px 18px; flex-wrap:wrap; }
.sf-ft-telif > span, .sf-ft-telif > span *{ color:#A9BAB4 !important; font-size:12.5px !important; }
.sf-ft-alt .sf-online{ margin:0 !important; padding:4px 12px !important; font-size:12px !important; }
.sf-ft-alt .sf-imza{ margin:0 0 0 auto !important; }
@media (max-width:1199px){ .sf-ft-izgara{ grid-template-columns:1fr 1fr; } }
@media (max-width:767px){
  .sf-ft{ padding:34px 0 18px; }
  .sf-ft-izgara{ grid-template-columns:1fr; gap:24px; }
  .sf-ft-alt-ic{ flex-direction:column; align-items:center; text-align:center !important; }
  .sf-ft-telif{ justify-content:center; text-align:center; }
  .sf-ft-alt .sf-imza{ margin:0 !important; }
  .sf-ft-alt{ padding-bottom:80px !important; }
}
.sbl-devam{ align-self:flex-start !important; width:auto !important; }
.sf-feat .ic{ background:linear-gradient(135deg, var(--ok) 0%, var(--ok-2) 100%) !important; box-shadow:0 10px 22px rgba(46,91,79,.22); }
.sf-feat .ic, .sf-feat .ic i, .sf-feat .ic svg{ color:#fff !important; }
.sf-feat:nth-child(2) .ic{ background:linear-gradient(135deg, #3B6F7A, #5A8F98) !important; }
.sf-feat:nth-child(3) .ic{ background:linear-gradient(135deg, #7A6A43, #A88E57) !important; }
.sf-feat:nth-child(4) .ic{ background:linear-gradient(135deg, #5C6F49, #7E9466) !important; }
.sf-feat{ border:0 !important; background:linear-gradient(160deg, #FFFFFF 0%, #F3F8F5 100%) !important; position:relative; overflow:hidden; }
.sf-feat::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg, var(--ok), var(--ok-3)); }
.sf-intro{ background:linear-gradient(160deg, #FFFFFF 0%, #F1F7F4 100%) !important; border-left:4px solid var(--ok) !important; }
@media (min-width:768px){
  .sf-ft-alt-ic{ flex-wrap:nowrap !important; }
  .sf-ft-telif{ flex:1 1 auto; min-width:0; flex-wrap:wrap; }
  .sf-ft-alt .sf-imza{ flex:0 0 auto; padding-right:70px; }
}
.sf-ft-linkler ul{ grid-template-columns:1fr 1.2fr !important; }
@media (max-width:767px){ .sf-ft-markalar{ display:grid; grid-template-columns:1fr 1fr; gap:4px 18px; } .sf-ft-izgara{ gap:22px; } }

/* =====================================================================
   v2.4.3 — Mobil ve tablet düzenlemeleri, daha küçük imza
   ===================================================================== */
/* İmza: biraz daha küçük ve zarif */
.sf-imza .sf-imza-a{ font-size:11px !important; gap:7px !important; letter-spacing:.2px; }
.sf-imza .sf-imza-a img{ height:11px !important; }

@media (max-width:991px){
  /* Üst alan: hamburger solda, dil seçimi sağda — tek satır */
  .header-middle{ padding-top:16px !important; padding-bottom:12px !important; }
  .header-middle .logo{ padding-bottom:12px !important; text-align:center; }
  .header-middle .logo img{ width:132px !important; height:auto; }
  .mobile-menu-area{ padding:0 !important; }
  .mobile-menu-area .container{ position:relative; min-height:52px; }
  .mobile-menu-area .mobile-lang{ position:absolute !important; right:12px; top:9px; width:auto !important; padding:0 !important; z-index:6; margin:0 !important; }
  .mobile-menu-area .mobile-lang .lf-current{ height:34px; padding:0 12px !important; border-radius:999px !important; border:1px solid var(--cizgi) !important; background:#fff !important; font-size:13px; }
  .mobile-menu-area .mean-container .mean-bar{ min-height:52px; padding:0 !important; }
  .mobile-menu-area .mean-container a.meanmenu-reveal{ top:9px !important; left:12px !important; right:auto !important; width:34px !important; height:34px !important; padding:9px 8px !important;
    border-radius:10px; background:var(--ok) !important; box-sizing:border-box; }
  .mobile-menu-area .mean-container a.meanmenu-reveal span{ background:#fff !important; height:2px !important; margin-top:3px !important; }
  .mobile-menu-area .mean-container a.meanmenu-reveal.meanclose{ color:#fff !important; font-size:16px !important; line-height:16px; text-align:center; }
  .mean-container .mean-nav{ margin-top:52px !important; background:#fff !important; border-radius:0 0 14px 14px; box-shadow:0 14px 30px rgba(20,40,34,.12); }
  .mean-container .mean-nav ul li a{ color:#26302D !important; border-top:1px solid #EEF1EF !important; font-weight:500; font-size:14px !important; text-transform:none !important; }
  .mean-container .mean-nav ul li a:hover{ color:var(--ok) !important; background:var(--adacayi) !important; }
  .mean-container .mean-nav ul li a.mean-expand{ background:var(--adacayi) !important; color:var(--ok) !important; border:0 !important; }

  /* Ürün sekmeleri: kaydırılabilir yuvarlak düğmeler */
  .li-product-tab{ overflow:visible; }
  .li-product-tab .li-product-menu{ display:flex !important; flex-wrap:nowrap !important; gap:8px; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:2px 2px 8px !important; border:0 !important; }
  .li-product-tab .li-product-menu::-webkit-scrollbar{ display:none; }
  .li-product-tab .li-product-menu li{ flex:0 0 auto; margin:0 !important; padding:0 !important; }
  .li-product-tab .li-product-menu li::before, .li-product-tab .li-product-menu li::after{ display:none !important; }
  .li-product-tab .li-product-menu li a{ display:inline-flex !important; align-items:center; height:38px; padding:0 16px !important; border-radius:999px !important; white-space:nowrap;
    background:#fff !important; border:1px solid var(--cizgi) !important; font-size:13px !important; font-weight:500 !important; color:#2C3532 !important; }
  .li-product-tab .li-product-menu li a.active{ background:var(--ok) !important; border-color:var(--ok) !important; color:#fff !important; }
  .li-product-tab .li-product-menu li a::before, .li-product-tab .li-product-menu li a::after{ display:none !important; }

  /* Hizmet kartları: 2 sütun, kompakt */
  .sf-feats{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  .sf-feat{ padding:20px 14px 18px !important; }
  .sf-feat .ic{ width:48px !important; height:48px !important; font-size:20px !important; border-radius:14px !important; margin-bottom:10px !important; }
  .sf-feat h3{ font-size:14.5px !important; }
  .sf-feat p{ font-size:12.5px !important; line-height:1.55 !important; }

  /* Footer üstü kutular: 2 sütun, kompakt */
  .footer-shipping .row{ row-gap:12px; }
  .footer-shipping .row > [class*="col-"]{ flex:0 0 50% !important; max-width:50% !important; padding-bottom:0 !important; padding-left:6px; padding-right:6px; }
  .footer-shipping{ padding-top:24px !important; padding-bottom:24px !important; }
  .li-shipping-inner-box{ padding:18px 10px !important; height:100%; }
  .li-shipping-inner-box .shipping-icon{ width:52px !important; height:52px !important; border-radius:15px !important; margin-bottom:10px !important; }
  .li-shipping-inner-box .shipping-icon img{ height:28px !important; }
  .li-shipping-inner-box .shipping-text h2{ font-size:14px !important; margin-bottom:4px !important; }
  .li-shipping-inner-box .shipping-text p{ font-size:12px !important; line-height:1.45 !important; }

  /* Kurumsal teklif bandı */
  .sp-cta-ic{ padding:30px 24px !important; }
  .sp-alan{ padding:40px 0 44px !important; }
  .sp-bas{ margin-bottom:20px !important; }

  /* Blog: kart iç boşlukları */
  .sbl-kart{ padding:22px 20px 18px !important; }
  .sfb-kart{ padding:24px 20px !important; }
  .sfb-hero .sfb-baslik{ font-size:28px !important; }
}

@media (max-width:767px){
  body{ font-size:14px; }
  .container{ padding-left:14px !important; padding-right:14px !important; }
  /* Koleksiyon kartları: 2 sütun, kompakt */
  .sp-alan-izgara{ grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
  .sp-kat{ padding:16px 14px 14px !important; gap:6px !important; border-radius:14px !important; }
  .sp-kat-ikon{ width:40px !important; height:40px !important; border-radius:12px !important; margin-bottom:2px !important; }
  .sp-kat-ikon svg{ width:20px !important; height:20px !important; }
  .sp-kat strong{ font-size:13.5px !important; }
  .sp-kat small{ font-size:11.5px !important; padding:4px 9px !important; }
  .sp-bas h2{ font-size:21px !important; }
  .sp-bas p{ font-size:13.5px !important; }
  /* Güven şeridi: 2x2 */
  .sp-guven-ic{ grid-template-columns:repeat(2,1fr) !important; }
  .sp-g{ flex-direction:column; align-items:flex-start; gap:10px; padding:16px 14px !important; }
  .sp-g::before{ display:none !important; }
  .sp-g:nth-child(n+3){ border-top:1px solid var(--cizgi); }
  .sp-g:nth-child(even){ border-left:1px solid var(--cizgi); }
  .sp-g-ikon{ width:40px !important; height:40px !important; flex-basis:40px !important; border-radius:12px !important; }
  .sp-g strong{ font-size:13px !important; }
  .sp-g small{ font-size:11.5px !important; }
  /* Kurumsal teklif bandı: butonlar alt alta, tam genişlik */
  .sp-cta-ic{ padding:26px 18px !important; border-radius:18px !important; }
  .sp-cta-yazi h2{ font-size:20px !important; }
  .sp-cta-yazi p{ font-size:13.5px !important; }
  .sp-cta-btn{ width:100%; flex-direction:column; }
  .sp-btn{ width:100%; justify-content:center; height:46px !important; white-space:nowrap; }
  /* Bölüm başlıkları */
  .li-section-title h2, .li-section-title h2 span{ font-size:18px !important; }
  .sf-intro{ padding:24px 18px !important; }
  .sf-intro h2, .sf-faq h2{ font-size:20px !important; }
  .sf-faq summary{ font-size:14px !important; padding:14px 16px !important; }
  /* Sol kategori şeridi (mobil yatay kaydırma) */
  .skm-a{ white-space:nowrap; }
  /* Ürün detayı */
  .product__details--section h1, .product__details--info__title{ font-size:22px !important; line-height:1.3 !important; }
  .sfb-hero{ padding:28px 0 30px !important; }
  .sfb-hero .sfb-baslik{ font-size:23px !important; }
  .sfb-icerik > p:first-of-type{ font-size:15px !important; padding:14px 16px !important; }
  .sfb-icerik h2{ font-size:20px !important; }
  /* Kaydırma ve sabit düğmeler alt çubukla çakışmasın */
  #scrollUp{ bottom:72px !important; right:12px !important; width:42px !important; height:42px !important; line-height:42px !important; }
  .whatsapp, .telefon{ display:none !important; }
}
@media (max-width:380px){
  .sp-alan-izgara, .sf-feats{ gap:8px !important; }
  .sp-kat strong{ font-size:12.5px !important; }
}
@media (max-width:991px){ .mobile-menu-area .lang-flags-m .lf-menu{ left:auto !important; right:0 !important; transform:none !important; min-width:150px; } }
@media (max-width:991px){
  .li-product-tab .li-product-menu li a.active, .li-product-tab .li-product-menu li a.active *, .li-product-tab .li-product-menu li a.active span{ color:#fff !important; -webkit-text-fill-color:#fff; opacity:1 !important; }
  .li-product-tab .li-product-menu li a span{ position:static !important; transform:none !important; opacity:1 !important; }
}
@media (max-width:767px){ .sp-btn{ flex:0 0 auto !important; } }
@media (max-width:991px){ .mean-container .mean-nav > ul{ max-height:72vh !important; } .mean-container .mean-nav ul li li a{ padding-left:28px !important; font-size:13.5px !important; color:#3A4340 !important; } }

/* =====================================================================
   v2.5 — Ürün görseli yakınlaştırma (zoom) + tam ekran görüntüleyici
   ===================================================================== */
.sfz-cerceve{ position:relative; display:block; overflow:hidden; border-radius:14px; border:1px solid #EEF1EF; background:#fff; max-width:500px; margin:0 auto; cursor:zoom-in; }
.sfz-cerceve #urunGaleri-main{ display:block; width:100% !important; height:auto; border:0 !important; border-radius:0 !important; transition:transform .18s ease-out !important; will-change:transform; }
.sfz-cerceve #urunGaleri-main:hover{ transform:none; }
.sfz-cerceve.sfz-aktif #urunGaleri-main{ transform:scale(2.1) !important; transition:transform .12s ease-out !important; }
.sfz-ipucu{ position:absolute; left:50%; bottom:12px; transform:translateX(-50%); display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
  background:rgba(28,51,45,.82); color:#fff; font-size:12px; font-weight:500; padding:7px 13px; border-radius:999px; pointer-events:none; transition:opacity .2s ease; backdrop-filter:blur(4px); }
.sfz-cerceve.sfz-aktif .sfz-ipucu{ opacity:0; }
.urunGaleri-thumbs img{ border-radius:10px !important; border:2px solid #E4E8E6 !important; }
.urunGaleri-thumbs img.secili, .urunGaleri-thumbs img:hover{ border-color:var(--ok) !important; }

.sfz-kutu{ position:fixed; inset:0; z-index:100000; background:rgba(14,26,22,.97); display:none; align-items:center; justify-content:center; }
.sfz-kutu.acik{ display:flex; animation:sfzGel .2s ease both; }
@keyframes sfzGel{ from{ opacity:0; } to{ opacity:1; } }
.sfz-sahne{ position:relative; width:min(92vw,1100px); height:min(84vh,1100px); display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:16px; }
.sfz-sahne img{ max-width:100%; max-height:100%; object-fit:contain; background:#fff; border-radius:12px; cursor:zoom-in; transition:transform .25s ease; user-select:none; -webkit-user-drag:none; }
.sfz-sahne.yakin img{ transform:scale(2.5); cursor:zoom-out; transition:transform .1s ease-out; }
.sfz-kapat{ position:absolute; top:16px; right:18px; width:46px; height:46px; border-radius:50%; border:0; background:rgba(255,255,255,.12); color:#fff; font-size:28px; line-height:1; cursor:pointer; z-index:2; }
.sfz-kapat:hover{ background:rgba(255,255,255,.24); }
.sfz-ok{ position:absolute; top:50%; transform:translateY(-50%); width:50px; height:50px; border-radius:50%; border:0; background:rgba(255,255,255,.12); color:#fff; font-size:32px; line-height:1; cursor:pointer; z-index:2; }
.sfz-ok:hover{ background:var(--ok); }
.sfz-geri{ left:18px; } .sfz-ileri{ right:18px; }
.sfz-kutu.sfz-tek .sfz-ok{ display:none; }
.sfz-alt{ position:absolute; left:0; right:0; bottom:16px; display:flex; justify-content:center; gap:14px; color:rgba(255,255,255,.8); font-size:12.5px; pointer-events:none; }
.sfz-sayac{ font-weight:600; color:#fff; }
@media (max-width:767px){
  .sfz-cerceve{ border-radius:12px; }
  .sfz-ipucu{ font-size:11px; padding:6px 11px; bottom:8px; }
  .sfz-sahne{ width:100vw; height:78vh; border-radius:0; }
  .sfz-sahne img{ border-radius:0; }
  .sfz-ok{ width:40px; height:40px; font-size:26px; top:auto; bottom:52px; transform:none; }
  .sfz-geri{ left:12px; } .sfz-ileri{ right:12px; }
  .sfz-kapat{ top:12px; right:12px; width:42px; height:42px; }
}
/* Ürün kartlarında hafif yakınlaşma */
.single-product-wrap .product-image{ overflow:hidden; border-radius:12px; }
.single-product-wrap .product-image img{ transition:transform .45s ease !important; }
.single-product-wrap:hover .product-image img{ transform:scale(1.07); }

/* =====================================================================
   v2.5 — Kişiye Özel Tasarımlar sayfası
   ===================================================================== */
.ko-sayfa{ padding:26px 0 10px; }
.ko-ozellik{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; margin-bottom:26px; }
.ko-oz{ position:relative; overflow:hidden; background:linear-gradient(160deg,#fff 0%,#F3F8F5 100%); border-radius:16px; padding:20px 14px 18px; text-align:center;
  box-shadow:0 1px 2px rgba(20,40,34,.05), 0 10px 24px rgba(20,40,34,.06); transition:transform .25s ease, box-shadow .25s ease; }
.ko-oz::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,var(--ok),var(--ok-3)); }
.ko-oz:hover{ transform:translateY(-4px); box-shadow:0 18px 34px rgba(20,40,34,.11); }
.ko-oz-ikon{ width:50px; height:50px; border-radius:15px; margin:0 auto 12px; display:flex; align-items:center; justify-content:center; color:#fff;
  background:linear-gradient(135deg,var(--ok) 0%,var(--ok-2) 100%); box-shadow:0 8px 18px rgba(46,91,79,.24); }
.ko-oz:nth-child(3n+2) .ko-oz-ikon{ background:linear-gradient(135deg,#3B6F7A,#5A8F98); }
.ko-oz:nth-child(3n+3) .ko-oz-ikon{ background:linear-gradient(135deg,#7A6A43,#A88E57); }
.ko-oz strong{ display:block; font-size:14px; font-weight:600; color:#18201E; line-height:1.35; }
.ko-oz small{ display:block; font-size:12px; color:var(--soluk); margin-top:4px; line-height:1.45; }

.ko-izgara{ display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:24px; align-items:start; }
.ko-kart{ position:relative; overflow:hidden; background:#fff; border:1px solid var(--cizgi); border-radius:20px; padding:34px 36px;
  box-shadow:0 1px 2px rgba(20,40,34,.04), 0 12px 30px rgba(20,40,34,.06); }
.ko-kart::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,var(--ok) 0%,var(--ok-3) 60%,var(--altin) 100%); }
.ko-icerik{ text-align:left; }
.ko-icerik h1, .ko-icerik h2, .ko-icerik h3, .ko-icerik h4{ text-align:left !important; color:#18201E !important; font-weight:600 !important; line-height:1.35 !important; margin:26px 0 10px !important; }
.ko-icerik > :first-child{ margin-top:0 !important; }
.ko-icerik h3{ font-size:21px !important; }
.ko-icerik h2{ font-size:19px !important; display:flex; align-items:center; gap:10px; }
.ko-icerik h2::before{ content:""; flex:0 0 5px; width:5px; height:22px; border-radius:4px; background:linear-gradient(180deg,var(--ok),var(--ok-3)); }
.ko-icerik p{ text-align:left !important; color:#3A4340 !important; font-size:15px !important; line-height:1.85 !important; margin:0 0 14px !important; }
.ko-icerik strong{ color:#18201E; }
.ko-icerik h3 + p{ font-size:16px !important; color:#22302C !important; background:linear-gradient(160deg,#EEF5F1 0%,#F8FBF9 100%); border-left:4px solid var(--ok);
  border-radius:0 14px 14px 0; padding:16px 20px; }
.ko-icerik img{ max-width:100% !important; height:auto; border-radius:14px; display:block; margin:8px auto 18px; }
.ko-icerik p:has(> img){ text-align:center !important; }
.ko-icerik div[style*="padding-bottom"]{ border-radius:16px; overflow:hidden; box-shadow:0 12px 30px rgba(20,40,34,.14); margin:6px 0 10px; background:#1C332D; }

.ko-yan > * + *{ margin-top:18px; }
@media (min-width:992px){ .ko-yan{ position:sticky; top:16px; } }
.ko-teklif{ position:relative; overflow:hidden; border-radius:20px; padding:28px 24px; color:#fff;
  background:radial-gradient(120% 140% at 100% 0%, #3C7464 0%, #2E5B4F 45%, #1F3F36 100%); box-shadow:0 18px 40px rgba(20,45,38,.22); }
.ko-teklif::after{ content:""; position:absolute; right:-50px; bottom:-70px; width:200px; height:200px; border-radius:50%; border:1px solid rgba(255,255,255,.12); }
.ko-teklif .sp-ust{ color:#CFE3DA; }
.ko-teklif h2{ color:#fff !important; font-size:21px !important; line-height:1.3; margin:0 0 10px !important; }
.ko-teklif p{ color:#D5E4DE !important; font-size:13.5px; line-height:1.65; margin:0 0 18px !important; }
.ko-teklif .sp-btn{ width:100%; justify-content:center; margin-top:10px; position:relative; z-index:1; }
.ko-adimlar{ background:#fff; border:1px solid var(--cizgi); border-radius:20px; padding:22px 22px 10px; box-shadow:0 1px 2px rgba(20,40,34,.04), 0 10px 26px rgba(20,40,34,.05); }
.ko-adimlar h3{ font-size:16px !important; margin:0 0 14px !important; color:#18201E !important; }
.ko-adimlar ol{ list-style:none; margin:0; padding:0; }
.ko-adimlar li{ display:flex; gap:12px; align-items:flex-start; padding:0 0 14px; position:relative; }
.ko-adimlar li + li::before{ content:""; position:absolute; left:15px; top:-14px; height:14px; width:2px; background:#DCE7E2; }
.ko-no{ flex:0 0 32px; width:32px; height:32px; border-radius:50%; background:var(--adacayi); color:var(--ok); font-weight:700; font-size:14px; display:inline-flex; align-items:center; justify-content:center; }
.ko-adimlar li strong{ display:block; font-size:14px; font-weight:600; color:#18201E; }
.ko-adimlar li small{ display:block; font-size:12.5px; color:var(--ikincil); line-height:1.5; margin-top:2px; }
.ko-gorsel{ margin:26px 0 0; background:#fff; border:1px solid var(--cizgi); border-radius:20px; padding:18px; text-align:center; box-shadow:0 10px 26px rgba(20,40,34,.05); }
.ko-gorsel img{ max-width:100%; height:auto; border-radius:14px; }

@media (max-width:1199px){ .ko-ozellik{ grid-template-columns:repeat(3,1fr); } .ko-izgara{ grid-template-columns:minmax(0,1fr) 320px; } }
@media (max-width:991px){ .ko-izgara{ grid-template-columns:1fr; } .ko-kart{ padding:26px 22px; } }
@media (max-width:767px){
  .ko-sayfa{ padding:16px 0 0; }
  .ko-ozellik{ grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:18px; }
  .ko-oz{ padding:16px 10px 14px; }
  .ko-oz-ikon{ width:42px; height:42px; border-radius:12px; margin-bottom:8px; }
  .ko-oz strong{ font-size:13px; } .ko-oz small{ font-size:11.5px; }
  .ko-kart{ padding:22px 16px; border-radius:16px; }
  .ko-icerik h3{ font-size:18px !important; } .ko-icerik h2{ font-size:17px !important; }
  .ko-icerik p{ font-size:14px !important; }
  .ko-icerik img{ width:100% !important; }
  .ko-teklif{ padding:24px 18px; } .ko-gorsel{ padding:10px; border-radius:16px; }
}