/*
 * Maşallah Metal görsel temaları
 * Bu dosya yalnızca görünümü değiştirir: renkler, tipografi, zeminler,
 * kartlar, butonlar ve bölüm kuşakları. Site işleyişine dokunmaz.
 */

body[data-theme] {
  --t-primary:#123a63;
  --t-primary-2:#0b2845;
  --t-accent:#c6a15b;
  --t-accent-2:#9d7737;
  --t-bg:#ffffff;
  --t-soft:#f5f8fb;
  --t-card:#ffffff;
  --t-text:#17324d;
  --t-muted:#61788d;
  --t-border:#dfe5e9;
  --t-footer:#081f35;
  --t-footer-text:#dce7f0;
  --t-band-bg:#ffffff;
  --t-band-radius:999px;
  --t-band-border:#dfe5e9;
  --t-band-shadow:0 8px 22px rgba(11,38,63,.07);
  --t-font:Inter,Arial,sans-serif;
}

/* Ortak, görsel override katmanı */
body[data-theme]{font-family:var(--t-font);background:var(--t-bg);color:var(--t-text)}
body[data-theme] .header{background:var(--t-bg);border-bottom-color:var(--t-border)}
body[data-theme] .nav{color:var(--t-text)}
body[data-theme] .dropdown{background:var(--t-card);box-shadow:0 16px 34px rgba(0,0,0,.12)}
body[data-theme] .dropdown a:hover{background:var(--t-soft);color:var(--t-primary)}
body[data-theme] .soft,
body[data-theme] .trust,
body[data-theme] .footer-map{background:var(--t-soft)}
body[data-theme] .card,
body[data-theme] details,
body[data-theme] .contact-form,
body[data-theme] .gallery-item,
body[data-theme] .trust-card,
body[data-theme] .panel{background:var(--t-card);border-color:var(--t-border)}
body[data-theme] .card:hover,
body[data-theme] .trust-card:hover{border-color:var(--t-accent)}
body[data-theme] .card p,
body[data-theme] .trust-card p,
body[data-theme] .service-description,
body[data-theme] .contact-info p{color:var(--t-muted)}
body[data-theme] .product-cat{color:var(--t-primary)}
body[data-theme] .btn{background:var(--t-primary);color:#fff}
body[data-theme] .btn:hover{background:var(--t-primary-2)}
body[data-theme] .btn.light{background:var(--t-card);color:var(--t-primary);border:1px solid var(--t-border)}
body[data-theme] .page-hero{background:var(--t-primary-2);color:#fff}
body[data-theme] .footer{background:var(--t-footer);color:var(--t-footer-text)}
body[data-theme] .copyright{border-top-color:rgba(255,255,255,.18)}
body[data-theme] .section-head h2,
body[data-theme] .home-page .section-head h2{background:var(--t-band-bg)!important;color:var(--t-text)!important;border-color:var(--t-band-border)!important;border-radius:var(--t-band-radius)!important;box-shadow:var(--t-band-shadow)!important}
body[data-theme] .section-head h2{font-family:var(--t-font)!important}
body[data-theme] .section-head h2:before,
body[data-theme] .section-head h2:after,
body[data-theme] .home-page .section-head h2:before,
body[data-theme] .home-page .section-head h2:after{background:linear-gradient(90deg,transparent,var(--t-accent))!important;border-color:var(--t-accent)!important;box-shadow:none!important}
body[data-theme] .section-head h2:after,
body[data-theme] .home-page .section-head h2:after{background:linear-gradient(90deg,var(--t-accent),transparent)!important}
body[data-theme] .home-page .home-category-products .section-head h2{background:var(--t-primary-2)!important;color:#fff!important;border-color:var(--t-primary-2)!important;border-radius:var(--t-band-radius)!important}
body[data-theme] .home-page .home-category-products .section-head h2:before{border-right-color:var(--t-primary-2)!important;background:none!important}
body[data-theme] .home-page .home-category-products .section-head h2:after{border-left-color:var(--t-primary-2)!important;background:none!important}
body[data-theme] .gallery-item:hover{border-color:var(--t-accent)}
body[data-theme] .gallery-thumb.active{border-color:var(--t-accent)}
body[data-theme] details summary span{color:var(--t-accent-2)}
body[data-theme] .trust-card .trust-icon{background:var(--t-soft);color:var(--t-accent)}
body[data-theme] .trust-image-wrap{background:var(--t-soft)}
body[data-theme] .floating-wa{background:#1f9d62}
body[data-theme] .contact-detail-icon,
body[data-theme] .input-icon>span,
body[data-theme] .search-icon{color:var(--t-accent-2)}
body[data-theme] .captcha-box>span:first-child{color:var(--t-accent-2)}
body[data-theme] .contact-form-grid input,
body[data-theme] .contact-form-grid textarea,
body[data-theme] .input-icon,
body[data-theme] .captcha-box{border-color:var(--t-border);background:var(--t-card)}
body[data-theme] .home-page .wide-banner{background:var(--t-primary-2)}
body[data-theme] .site-search{border-color:var(--t-border)}
body[data-theme] .site-search button{background:var(--t-primary)}
body[data-theme] .site-search input{color:var(--t-text)}
body[data-theme] .product-whatsapp{background:var(--t-primary)}

/* 01 — Kurumsal Lacivert & Altın */
body[data-theme="theme-1"]{--t-primary:#173e67;--t-primary-2:#0b2744;--t-accent:#c6a15b;--t-accent-2:#a47b34;--t-bg:#ffffff;--t-soft:#f5f7fa;--t-footer:#071d30;--t-band-radius:999px;--t-band-bg:#ffffff;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/* 02 — Zümrüt & Fildişi */
body[data-theme="theme-2"]{--t-primary:#17624f;--t-primary-2:#0c4034;--t-accent:#c9aa69;--t-accent-2:#9a7d42;--t-bg:#fbfaf5;--t-soft:#f2f5ee;--t-card:#fffdf8;--t-text:#183c34;--t-muted:#61766e;--t-footer:#0c2c26;--t-band-radius:18px;--t-band-bg:#fffdf8;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/* 03 — Bordo & Şampanya */
body[data-theme="theme-3"]{--t-primary:#7f2437;--t-primary-2:#551522;--t-accent:#d1ae72;--t-accent-2:#ae8242;--t-bg:#fffaf7;--t-soft:#f8efec;--t-card:#fffdfb;--t-text:#4e2029;--t-muted:#776167;--t-footer:#351018;--t-band-radius:8px;--t-band-bg:#fffdfb;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/* 04 — Gece Mavisi & Bakır */
body[data-theme="theme-4"]{--t-primary:#1b3554;--t-primary-2:#071523;--t-accent:#b97947;--t-accent-2:#a65f32;--t-bg:#f7f9fb;--t-soft:#edf1f5;--t-card:#ffffff;--t-text:#17273a;--t-muted:#647284;--t-footer:#050e19;--t-band-radius:6px;--t-band-bg:#ffffff;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/* 05 — Kum & Koyu Kahve */
body[data-theme="theme-5"]{--t-primary:#6e5039;--t-primary-2:#3c2a1e;--t-accent:#b79254;--t-accent-2:#8b6632;--t-bg:#fbf5ea;--t-soft:#f2e7d6;--t-card:#fffaf1;--t-text:#4b3729;--t-muted:#776757;--t-footer:#2b1f16;--t-band-radius:24px;--t-band-bg:#fffaf1;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/* 06 — Safir & Platin */
body[data-theme="theme-6"]{--t-primary:#2456a6;--t-primary-2:#17386d;--t-accent:#9fa8b4;--t-accent-2:#717d8a;--t-bg:#ffffff;--t-soft:#eef3f9;--t-card:#ffffff;--t-text:#183252;--t-muted:#63778f;--t-footer:#102546;--t-band-radius:999px;--t-band-bg:#ffffff;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/* 07 — Antrasit & Mercan */
body[data-theme="theme-7"]{--t-primary:#303941;--t-primary-2:#181e23;--t-accent:#d66c5b;--t-accent-2:#b84d3d;--t-bg:#f7f7f6;--t-soft:#eceeed;--t-card:#ffffff;--t-text:#293137;--t-muted:#69747b;--t-footer:#14191d;--t-band-radius:14px;--t-band-bg:#ffffff;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/* 08 — Orman Yeşili & Pirinç */
body[data-theme="theme-8"]{--t-primary:#285643;--t-primary-2:#17372b;--t-accent:#b99a58;--t-accent-2:#8f743d;--t-bg:#f8faf7;--t-soft:#eaf0eb;--t-card:#ffffff;--t-text:#203c30;--t-muted:#687a70;--t-footer:#112a20;--t-band-radius:12px;--t-band-bg:#ffffff;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/* 09 — Mor & Gümüş */
body[data-theme="theme-9"]{--t-primary:#634679;--t-primary-2:#3d294d;--t-accent:#b5a5ba;--t-accent-2:#8b7890;--t-bg:#faf9fb;--t-soft:#f0edf3;--t-card:#ffffff;--t-text:#40304a;--t-muted:#716878;--t-footer:#2a1d34;--t-band-radius:28px;--t-band-bg:#ffffff;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/* 10 — Siyah & Şampanya */
body[data-theme="theme-10"]{--t-primary:#222222;--t-primary-2:#050505;--t-accent:#d5b16f;--t-accent-2:#ad8442;--t-bg:#faf8f3;--t-soft:#eeeae1;--t-card:#fffdf9;--t-text:#28251f;--t-muted:#756e63;--t-footer:#050505;--t-band-radius:4px;--t-band-bg:#fffdf9;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}

/*
 * KUŞAK SİSTEMİ v2
 * Her tema kendi kuşak/geometrik başlık dilini kullanır.
 * Aynı tema içindeki tüm ana sayfa bölüm başlıkları aynı geometriyi
 * kullanır; böylece bir bölümün oval, diğerinin kare görünmesi engellenir.
 */
body[data-theme] .section-head h2,
body[data-theme] .home-page .section-head h2,
body[data-theme] .home-page .home-category-products .section-head h2,
body[data-theme] .home-page #about .split h2,
body[data-theme] .home-page #contact .split h2{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  min-height:50px!important;
  margin:0 0 14px!important;
  padding:10px 50px!important;
  color:var(--t-text)!important;
  background:var(--t-band-bg)!important;
  border:1px solid var(--t-band-border)!important;
  border-radius:0!important;
  outline:none!important;
  outline-offset:0!important;
  box-shadow:none!important;
  font-family:var(--t-font)!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.5px!important;
  text-align:center!important;
  box-sizing:border-box!important;
  z-index:1;
}
body[data-theme] .section-head h2:before,
body[data-theme] .section-head h2:after,
body[data-theme] .home-page .section-head h2:before,
body[data-theme] .home-page .section-head h2:after,
body[data-theme] .home-page .home-category-products .section-head h2:before,
body[data-theme] .home-page .home-category-products .section-head h2:after,
body[data-theme] .home-page #about .split h2:before,
body[data-theme] .home-page #about .split h2:after,
body[data-theme] .home-page #contact .split h2:before,
body[data-theme] .home-page #contact .split h2:after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}

/* 01 — Klasik Madalyon: temiz oval + çift metalik çizgi */
body[data-theme="theme-1"] .section-head h2,
body[data-theme="theme-1"] .home-page #about .split h2,
body[data-theme="theme-1"] .home-page #contact .split h2{
  border:1px solid var(--t-band-border)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff 0%,var(--t-band-bg) 100%)!important;
  box-shadow:0 7px 20px rgba(11,38,63,.08)!important;
}
body[data-theme="theme-1"] .section-head h2:before,
body[data-theme="theme-1"] .section-head h2:after,
body[data-theme="theme-1"] .home-page #about .split h2:before,
body[data-theme="theme-1"] .home-page #about .split h2:after,
body[data-theme="theme-1"] .home-page #contact .split h2:before,
body[data-theme="theme-1"] .home-page #contact .split h2:after{
  top:50%!important;
  width:44px!important;
  height:8px!important;
  transform:translateY(-50%)!important;
  border-top:1px solid var(--t-accent)!important;
  border-bottom:1px solid var(--t-accent)!important;
  background:none!important;
}
body[data-theme="theme-1"] .section-head h2:before,
body[data-theme="theme-1"] .home-page #about .split h2:before,
body[data-theme="theme-1"] .home-page #contact .split h2:before{right:100%!important;left:auto!important;margin-right:15px!important}
body[data-theme="theme-1"] .section-head h2:after,
body[data-theme="theme-1"] .home-page #about .split h2:after,
body[data-theme="theme-1"] .home-page #contact .split h2:after{left:100%!important;right:auto!important;margin-left:15px!important}

/* 02 — Çift Ray: oval olmayan, yatay çerçeveli şerit */
body[data-theme="theme-2"] .section-head h2,
body[data-theme="theme-2"] .home-page #about .split h2,
body[data-theme="theme-2"] .home-page #contact .split h2{
  border-top:2px solid var(--t-accent)!important;
  border-bottom:2px solid var(--t-accent)!important;
  border-left:1px solid color-mix(in srgb,var(--t-primary) 18%,transparent)!important;
  border-right:1px solid color-mix(in srgb,var(--t-primary) 18%,transparent)!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,transparent,var(--t-band-bg) 8%,var(--t-band-bg) 92%,transparent)!important;
}
body[data-theme="theme-2"] .section-head h2:before,
body[data-theme="theme-2"] .section-head h2:after,
body[data-theme="theme-2"] .home-page #about .split h2:before,
body[data-theme="theme-2"] .home-page #about .split h2:after,
body[data-theme="theme-2"] .home-page #contact .split h2:before,
body[data-theme="theme-2"] .home-page #contact .split h2:after{
  top:50%!important;
  width:58px!important;
  height:12px!important;
  transform:translateY(-50%)!important;
  border-top:1px solid var(--t-primary)!important;
  border-bottom:1px solid var(--t-primary)!important;
  background:transparent!important;
}
body[data-theme="theme-2"] .section-head h2:before,
body[data-theme="theme-2"] .home-page #about .split h2:before,
body[data-theme="theme-2"] .home-page #contact .split h2:before{right:100%!important;left:auto!important;margin-right:14px!important}
body[data-theme="theme-2"] .section-head h2:after,
body[data-theme="theme-2"] .home-page #about .split h2:after,
body[data-theme="theme-2"] .home-page #contact .split h2:after{left:100%!important;right:auto!important;margin-left:14px!important}

/* 03 — Kesik Uçlu Bordo Plaka */
body[data-theme="theme-3"] .section-head h2,
body[data-theme="theme-3"] .home-page #about .split h2,
body[data-theme="theme-3"] .home-page #contact .split h2{
  color:#fff!important;
  background:var(--t-primary)!important;
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%)!important;
  padding-left:62px!important;padding-right:62px!important;
  box-shadow:none!important;
}
body[data-theme="theme-3"] .section-head h2:before,
body[data-theme="theme-3"] .section-head h2:after,
body[data-theme="theme-3"] .home-page #about .split h2:before,
body[data-theme="theme-3"] .home-page #about .split h2:after,
body[data-theme="theme-3"] .home-page #contact .split h2:before,
body[data-theme="theme-3"] .home-page #contact .split h2:after{display:none!important}

/* 04 — Teknik Köşe Çerçevesi: keskin hatlar ve bakır köşe vurguları */
body[data-theme="theme-4"] .section-head h2,
body[data-theme="theme-4"] .home-page #about .split h2,
body[data-theme="theme-4"] .home-page #contact .split h2{
  color:#fff!important;
  background:linear-gradient(180deg,var(--t-primary-2),var(--t-primary))!important;
  border:0!important;
  border-radius:2px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 8px 20px rgba(7,21,35,.13)!important;
}
body[data-theme="theme-4"] .section-head h2:before,
body[data-theme="theme-4"] .home-page #about .split h2:before,
body[data-theme="theme-4"] .home-page #contact .split h2:before{
  inset:7px auto 7px 7px!important;
  width:3px!important;
  background:var(--t-accent)!important;
}
body[data-theme="theme-4"] .section-head h2:after,
body[data-theme="theme-4"] .home-page #about .split h2:after,
body[data-theme="theme-4"] .home-page #contact .split h2:after{
  inset:7px 7px 7px auto!important;
  width:3px!important;
  background:var(--t-accent)!important;
}

/* 05 — Kahve Kurdele: simetrik zikzak uçlar */
body[data-theme="theme-5"] .section-head h2,
body[data-theme="theme-5"] .home-page #about .split h2,
body[data-theme="theme-5"] .home-page #contact .split h2{
  color:#fff!important;
  background:var(--t-primary)!important;
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%,8% 50%)!important;
  padding-left:70px!important;padding-right:70px!important;
  box-shadow:0 8px 20px rgba(60,42,30,.16)!important;
}
body[data-theme="theme-5"] .section-head h2:before,
body[data-theme="theme-5"] .section-head h2:after,
body[data-theme="theme-5"] .home-page #about .split h2:before,
body[data-theme="theme-5"] .home-page #about .split h2:after,
body[data-theme="theme-5"] .home-page #contact .split h2:before,
body[data-theme="theme-5"] .home-page #contact .split h2:after{display:none!important}

/* 06 — Safir Platin: yumuşak köşeli çift çerçeve */
body[data-theme="theme-6"] .section-head h2,
body[data-theme="theme-6"] .home-page #about .split h2,
body[data-theme="theme-6"] .home-page #contact .split h2{
  border:1px solid var(--t-accent)!important;
  border-radius:18px 6px 18px 6px!important;
  background:var(--t-band-bg)!important;
  box-shadow:inset 0 0 0 3px rgba(159,168,180,.15),0 7px 18px rgba(36,86,166,.08)!important;
}
body[data-theme="theme-6"] .section-head h2:before,
body[data-theme="theme-6"] .home-page #about .split h2:before,
body[data-theme="theme-6"] .home-page #contact .split h2:before{
  left:-10px!important;right:auto!important;top:8px!important;
  width:4px!important;height:calc(100% - 16px)!important;
  background:var(--t-primary)!important;
}
body[data-theme="theme-6"] .section-head h2:after,
body[data-theme="theme-6"] .home-page #about .split h2:after,
body[data-theme="theme-6"] .home-page #contact .split h2:after{
  right:-10px!important;left:auto!important;top:8px!important;
  width:4px!important;height:calc(100% - 16px)!important;
  background:var(--t-primary)!important;
}

/* 07 — Antrasit Mercan: ince tab + güçlü alt çizgi */
body[data-theme="theme-7"] .section-head h2,
body[data-theme="theme-7"] .home-page #about .split h2,
body[data-theme="theme-7"] .home-page #contact .split h2{
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--t-border)!important;
  border-bottom:3px solid var(--t-accent)!important;
  border-radius:0!important;
  padding-left:34px!important;padding-right:34px!important;
}
body[data-theme="theme-7"] .section-head h2:before,
body[data-theme="theme-7"] .home-page #about .split h2:before,
body[data-theme="theme-7"] .home-page #contact .split h2:before,
body[data-theme="theme-7"] .section-head h2:after,
body[data-theme="theme-7"] .home-page #about .split h2:after,
body[data-theme="theme-7"] .home-page #contact .split h2:after{
  top:auto!important;bottom:-5px!important;
  width:7px!important;height:7px!important;
  background:var(--t-accent)!important;
  border:0!important;
  transform:rotate(45deg)!important;
}
body[data-theme="theme-7"] .section-head h2:before,
body[data-theme="theme-7"] .home-page #about .split h2:before,
body[data-theme="theme-7"] .home-page #contact .split h2:before{left:16px!important;right:auto!important}
body[data-theme="theme-7"] .section-head h2:after,
body[data-theme="theme-7"] .home-page #about .split h2:after,
body[data-theme="theme-7"] .home-page #contact .split h2:after{right:16px!important;left:auto!important}

/* 08 — Orman Yeşili: yaprak formlu asimetrik plaka */
body[data-theme="theme-8"] .section-head h2,
body[data-theme="theme-8"] .home-page #about .split h2,
body[data-theme="theme-8"] .home-page #contact .split h2{
  border:1px solid var(--t-accent)!important;
  border-radius:28px 8px 28px 8px!important;
  background:linear-gradient(135deg,var(--t-band-bg),#f4f8f3)!important;
  box-shadow:0 8px 20px rgba(40,86,67,.08)!important;
}
body[data-theme="theme-8"] .section-head h2:before,
body[data-theme="theme-8"] .section-head h2:after,
body[data-theme="theme-8"] .home-page #about .split h2:before,
body[data-theme="theme-8"] .home-page #about .split h2:after,
body[data-theme="theme-8"] .home-page #contact .split h2:before,
body[data-theme="theme-8"] .home-page #contact .split h2:after{
  top:50%!important;width:16px!important;height:16px!important;
  transform:translateY(-50%) rotate(45deg)!important;
  background:var(--t-accent)!important;border:0!important;
}
body[data-theme="theme-8"] .section-head h2:before,
body[data-theme="theme-8"] .home-page #about .split h2:before,
body[data-theme="theme-8"] .home-page #contact .split h2:before{left:-9px!important;right:auto!important}
body[data-theme="theme-8"] .section-head h2:after,
body[data-theme="theme-8"] .home-page #about .split h2:after,
body[data-theme="theme-8"] .home-page #contact .split h2:after{right:-9px!important;left:auto!important}

/* 09 — Mor Gümüş: katmanlı rozet, offset gölge */
body[data-theme="theme-9"] .section-head h2,
body[data-theme="theme-9"] .home-page #about .split h2,
body[data-theme="theme-9"] .home-page #contact .split h2{
  border:2px solid var(--t-accent)!important;
  border-radius:5px!important;
  background:var(--t-band-bg)!important;
  box-shadow:8px 7px 0 rgba(99,70,121,.10)!important;
}
body[data-theme="theme-9"] .section-head h2:before,
body[data-theme="theme-9"] .home-page #about .split h2:before,
body[data-theme="theme-9"] .home-page #contact .split h2:before{
  left:9px!important;right:auto!important;bottom:-7px!important;top:auto!important;
  width:24px!important;height:7px!important;background:var(--t-primary)!important;border:0!important;
}
body[data-theme="theme-9"] .section-head h2:after,
body[data-theme="theme-9"] .home-page #about .split h2:after,
body[data-theme="theme-9"] .home-page #contact .split h2:after{
  right:9px!important;left:auto!important;bottom:-7px!important;top:auto!important;
  width:24px!important;height:7px!important;background:var(--t-primary)!important;border:0!important;
}

/* 10 — Siyah Şampanya: tipografik lüks kuşak */
body[data-theme="theme-10"] .section-head h2,
body[data-theme="theme-10"] .home-page #about .split h2,
body[data-theme="theme-10"] .home-page #contact .split h2{
  background:transparent!important;
  border-top:1px solid var(--t-accent)!important;
  border-bottom:1px solid var(--t-accent)!important;
  border-left:0!important;border-right:0!important;
  border-radius:0!important;
  padding-left:54px!important;padding-right:54px!important;
}
body[data-theme="theme-10"] .section-head h2:before,
body[data-theme="theme-10"] .section-head h2:after,
body[data-theme="theme-10"] .home-page #about .split h2:before,
body[data-theme="theme-10"] .home-page #about .split h2:after,
body[data-theme="theme-10"] .home-page #contact .split h2:before,
body[data-theme="theme-10"] .home-page #contact .split h2:after{
  top:50%!important;
  width:11px!important;height:11px!important;
  background:var(--t-accent)!important;border:0!important;
  transform:translateY(-50%) rotate(45deg)!important;
}
body[data-theme="theme-10"] .section-head h2:before,
body[data-theme="theme-10"] .home-page #about .split h2:before,
body[data-theme="theme-10"] .home-page #contact .split h2:before{left:18px!important;right:auto!important}
body[data-theme="theme-10"] .section-head h2:after,
body[data-theme="theme-10"] .home-page #about .split h2:after,
body[data-theme="theme-10"] .home-page #contact .split h2:after{right:18px!important;left:auto!important}

/* Ortak akış düzeltmeleri: kuşakların dış dekorları içerik akışını itmesin. */
body[data-theme] .section-head{position:relative!important;overflow:visible!important}
body[data-theme] .home-page #about .split h2,
body[data-theme] .home-page #contact .split h2{vertical-align:middle!important}

@media(max-width:700px){
  body[data-theme] .section-head h2,
  body[data-theme] .home-page .section-head h2,
  body[data-theme] .home-page .home-category-products .section-head h2,
  body[data-theme] .home-page #about .split h2,
  body[data-theme] .home-page #contact .split h2{
    min-height:44px!important;
    padding:9px 28px!important;
    font-size:19px!important;
  }
  body[data-theme="theme-3"] .section-head h2,
  body[data-theme="theme-3"] .home-page #about .split h2,
  body[data-theme="theme-3"] .home-page #contact .split h2,
  body[data-theme="theme-5"] .section-head h2,
  body[data-theme="theme-5"] .home-page #about .split h2,
  body[data-theme="theme-5"] .home-page #contact .split h2{padding-left:42px!important;padding-right:42px!important}
}


/* Ana sayfa Hakkımızda başlığında tüm temalardaki kuşak/dekorlar kaldırıldı. */
body[data-theme] .home-page #about .split h2{
  display:block!important;
  min-height:0!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:var(--t-text)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  font-family:"Montserrat","Segoe UI",Arial,sans-serif!important;
  font-size:28px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.5px!important;
}
body[data-theme] .home-page #about .split h2:before,
body[data-theme] .home-page #about .split h2:after{
  display:none!important;
  content:none!important;
}
@media(max-width:700px){
  body[data-theme] .home-page #about .split h2{
    min-height:0!important;
    padding:0!important;
    font-size:24px!important;
  }
}

/* Tüm temalarda bilgi kutusu ikonları tam merkezde */
body[data-theme] .trust-grid > .trust-card .trust-icon{align-self:center;margin-left:auto!important;margin-right:auto!important;justify-self:center;text-align:center;place-items:center;line-height:1}


/*
 * YENİ TEMALAR 11-20
 * Bu set yalnızca renk değiştirmez; sayfa kompozisyonunu da değiştirir:
 * bölüm başlık hizası, slider çerçevesi, kart dili ve kategori ayırıcıları farklılaşır.
 */

/* Tema 11 — Mimari Çizgi */
body[data-theme="theme-11"]{--t-primary:#254e57;--t-primary-2:#12373f;--t-accent:#d3a85b;--t-accent-2:#9a783c;--t-bg:#f7faf9;--t-soft:#e9f0ee;--t-card:#ffffff;--t-text:#203e45;--t-muted:#64767a;--t-footer:#102a30;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-11"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-11"] .section-head h2{border-left:5px solid var(--t-accent)!important;border-top:0!important;border-right:0!important;border-bottom:1px solid var(--t-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding-left:14px!important}
body[data-theme="theme-11"] .section-head h2:before,body[data-theme="theme-11"] .section-head h2:after{display:none!important}
body[data-theme="theme-11"] .hero{border:10px solid var(--t-bg);box-shadow:0 14px 34px rgba(18,55,63,.13)}
body[data-theme="theme-11"] .hero-slide{background-position:center!important}
body[data-theme="theme-11"] .home-category-products{position:relative;background:var(--t-bg)}
body[data-theme="theme-11"] .home-category-products + .home-category-products{border-top:1px solid var(--t-accent);padding-top:30px;margin-top:12px}
body[data-theme="theme-11"] .home-category-products + .home-category-products:before{content:"";position:absolute;top:-5px;left:0;width:82px;height:8px;background:var(--t-accent);clip-path:polygon(0 0,100% 0,78% 100%,22% 100%)}
body[data-theme="theme-11"] .card{border-radius:4px;box-shadow:0 7px 20px rgba(18,55,63,.07)}

/* Tema 12 — İsviçre Minimal */
body[data-theme="theme-12"]{--t-primary:#263238;--t-primary-2:#11181d;--t-accent:#e6a23c;--t-accent-2:#9b671f;--t-bg:#ffffff;--t-soft:#f4f5f6;--t-card:#ffffff;--t-text:#222b30;--t-muted:#6e777c;--t-footer:#101417;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-12"] .section{padding:34px 0}
body[data-theme="theme-12"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-12"] .section-head h2{border:0!important;border-bottom:3px solid var(--t-primary)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 0 8px!important}
body[data-theme="theme-12"] .section-head h2:before,body[data-theme="theme-12"] .section-head h2:after{display:none!important}
body[data-theme="theme-12"] .hero{box-shadow:inset 0 0 0 1px #fff,0 0 0 1px var(--t-primary);margin-bottom:18px}
body[data-theme="theme-12"] .hero-slide{background-position:center!important}
body[data-theme="theme-12"] .home-category-products + .home-category-products{border-top:1px dashed var(--t-primary);padding-top:28px;margin-top:10px}
body[data-theme="theme-12"] .card{border-radius:0;box-shadow:none}

/* Tema 13 — Gece Cam */
body[data-theme="theme-13"]{--t-primary:#173047;--t-primary-2:#0a1b28;--t-accent:#62d6c7;--t-accent-2:#3aa69a;--t-bg:#0f1c27;--t-soft:#152532;--t-card:#152532;--t-text:#e9f3f5;--t-muted:#a6bac0;--t-border:#29424f;--t-footer:#09131c;--t-band-bg:#152532;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-13"] .header{background:#0b1822!important;color:#e9f3f5}
body[data-theme="theme-13"] .nav{color:#e9f3f5}
body[data-theme="theme-13"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-13"] .section-head h2{border:1px solid var(--t-accent)!important;border-radius:14px!important;background:rgba(21,37,50,.92)!important;box-shadow:0 8px 26px rgba(0,0,0,.22)!important;color:#fff!important;padding:10px 22px!important}
body[data-theme="theme-13"] .section-head h2:before,body[data-theme="theme-13"] .section-head h2:after{display:none!important}
body[data-theme="theme-13"] .hero{border-radius:26px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.35);margin-bottom:18px}
body[data-theme="theme-13"] .hero-slide{background-position:center!important}
body[data-theme="theme-13"] .home-category-products{background:linear-gradient(90deg,rgba(98,214,199,.05),transparent 25%,transparent 75%,rgba(98,214,199,.05))}
body[data-theme="theme-13"] .home-category-products + .home-category-products{position:relative;padding-top:34px;margin-top:14px;border-top:1px solid rgba(98,214,199,.35)}
body[data-theme="theme-13"] .home-category-products + .home-category-products:before{content:"";position:absolute;top:-1px;left:0;width:180px;height:1px;background:var(--t-accent);box-shadow:0 0 12px rgba(98,214,199,.65)}
body[data-theme="theme-13"] .card{border-color:#29424f;background:#152532;box-shadow:0 12px 34px rgba(0,0,0,.18)}

/* Tema 14 — Yumuşak Form */
body[data-theme="theme-14"]{--t-primary:#6677a9;--t-primary-2:#4b5b8b;--t-accent:#d29db8;--t-accent-2:#9b627d;--t-bg:#f6f4fa;--t-soft:#eeeaf4;--t-card:#ffffff;--t-text:#39415d;--t-muted:#767d92;--t-footer:#2e3656;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-14"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-14"] .section-head h2{border:0!important;border-radius:999px!important;background:linear-gradient(90deg,#fff,var(--t-soft))!important;box-shadow:0 6px 18px rgba(102,119,169,.10)!important;padding:11px 24px!important}
body[data-theme="theme-14"] .section-head h2:before,body[data-theme="theme-14"] .section-head h2:after{display:none!important}
body[data-theme="theme-14"] .hero{border-radius:0 0 38px 38px;overflow:hidden;box-shadow:0 15px 35px rgba(102,119,169,.16)}
body[data-theme="theme-14"] .hero-slide{background-position:center!important}
body[data-theme="theme-14"] .home-category-products + .home-category-products{position:relative;padding-top:30px;margin-top:12px}
body[data-theme="theme-14"] .home-category-products + .home-category-products:before{content:"";position:absolute;top:5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--t-accent) 20%,var(--t-accent) 80%,transparent);border-radius:999px}
body[data-theme="theme-14"] .card{border-radius:20px;box-shadow:0 12px 28px rgba(102,119,169,.08)}

/* Tema 15 — Endüstriyel Teknik */
body[data-theme="theme-15"]{--t-primary:#38404a;--t-primary-2:#20262c;--t-accent:#f0a54a;--t-accent-2:#b96d18;--t-bg:#eef1f3;--t-soft:#e1e6e9;--t-card:#fff;--t-text:#263039;--t-muted:#657079;--t-footer:#171b1f;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-15"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-15"] .section-head h2{border:0!important;border-left:8px solid var(--t-accent)!important;border-radius:0!important;background:var(--t-primary)!important;color:#fff!important;box-shadow:6px 6px 0 rgba(32,38,44,.10)!important;padding:9px 20px!important}
body[data-theme="theme-15"] .section-head h2:before,body[data-theme="theme-15"] .section-head h2:after{display:none!important}
body[data-theme="theme-15"] .hero{border:4px solid var(--t-primary);box-shadow:10px 10px 0 rgba(32,38,44,.13);margin-bottom:20px}
body[data-theme="theme-15"] .hero-slide{background-position:center!important}
body[data-theme="theme-15"] .home-category-products + .home-category-products{border-top:4px solid var(--t-primary);padding-top:24px;margin-top:16px}
body[data-theme="theme-15"] .home-category-products + .home-category-products:before{content:"";display:block;position:absolute;top:-4px;right:0;width:44px;height:4px;background:var(--t-accent)}
body[data-theme="theme-15"] .card{border-radius:3px;border-color:#cdd4d8;box-shadow:5px 5px 0 rgba(32,38,44,.06)}

/* Tema 16 — Editoryal Katalog */
body[data-theme="theme-16"]{--t-primary:#463b32;--t-primary-2:#2d251f;--t-accent:#aa7445;--t-accent-2:#7b5030;--t-bg:#f7f3ed;--t-soft:#efe8df;--t-card:#fffdf9;--t-text:#3c322a;--t-muted:#786b60;--t-footer:#251d18;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-16"] .section{padding:30px 0}
body[data-theme="theme-16"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-16"] .section-head h2{border:0!important;border-top:1px solid var(--t-accent)!important;border-bottom:1px solid var(--t-accent)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:10px 0!important;letter-spacing:1px!important}
body[data-theme="theme-16"] .section-head h2:before,body[data-theme="theme-16"] .section-head h2:after{display:none!important}
body[data-theme="theme-16"] .hero{border-top:1px solid var(--t-accent);border-bottom:1px solid var(--t-accent);margin-bottom:22px}
body[data-theme="theme-16"] .hero-slide{background-position:center!important}
body[data-theme="theme-16"] .home-category-products + .home-category-products{border-top:1px solid var(--t-accent);padding-top:28px;margin-top:8px}
body[data-theme="theme-16"] .home-category-products + .home-category-products:before{content:"◆";position:absolute;top:-13px;left:0;color:var(--t-accent);background:var(--t-bg);padding:0 8px;font-size:13px}
body[data-theme="theme-16"] .card{border-radius:0;box-shadow:none}

/* Tema 17 — Monokrom Stüdyo */
body[data-theme="theme-17"]{--t-primary:#171717;--t-primary-2:#000;--t-accent:#777;--t-accent-2:#444;--t-bg:#f5f5f5;--t-soft:#ebebeb;--t-card:#fff;--t-text:#181818;--t-muted:#666;--t-footer:#0b0b0b;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-17"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-17"] .section-head h2{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:4px 0!important;font-size:26px!important;text-transform:uppercase!important;letter-spacing:2px!important}
body[data-theme="theme-17"] .section-head h2:before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:auto!important;top:auto!important;bottom:-5px!important;width:76px!important;height:2px!important;background:var(--t-primary)!important}
body[data-theme="theme-17"] .section-head h2:after{display:none!important}
body[data-theme="theme-17"] .hero{border:1px solid #222;filter:grayscale(.08);box-shadow:none}
body[data-theme="theme-17"] .hero-slide{background-position:center!important}
body[data-theme="theme-17"] .home-category-products + .home-category-products{border-top:1px solid #b7b7b7;padding-top:28px;margin-top:6px}
body[data-theme="theme-17"] .home-category-products + .home-category-products:before{content:"";position:absolute;top:-1px;left:0;width:42px;height:1px;background:#111}
body[data-theme="theme-17"] .card{border-radius:0;box-shadow:none;border-color:#cfcfcf}

/* Tema 18 — Bölünmüş Ton */
body[data-theme="theme-18"]{--t-primary:#1d4f91;--t-primary-2:#11345e;--t-accent:#ef795f;--t-accent-2:#b8462f;--t-bg:#f3f7fc;--t-soft:#e8eff8;--t-card:#ffffff;--t-text:#203a59;--t-muted:#6b7f93;--t-footer:#0f2744;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-18"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-18"] .section-head h2{border:0!important;border-radius:0 18px 18px 0!important;background:linear-gradient(90deg,var(--t-primary) 0 14px,#fff 14px 100%)!important;color:var(--t-text)!important;box-shadow:0 8px 20px rgba(29,79,145,.08)!important;padding:10px 20px 10px 30px!important}
body[data-theme="theme-18"] .section-head h2:before,body[data-theme="theme-18"] .section-head h2:after{display:none!important}
body[data-theme="theme-18"] .hero{margin-left:4%;width:92%;border-radius:0 28px 0 28px;overflow:hidden;box-shadow:18px 18px 0 rgba(239,121,95,.12)}
body[data-theme="theme-18"] .hero-slide{background-position:center!important}
body[data-theme="theme-18"] .home-category-products + .home-category-products{position:relative;padding-top:30px;margin-top:14px}
body[data-theme="theme-18"] .home-category-products + .home-category-products:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--t-primary) 0 72%,var(--t-accent) 72% 100%)}
body[data-theme="theme-18"] .card:nth-child(even){transform:translateY(4px)}

/* Tema 19 — Doğal Organik */
body[data-theme="theme-19"]{--t-primary:#4d684b;--t-primary-2:#314731;--t-accent:#c59457;--t-accent-2:#8c6330;--t-bg:#f5f4ec;--t-soft:#eceadd;--t-card:#fffef8;--t-text:#334734;--t-muted:#6f7b6b;--t-footer:#233325;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-19"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-19"] .section-head h2{border:1px solid var(--t-accent)!important;border-radius:28px 8px 28px 8px!important;background:var(--t-card)!important;box-shadow:none!important;padding:9px 22px!important}
body[data-theme="theme-19"] .section-head h2:before,body[data-theme="theme-19"] .section-head h2:after{display:none!important}
body[data-theme="theme-19"] .hero{border-radius:0 0 65px 0;overflow:hidden;box-shadow:0 16px 32px rgba(49,71,49,.12)}
body[data-theme="theme-19"] .hero-slide{background-position:center!important}
body[data-theme="theme-19"] .home-category-products + .home-category-products{position:relative;padding-top:34px;margin-top:12px}
body[data-theme="theme-19"] .home-category-products + .home-category-products:before{content:"";position:absolute;top:2px;left:0;width:74px;height:18px;border-radius:50% 50% 50% 0;background:var(--t-accent);transform:rotate(-8deg)}
body[data-theme="theme-19"] .card{border-radius:18px 4px 18px 4px;box-shadow:0 9px 22px rgba(49,71,49,.07)}

/* Tema 20 — Prestij Siyah */
body[data-theme="theme-20"]{--t-primary:#14171c;--t-primary-2:#050608;--t-accent:#c7a35d;--t-accent-2:#967633;--t-bg:#f6f4ef;--t-soft:#ebe7dd;--t-card:#fffdf8;--t-text:#222222;--t-muted:#716d64;--t-footer:#030405;--t-font:"Segoe UI",Arial,Helvetica,sans-serif}
body[data-theme="theme-20"] .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme="theme-20"] .section-head h2{border:0!important;border-left:2px solid var(--t-accent)!important;border-right:2px solid var(--t-accent)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--t-text)!important;padding:9px 18px!important}
body[data-theme="theme-20"] .section-head h2:before,body[data-theme="theme-20"] .section-head h2:after{display:none!important}
body[data-theme="theme-20"] .hero{border-top:1px solid var(--t-accent);border-bottom:1px solid var(--t-accent);box-shadow:0 20px 55px rgba(0,0,0,.16);margin-bottom:20px}
body[data-theme="theme-20"] .hero-slide{background-position:center!important}
body[data-theme="theme-20"] .home-category-products + .home-category-products{position:relative;border-top:1px solid rgba(199,163,93,.6);padding-top:30px;margin-top:10px}
body[data-theme="theme-20"] .home-category-products + .home-category-products:before{content:"";position:absolute;top:-4px;left:0;width:54px;height:7px;background:var(--t-accent);clip-path:polygon(0 50%,35% 0,65% 0,100% 50%,65% 100%,35% 100%)}
body[data-theme="theme-20"] .card{border-radius:2px;box-shadow:0 8px 24px rgba(0,0,0,.06)}

/* Yeni setlerde ana sayfa kategori başlıkları daima sol hizalı. */
body[data-theme="theme-11"] .home-page .home-category-products .section-head,
body[data-theme="theme-12"] .home-page .home-category-products .section-head,
body[data-theme="theme-13"] .home-page .home-category-products .section-head,
body[data-theme="theme-14"] .home-page .home-category-products .section-head,
body[data-theme="theme-15"] .home-page .home-category-products .section-head,
body[data-theme="theme-16"] .home-page .home-category-products .section-head,
body[data-theme="theme-17"] .home-page .home-category-products .section-head,
body[data-theme="theme-18"] .home-page .home-category-products .section-head,
body[data-theme="theme-19"] .home-page .home-category-products .section-head,
body[data-theme="theme-20"] .home-page .home-category-products .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}

/* Eski ve yeni temalarda kategori blokları arasında ortak, belirgin bir ayraç. */
body[data-theme] .home-page .home-category-products + .home-category-products{position:relative}

/* Mobilde yeni kompozisyonlar taşmasın. */
@media(max-width:700px){
 body[data-theme="theme-11"] .hero,body[data-theme="theme-12"] .hero,body[data-theme="theme-15"] .hero,body[data-theme="theme-20"] .hero{border-width:3px}
 body[data-theme="theme-18"] .hero{margin-left:0;width:100%;border-radius:0 18px 0 18px}
 body[data-theme="theme-13"] .hero,body[data-theme="theme-14"] .hero,body[data-theme="theme-19"] .hero{border-radius:0 0 22px 0}
}


/* Ana sayfa kategori başlıkları: tüm temalarda sol hizalı ve bloklar arası belirgin ayrım. */
body[data-theme] .home-page .home-category-products .section-head{justify-content:flex-start!important;text-align:left!important;max-width:none!important}
body[data-theme] .home-page .home-category-products + .home-category-products{position:relative;padding-top:28px;margin-top:8px;border-top:1px solid var(--t-accent)}
body[data-theme] .home-page .home-category-products + .home-category-products:before{content:"";position:absolute;top:-3px;left:0;width:68px;height:6px;background:var(--t-accent);border-radius:999px}
@media(max-width:700px){body[data-theme] .home-page .home-category-products + .home-category-products{padding-top:22px;margin-top:6px}}


/* Yeni temaların kategori ayırıcıları — ortak kuralın üzerinde, yalnızca görünüm için. */
body[data-theme="theme-11"] .home-page .home-category-products + .home-category-products:before{width:82px;height:8px;top:-5px;left:0;right:auto;border-radius:0;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%)}
body[data-theme="theme-12"] .home-page .home-category-products + .home-category-products{border-top-style:dashed;border-top-color:var(--t-primary)}
body[data-theme="theme-12"] .home-page .home-category-products + .home-category-products:before{width:34px;height:34px;top:-17px;left:0;border-radius:0;transform:rotate(45deg);background:var(--t-bg);border:1px solid var(--t-primary)}
body[data-theme="theme-13"] .home-page .home-category-products + .home-category-products{border-top-color:rgba(98,214,199,.45)}
body[data-theme="theme-13"] .home-page .home-category-products + .home-category-products:before{width:180px;height:1px;top:-1px;box-shadow:0 0 12px rgba(98,214,199,.65);border-radius:0;background:var(--t-accent)}
body[data-theme="theme-14"] .home-page .home-category-products + .home-category-products{border-top-color:transparent}
body[data-theme="theme-14"] .home-page .home-category-products + .home-category-products:before{width:100%;height:2px;top:5px;left:0;background:linear-gradient(90deg,transparent,var(--t-accent) 20%,var(--t-accent) 80%,transparent);border-radius:999px}
body[data-theme="theme-15"] .home-page .home-category-products + .home-category-products{border-top:4px solid var(--t-primary);padding-top:24px;margin-top:16px}
body[data-theme="theme-15"] .home-page .home-category-products + .home-category-products:before{width:44px;height:4px;top:-4px;left:auto;right:0;border-radius:0;background:var(--t-accent)}
body[data-theme="theme-16"] .home-page .home-category-products + .home-category-products:before{content:"◆";width:auto;height:auto;top:-13px;left:0;background:var(--t-bg);border-radius:0;color:var(--t-accent);padding:0 8px;font-size:13px}
body[data-theme="theme-17"] .home-page .home-category-products + .home-category-products{border-top-color:#b7b7b7}
body[data-theme="theme-17"] .home-page .home-category-products + .home-category-products:before{width:42px;height:1px;top:-1px;left:0;background:#111;border-radius:0}
body[data-theme="theme-18"] .home-page .home-category-products + .home-category-products{border-top-color:transparent}
body[data-theme="theme-18"] .home-page .home-category-products + .home-category-products:before{width:100%;height:1px;top:0;left:0;background:linear-gradient(90deg,var(--t-primary) 0 72%,var(--t-accent) 72% 100%);border-radius:0}
body[data-theme="theme-19"] .home-page .home-category-products + .home-category-products{border-top-color:transparent}
body[data-theme="theme-19"] .home-page .home-category-products + .home-category-products:before{width:74px;height:18px;top:2px;left:0;background:var(--t-accent);border-radius:50% 50% 50% 0;transform:rotate(-8deg)}
body[data-theme="theme-20"] .home-page .home-category-products + .home-category-products:before{width:54px;height:7px;top:-4px;left:0;background:var(--t-accent);border-radius:0;clip-path:polygon(0 50%,35% 0,65% 0,100% 50%,65% 100%,35% 100%)}


/* 2026 kurumsal tipografi ve yeni tema başlık hizası */
body[data-theme],
body[data-theme] h1,
body[data-theme] h2,
body[data-theme] h3,
body[data-theme] h4,
body[data-theme] h5,
body[data-theme] h6,
body[data-theme] p,
body[data-theme] a,
body[data-theme] button,
body[data-theme] input,
body[data-theme] textarea,
body[data-theme] select,
body[data-theme] label,
body[data-theme] summary,
body[data-theme] .eyebrow{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-weight:400!important;
}
body[data-theme] .section-head h2,
body[data-theme] .home-page .section-head h2{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
}
body[data-theme] .home-page .home-category-products .section-head,
body[data-theme="theme-11"] .home-page .section-head,
body[data-theme="theme-12"] .home-page .section-head,
body[data-theme="theme-13"] .home-page .section-head,
body[data-theme="theme-14"] .home-page .section-head,
body[data-theme="theme-15"] .home-page .section-head,
body[data-theme="theme-16"] .home-page .section-head,
body[data-theme="theme-17"] .home-page .section-head,
body[data-theme="theme-18"] .home-page .section-head,
body[data-theme="theme-19"] .home-page .section-head,
body[data-theme="theme-20"] .home-page .section-head{
  justify-content:center!important;
  text-align:center!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body[data-theme="theme-11"] .section-head h2,
body[data-theme="theme-12"] .section-head h2,
body[data-theme="theme-13"] .section-head h2,
body[data-theme="theme-14"] .section-head h2,
body[data-theme="theme-15"] .section-head h2,
body[data-theme="theme-16"] .section-head h2,
body[data-theme="theme-17"] .section-head h2,
body[data-theme="theme-18"] .section-head h2,
body[data-theme="theme-19"] .section-head h2,
body[data-theme="theme-20"] .section-head h2{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
}

/* Son hizalama: ana sayfadaki tüm bölüm başlıkları bütün temalarda sayfa ortasında. */
body[data-theme] .home-page .section-head,
body[data-theme] .home-page .home-category-products .section-head{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  max-width:760px!important;
  width:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body[data-theme] .home-page .section-head h2,
body[data-theme] .home-page .home-category-products .section-head h2{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
body[data-theme] .home-page #about .split h2,
body[data-theme] .home-page #contact .split h2{
  display:flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
  text-align:center!important;
}


/*
 * 21-24 — Tam Ekran Güçlü Görsel slider temaları
 * Yeni temalar hero görselini daha baskın hale getirir; mevcut slider verisi korunur.
 */
body[data-theme="theme-21"]{
  --t-primary:#101a24;--t-primary-2:#061019;--t-accent:#d6ad62;--t-accent-2:#a98139;
  --t-bg:#edf1f4;--t-soft:#e5ebef;--t-card:#ffffff;--t-text:#1b2a35;--t-muted:#667782;--t-footer:#07111a;
  --t-band-bg:#fff;--t-band-border:#d8e0e5;--t-font:"Segoe UI",Arial,Helvetica,sans-serif;
}
body[data-theme="theme-22"]{
  --t-primary:#263643;--t-primary-2:#17242c;--t-accent:#8fc6cf;--t-accent-2:#548b95;
  --t-bg:#eef3f5;--t-soft:#e3ebee;--t-card:#ffffff;--t-text:#21313a;--t-muted:#667780;--t-footer:#101b22;
  --t-band-bg:#fff;--t-band-border:#d1dde2;--t-font:"Segoe UI",Arial,Helvetica,sans-serif;
}
body[data-theme="theme-23"]{
  --t-primary:#24495b;--t-primary-2:#153441;--t-accent:#d29a47;--t-accent-2:#9a6c2a;
  --t-bg:#f7f6f1;--t-soft:#efeee8;--t-card:#ffffff;--t-text:#26353d;--t-muted:#6b767b;--t-footer:#16262f;
  --t-band-bg:#fff;--t-band-border:#d9ddda;--t-font:"Segoe UI",Arial,Helvetica,sans-serif;
}
body[data-theme="theme-24"]{
  --t-primary:#191b1f;--t-primary-2:#090b0e;--t-accent:#8db3c7;--t-accent-2:#5c8195;
  --t-bg:#f2f4f6;--t-soft:#e9edf0;--t-card:#ffffff;--t-text:#20252a;--t-muted:#697178;--t-footer:#0c0f12;
  --t-band-bg:#fff;--t-band-border:#d2d8dc;--t-font:"Segoe UI",Arial,Helvetica,sans-serif;
}

/* Tema 21: sinematik, içerik alt-sol üzerinde; görsel tam alan */
body[data-theme="theme-21"] .hero{
  height:var(--slider-height,650px)!important;width:100vw!important;max-width:100vw!important;
  border:0!important;border-radius:0!important;margin-left:calc(50% - 50vw)!important;
  box-shadow:none!important;background:#0a141d!important;
}
body[data-theme="theme-21"] .hero-slide{
  background-size:cover!important;background-position:center center!important;
  transform:scale(1.002);transition:opacity .65s ease,transform 6s ease!important;
}
body[data-theme="theme-21"] .hero-slide.active{transform:scale(1.035)}
body[data-theme="theme-21"] .hero-overlay{
  align-items:flex-end!important;padding:0!important;
  background:linear-gradient(180deg,transparent 38%,rgba(5,12,18,.55) 100%)!important;
}
body[data-theme="theme-21"] .hero-copy{
  max-width:min(680px,78vw)!important;margin:0 0 78px!important;padding:24px 28px!important;
  background:rgba(10,20,29,.78)!important;border-left:4px solid var(--t-accent)!important;
  backdrop-filter:blur(6px);text-shadow:0 2px 10px rgba(0,0,0,.45)!important;
}
body[data-theme="theme-21"] .hero-copy h1{font-size:clamp(28px,4vw,54px)!important;margin:0 0 10px!important;font-weight:700!important}
body[data-theme="theme-21"] .hero-copy p{font-size:clamp(14px,1.7vw,18px)!important;margin:0 0 16px!important}
body[data-theme="theme-21"] .slider-nav{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(6,16,25,.34)}
body[data-theme="theme-21"] .slider-dots{bottom:24px;left:auto;right:34px;transform:none;gap:8px}
body[data-theme="theme-21"] .slider-dots button{width:28px;height:3px;border-radius:0}

/* Tema 22: çelik/teknik, görsel tam ekran ve alt bilgi bandı */
body[data-theme="theme-22"] .hero{
  height:var(--slider-height,650px)!important;width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;border:0!important;border-radius:0!important;
  box-shadow:inset 0 -1px 0 rgba(143,198,207,.65)!important;background:#192831!important;
}
body[data-theme="theme-22"] .hero-slide{background-size:cover!important;background-position:center!important}
body[data-theme="theme-22"] .hero-overlay{align-items:flex-end!important;background:linear-gradient(180deg,transparent 42%,rgba(11,23,31,.66) 100%)!important}
body[data-theme="theme-22"] .hero-copy{
  max-width:min(760px,82vw)!important;margin:0 0 54px!important;padding:18px 24px 18px 20px!important;
  border-top:1px solid var(--t-accent)!important;border-bottom:1px solid rgba(255,255,255,.25)!important;
  background:rgba(25,40,49,.58)!important;backdrop-filter:blur(4px);text-shadow:0 2px 9px rgba(0,0,0,.45)!important;
}
body[data-theme="theme-22"] .hero-copy h1{font-size:clamp(26px,3.7vw,50px)!important;margin:0 0 8px!important;font-weight:700!important;letter-spacing:.02em}
body[data-theme="theme-22"] .hero-copy p{font-size:clamp(13px,1.6vw,17px)!important;margin:0 0 14px!important}
body[data-theme="theme-22"] .slider-nav{width:42px;height:70px;border-radius:0;border:0;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);background:rgba(18,34,42,.25)}
body[data-theme="theme-22"] .slider-dots{left:28px;right:auto;bottom:24px;transform:none;gap:6px}
body[data-theme="theme-22"] .slider-dots button{width:36px;height:3px;border-radius:1px}

/* Tema 23: aydınlık editoryal, beyaz bilgi kartı */
body[data-theme="theme-23"] .hero{
  height:var(--slider-height,650px)!important;width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;border:0!important;border-radius:0!important;
  background:#dfe5e8!important;box-shadow:0 18px 44px rgba(36,73,91,.12)!important;
}
body[data-theme="theme-23"] .hero-slide{background-size:cover!important;background-position:center!important}
body[data-theme="theme-23"] .hero-overlay{align-items:center!important;background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.70) 29%,transparent 56%)!important}
body[data-theme="theme-23"] .hero-copy{
  max-width:min(520px,43vw)!important;margin-left:5vw!important;padding:28px 30px!important;
  background:rgba(255,255,255,.9)!important;border:1px solid rgba(36,73,91,.13)!important;
  border-top:4px solid var(--t-accent)!important;box-shadow:0 16px 34px rgba(33,48,58,.10)!important;text-shadow:none!important;
}
body[data-theme="theme-23"] .hero-copy h1{font-size:clamp(27px,3.6vw,49px)!important;line-height:1.05!important;margin:0 0 12px!important;font-weight:700!important;color:var(--t-text)!important}
body[data-theme="theme-23"] .hero-copy p{font-size:clamp(13px,1.6vw,18px)!important;line-height:1.55!important;color:var(--t-muted)!important;margin:0 0 16px!important}
body[data-theme="theme-23"] .slider-nav{width:46px;height:46px;border-radius:50%;background:#fff;color:var(--t-primary);border:1px solid rgba(36,73,91,.2);box-shadow:0 5px 15px rgba(36,73,91,.12);backdrop-filter:none}
body[data-theme="theme-23"] .slider-dots{bottom:23px}
body[data-theme="theme-23"] .slider-dots button{width:24px;height:4px;border-radius:2px;background:rgba(36,73,91,.35)}

/* Tema 24: kontrast stüdyo, sade ve güçlü tam ekran */
body[data-theme="theme-24"] .hero{
  height:var(--slider-height,650px)!important;width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;border:10px solid var(--t-bg)!important;border-left:0!important;border-right:0!important;
  border-radius:0!important;background:#111!important;box-shadow:0 0 0 1px var(--t-accent),0 22px 58px rgba(0,0,0,.14)!important;
}
body[data-theme="theme-24"] .hero-slide{background-size:cover!important;background-position:center!important}
body[data-theme="theme-24"] .hero-overlay{align-items:flex-end!important;padding-bottom:54px!important;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.54) 100%)!important}
body[data-theme="theme-24"] .hero-copy{max-width:min(720px,80vw)!important;padding:0!important;margin-left:7vw!important;text-shadow:0 3px 12px rgba(0,0,0,.65)!important}
body[data-theme="theme-24"] .hero-copy h1{font-size:clamp(30px,4.3vw,58px)!important;line-height:1.02!important;margin:0 0 10px!important;font-weight:700!important;letter-spacing:.015em}
body[data-theme="theme-24"] .hero-copy p{font-size:clamp(13px,1.65vw,18px)!important;margin:0 0 16px!important;max-width:640px!important}
body[data-theme="theme-24"] .slider-nav{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.55)}
body[data-theme="theme-24"] .slider-dots{right:7vw;left:auto;bottom:32px;transform:none}
body[data-theme="theme-24"] .slider-dots button{width:24px;height:4px;border-radius:0;background:rgba(255,255,255,.48)}

@media(max-width:900px){
  body[data-theme="theme-21"] .hero-copy,body[data-theme="theme-22"] .hero-copy,body[data-theme="theme-23"] .hero-copy,body[data-theme="theme-24"] .hero-copy{max-width:82vw!important}
  body[data-theme="theme-23"] .hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.72) 54%,rgba(255,255,255,.94) 100%)!important;align-items:flex-end!important}
  body[data-theme="theme-23"] .hero-copy{max-width:74vw!important;margin:0 0 46px 5vw!important}
  body[data-theme="theme-24"] .hero-overlay{padding-bottom:44px!important}
}
@media(max-width:600px){
  body[data-theme="theme-21"] .hero,body[data-theme="theme-22"] .hero,body[data-theme="theme-23"] .hero,body[data-theme="theme-24"] .hero{height:var(--slider-height,520px)!important;width:100vw!important}
  body[data-theme="theme-21"] .hero-copy{margin:0 14px 52px!important;padding:18px 16px!important;max-width:none!important}
  body[data-theme="theme-22"] .hero-copy{margin:0 14px 46px!important;padding:15px 16px!important;max-width:none!important}
  body[data-theme="theme-23"] .hero-copy{margin:0 14px 42px!important;max-width:none!important;padding:18px 16px!important}
  body[data-theme="theme-24"] .hero-copy{margin-left:5vw!important;max-width:86vw!important}
  body[data-theme="theme-21"] .slider-dots,body[data-theme="theme-22"] .slider-dots,body[data-theme="theme-24"] .slider-dots{right:16px;left:auto;bottom:16px;transform:none}
  body[data-theme="theme-23"] .slider-dots{bottom:16px}
}

/* Slider only: 1920x650 native ratio, responsive without image cropping. */
.home-page #slider.hero{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
  height:min(650px, calc(100vw * 650 / 1920)) !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:1920 / 650 !important;
}
.home-page #slider.hero .hero-slide{
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media (max-width:1024px){
  .home-page #slider.hero{
    height:calc(100vw * 650 / 1080) !important;
    aspect-ratio:1080 / 650 !important;
  }
}


/* ================================================================
   RESPONSIVE SITE LAYOUT — desktop / tablet / mobile
   Only layout and sizing overrides; existing content and theme styling remain intact.
   ================================================================ */

/* Fluid media and safe text wrapping on every screen. */
html, body { max-width:100%; }
img, video, iframe { max-width:100%; }
button, input, textarea, select { max-width:100%; }

/* Tablet navigation: keep header usable without squeezing every menu item. */
@media (max-width:1100px){
  .header{z-index:200;}
  .nav-wrap{
    min-height:76px;
    height:auto;
    flex-wrap:wrap;
    gap:8px 12px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .hamb{
    display:block;
    flex:0 0 44px;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid #dce5eb;
    border-radius:9px;
    background:#fff;
    color:#17324d;
    line-height:1;
  }
  .nav{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    max-height:calc(100vh - 80px);
    overflow-y:auto;
    overflow-x:hidden;
    margin:0;
    padding:10px 4%;
    gap:0;
    flex-direction:column;
    align-items:stretch;
    background:#fff;
    border-top:1px solid #e5ebf0;
    border-bottom:1px solid #dfe7ed;
    box-shadow:0 12px 30px rgba(11,38,63,.14);
  }
  .nav.open{display:flex;}
  .nav>a,
  .nav-item>a{
    min-height:46px;
    padding:12px 10px !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
  }
  .nav-item{width:100%;}
  .dropdown{
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:100%;
    min-width:0 !important;
    max-width:none;
    padding:2px 0 2px 12px !important;
    margin:0;
    box-shadow:none !important;
    border:0;
  }
  .dropdown .dropdown{padding-left:12px !important;}
  .dropdown .nav-item>a{padding:10px 10px !important;}
  .site-search{
    order:3;
    flex:1 1 100%;
    width:100%;
    min-width:0;
    margin:2px 0 0 !important;
  }
  .site-search input{
    width:100% !important;
    min-width:0;
  }
  .site-search button{flex:0 0 46px;}
  .logo{min-width:0;max-width:calc(100% - 56px);}
  .logo img{max-width:100%;height:auto;}
}

/* Tablet landscape / portrait content grid tuning. */
@media (min-width:701px) and (max-width:1100px){
  .container{width:min(1100px,94%);}
  .section{padding:26px 0;}
  .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
  .cards.services{grid-template-columns:repeat(3,minmax(0,1fr));}
  .category-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
  .featured-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
  .gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
  .videos{grid-template-columns:repeat(2,minmax(0,1fr));}
  .image-category-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px;}
  .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:20px;padding-right:20px;}
  .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;}
  .footer-grid{grid-template-columns:1.5fr 1fr 1.2fr;gap:24px;}
  .product-detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;}
  .product-detail-copy{padding:24px;}
  .product-detail-copy h1{font-size:30px;}
  .product-main-stage{min-height:390px;}
  .wide-banner{height:auto;min-height:360px;padding:70px 0;}
}

/* All tablets and phones: compact hero copy, banners and headings. */
@media (max-width:700px){
  .container{width:calc(100% - 28px);max-width:none;}
  .section{padding:22px 0;}
  .section-head{width:100%;max-width:100%;margin-bottom:12px;}
  .section-head h2{
    max-width:calc(100% - 56px);
    font-size:clamp(18px,5vw,23px) !important;
    line-height:1.2;
    padding:7px 18px;
    overflow-wrap:anywhere;
  }
  .section-head h2:before,
  .section-head h2:after{width:24px !important;}

  /* Homepage hero: use the supplied mobile ratio without horizontal overflow. */
  .home-page #slider.hero,
  .home-page .hero{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    height:calc(100vw * 650 / 1080) !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .hero-overlay{padding:0 14px !important;}
  .hero-copy{
    width:min(100%, 650px);
    max-width:100% !important;
    margin:0 !important;
  }
  .hero-copy h1{font-size:clamp(21px,6vw,31px) !important;line-height:1.08;}
  .hero-copy p{font-size:clamp(12px,3.5vw,15px) !important;max-width:100%;}
  .slider-nav{width:40px !important;height:48px !important;}
  .slider-prev{left:4px !important;}
  .slider-next{right:4px !important;}
  .slider-dots{bottom:10px !important;max-width:70vw;overflow-x:auto;}

  /* Full-width banners remain visible without page overflow. */
  .site-banner{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    height:calc(100vw * 450 / 1920) !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .site-banner img{width:100%;height:100%;object-fit:contain !important;}
  .wide-banner{height:auto;min-height:300px;padding:60px 0;}
  .wide-banner h2{font-size:clamp(28px,8vw,38px);max-width:100%;}

  /* Home/product/service cards. */
  .cards,
  .cards.services,
  .category-products,
  .gallery,
  .videos{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .card{padding:12px;min-width:0;}
  .card img{height:170px;margin-bottom:10px;}
  .card h2,
  .card h3{overflow-wrap:anywhere;word-break:normal;line-height:1.3;}
  .cards.services .card img{height:150px;object-fit:contain;}
  .category-product-card img,
  .featured-products .product-card img{height:180px !important;}
  .featured-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .featured-products .product-card h3{font-size:14px;}
  .home-category-scroller{gap:12px;padding-bottom:12px;}
  .home-category-scroller .home-category-product{flex-basis:190px;min-width:190px;}
  .home-category-product img{height:160px;}

  /* Image categories: never squeeze the title or crop the image. */
  .image-category-wrap{padding:0;}
  .image-category-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px;}
  .image-category-card{padding:9px;}
  .image-category-media{height:115px !important;min-height:115px !important;flex-basis:115px !important;}
  .image-category-title{font-size:14px !important;min-height:36px !important;}

  /* Trust/info boxes. */
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 14px 14px;}
  .trust-grid > .trust-card{padding:10px;}
  .trust-grid > .trust-card .trust-image-wrap{height:auto;aspect-ratio:16/9;}
  .trust-grid > .trust-card b{font-size:14px;}
  .trust-grid > .trust-card p{font-size:12px;}

  /* Product/service detail pages. */
  .product-page-hero{padding:12px 0;}
  .product-breadcrumb{font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
  .product-detail-section{padding:14px 0;}
  .product-detail-layout,
  .service-product-detail .product-detail-layout{grid-template-columns:1fr !important;gap:12px;}
  .product-media{padding:9px;}
  .product-main-stage{min-height:0 !important;aspect-ratio:1/1;padding:8px;}
  .product-detail-copy{padding:18px;}
  .product-detail-copy h1{font-size:25px;}
  .product-short-description{font-size:15px;}
  .product-benefits{grid-template-columns:1fr !important;}
  .product-action-row{display:grid;grid-template-columns:1fr;}
  .product-action-row .btn{width:100%;}
  .product-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
  .product-gallery img{height:78px;}
  .product-content-card{padding:18px;}
  .product-content-card h2{font-size:20px;}
  .product-description-text{font-size:14.5px;line-height:1.75;overflow-wrap:anywhere;}
  .related-products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px;}

  /* Category/service listing and search. */
  .page-hero{padding:38px 0;}
  .page-hero h1{font-size:clamp(28px,9vw,38px);line-height:1.1;margin:0 0 6px;overflow-wrap:anywhere;}
  .page-hero p{margin:0;font-size:14px;overflow-wrap:anywhere;}
  .search-page-form{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}
  .search-page-form .btn{padding-left:16px;padding-right:16px;}

  /* Contact and forms. */
  .contact-page .split,
  .contact-grid{grid-template-columns:1fr !important;gap:18px;}
  .contact-form{padding:15px;}
  .contact-form-grid{grid-template-columns:1fr !important;}
  .contact-form-grid textarea{grid-column:auto !important;}
  .contact-form-grid .captcha-box{grid-template-columns:28px minmax(0,1fr) minmax(110px,1fr);}
  .form-grid{grid-template-columns:1fr !important;gap:12px;}
  .form input,.form textarea,.form select{font-size:16px;}
  .contact-socials{display:grid;grid-template-columns:1fr 1fr;}
  .contact-socials .btn{width:100%;text-align:center;}
  .footer-map-frame{height:280px;}
  .contact-map .footer-map-frame{height:280px;}

  /* Footer. */
  .footer{padding-top:34px;}
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .footer-logo{max-width:min(285px,80vw);height:auto;}
  .copyright{margin-top:24px;padding:16px 12px;font-size:12px;line-height:1.5;}
  .designer-credit{white-space:normal;display:inline;margin:4px 0 0;}

  /* Lightboxes: buttons and image stage fit narrow screens. */
  .gallery-lightbox{padding:10px;}
  .gallery-lightbox-stage{width:100%;height:76vh;}
  .gallery-lightbox-prev{left:0 !important;}
  .gallery-lightbox-next{right:0 !important;}
  .gallery-lightbox-prev,
  .gallery-lightbox-next{width:40px;height:58px;}
  .gallery-lightbox-meta{bottom:-34px;width:88vw;}
  .gallery-thumbs{bottom:10px;max-width:86vw;}
  .product-image-lightbox{padding:10px;}
  .product-lightbox-stage{width:100% !important;height:78vh !important;}
  .product-lightbox-toolbar{left:8px !important;right:8px !important;top:8px !important;overflow-x:auto;}
  .product-lightbox-image{max-width:94% !important;max-height:82% !important;}

  /* Touch-friendly floating action button and controls. */
  .floating-wa{right:14px;bottom:14px;width:50px;height:50px;}
  .product-image-zoom{width:42px;height:42px;right:10px;bottom:10px;}
}

/* Very small phones: single-column content where two columns become cramped. */
@media (max-width:430px){
  .container{width:calc(100% - 20px);}
  .nav{padding-left:10px;padding-right:10px;}
  .logo{max-width:calc(100% - 56px);}
  .cards,
  .cards.services,
  .category-products,
  .gallery,
  .videos,
  .featured-products,
  .related-products{grid-template-columns:1fr !important;}
  .card img,
  .category-product-card img,
  .featured-products .product-card img{height:205px !important;}
  .home-category-scroller .home-category-product{flex-basis:180px;min-width:180px;}
  .trust-grid{grid-template-columns:1fr;}
  .image-category-grid{grid-template-columns:1fr !important;}
  .image-category-media{height:150px !important;min-height:150px !important;flex-basis:150px !important;}
  .image-category-title{font-size:14px !important;}
  .contact-socials{grid-template-columns:1fr;}
  .search-page-form{grid-template-columns:1fr;}
  .search-page-form .btn{width:100%;}
  .section-head h2{max-width:calc(100% - 34px);padding-left:14px;padding-right:14px;}
  .section-head h2:before,.section-head h2:after{display:none;}
  .product-gallery{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Landscape phones: use two columns while preserving readable card sizes. */
@media (max-width:700px) and (orientation:landscape){
  .cards.services,
  .category-products,
  .featured-products,
  .gallery,
  .videos{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .image-category-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}

/* Prevent long URLs/emails/document names from breaking the layout. */
body{overflow-wrap:break-word;}
a, p, h1, h2, h3, h4, h5, h6, td, th, label, summary{overflow-wrap:anywhere;}

/* Disable underline reveal on hover across public-facing links. */
body:not(.admin-page) a:hover,
body:not(.admin-page) a:focus-visible{ text-decoration:none !important; }

/* FINAL MOBILE SLIDER FIX: keep the slider visible and size it from the actual image. */
@media (max-width:1024px){
  .home-page #slider.hero{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    min-height:1px !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
  }
  .home-page #slider.hero .hero-slide{
    background-size:100% auto !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
  }
}