/* Site geneli açık / koyu mod (2026-11-01).
   html[data-tema=koyu] — index.php <head> içindeki küçük betik koyar (seçim bu cihazda hatırlanır, ilk açılış açık). */
.tm-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin:0;padding:0;border-radius:50%;border:1px solid rgba(28,29,31,.12);background:rgba(255,255,255,.75);color:#1c1d1f;cursor:pointer;box-shadow:0 2px 8px rgba(28,29,31,.06);transition:background .3s,color .3s,border-color .3s}
.tm-btn:hover{border-color:#e50613;color:#e50613}
.tm-btn svg{width:19px;height:19px;display:block}
.tm-btn .tm-gunes{display:none}
html[data-tema=koyu] .tm-btn .tm-ay{display:none}
html[data-tema=koyu] .tm-btn .tm-gunes{display:block}
@media (max-width:959px){.tm-btn{width:38px;height:38px}.tm-btn svg{width:17px;height:17px}}

/* ---------- koyu mod ---------- */
html[data-tema=koyu]{color-scheme:dark;background:#0f1013}
html[data-tema=koyu] body{background:#0f1013!important;color:#c9ccd3}
html[data-tema=koyu] .main,html[data-tema=koyu] div.main.no-top-padding,html[data-tema=koyu] #wrapper,html[data-tema=koyu] .jx-container{background:#0f1013!important}
html[data-tema=koyu] .main h1,html[data-tema=koyu] .main h2,html[data-tema=koyu] .main h3,html[data-tema=koyu] .main h4{color:#f2f3f5}
:where(html[data-tema=koyu]) a{color:#e6e7ea}
/* üst bar */
html[data-tema=koyu] .sh-yer{background:radial-gradient(420px 150px at 12% 20%,rgba(229,6,19,.12),rgba(229,6,19,0) 70%),#131418!important}
html[data-tema=koyu] .sh-bar{background:linear-gradient(rgba(22,23,27,.88),rgba(17,18,22,.88))!important;border-color:#25272d!important;box-shadow:0 1px 0 #25272d!important}
@media (max-width:959px){html[data-tema=koyu] .sh-bar{background:linear-gradient(90deg,#17181c 0%,#131418 60%,#101114 100%)!important}}
html[data-tema=koyu] .sh-logo img{content:url(../images/seckin-logo-koyu.png?v=1)}
html[data-tema=koyu] .sh-bar #jx-main-menu > li > a,html[data-tema=koyu] .sh-bar #jx-main-menu > li > a:hover,html[data-tema=koyu] .sh-bar #jx-main-menu > li:hover > a{color:#eceef1!important}
html[data-tema=koyu] .sh-bar #jx-main-menu > li.with-sub:after,html[data-tema=koyu] .sh-bar #jx-main-menu > li.with-sub:hover:after,html[data-tema=koyu] #jx-main-menu .fa-home{color:#eceef1!important}
html[data-tema=koyu] .sh-bar .menu .submenu,html[data-tema=koyu] .sh-bar .menu .submenu li > ul{background:rgba(24,25,30,.97)!important;box-shadow:0 12px 30px rgba(0,0,0,.5)!important}
html[data-tema=koyu] .sh-bar .menu .submenu li.col > ul{background:transparent!important;box-shadow:none!important}
html[data-tema=koyu] .sh-bar .menu li .submenu a{color:#dfe1e6!important}
html[data-tema=koyu] .sh-bar .menu .submenu li{border-color:rgba(255,255,255,.07)!important}
html[data-tema=koyu] .sh-bar .menu .submenu li:hover > a{color:#fff!important;background:#e50613!important}
html[data-tema=koyu] .sh-tel-etiket,html[data-tema=koyu] .sh-tel-no{color:#f2f3f5!important}
html[data-tema=koyu] .sh-wa{background:rgba(32,33,38,.85)!important;border-color:#30323a!important;color:#eceef1!important;box-shadow:none!important}
html[data-tema=koyu] .sh-wa:hover{background:#25d366!important;color:#fff!important}
html[data-tema=koyu] .tm-btn{background:rgba(32,33,38,.85);border-color:#30323a;color:#eceef1;box-shadow:none}
html[data-tema=koyu] .tm-btn:hover{border-color:#e50613;color:#ff4b45}
/* ana sayfa */
html[data-tema=koyu] section.skat{background:#141519!important}
html[data-tema=koyu] .skat-baslik{color:#f2f3f5!important}
html[data-tema=koyu] .skat-alt{color:#c3c6cd!important}
html[data-tema=koyu] .skat-bilgi{color:#9a9ea8!important}
html[data-tema=koyu] .kat-gez{background:linear-gradient(#1a1b1f 0%,#0f1013 100%)!important}
html[data-tema=koyu] .kg-alt{color:#b3b7bf!important}
html[data-tema=koyu] .kg-no{color:#d4d6dc!important}
/* kategori düğmeleri */
html[data-tema=koyu] .ur-kat-li:not(.aktif) > .ur-kat-btn{background:#1a1b20!important;border-color:#30323a!important;color:#d4d6dc!important}
html[data-tema=koyu] .ur-kat .ur-alt{background:#1a1b20!important;border-color:#30323a!important;box-shadow:0 12px 30px rgba(0,0,0,.5)!important}
html[data-tema=koyu] .ur-kat .ur-alt a{color:#dfe1e6!important}
html[data-tema=koyu] .ur-kat-mobil label{color:#9a9ea8!important}
html[data-tema=koyu] .ur-kat-mobil select{background-color:#1a1b20!important;color:#eceef1!important;border-color:#30323a!important}
/* ürün sayfası */
html[data-tema=koyu] .ud-v,html[data-tema=koyu] .vt{--k:#ff4b45;--y:#f2f3f5;--s:#a3a8b2}
html[data-tema=koyu] .ud-ad{color:#f2f3f5!important}
html[data-tema=koyu] .ud-v .vt-oz li{color:#d0d3d9!important;border-color:rgba(255,255,255,.08)!important}
html[data-tema=koyu] .ud-v .vt-not{color:#9a9ea8!important}
html[data-tema=koyu] .ud-v .vt-kod,html[data-tema=koyu] .ud-geri{color:#ff4b45!important}
html[data-tema=koyu] .ud-v .vt-etk span{background:rgba(227,6,19,.12)!important;color:#ff6b63!important;border-color:rgba(227,6,19,.4)!important}
html[data-tema=koyu] .vt-btn a.dt{background:#1a1b20!important;color:#f2f3f5!important;border-color:#30323a!important}
html[data-tema=koyu] .ud-kucuk button{background:#1a1b20!important;border-color:#30323a!important}
html[data-tema=koyu] .ud-kucuk button.aktif{border-color:#e50613!important}
html[data-tema=koyu] .ud-v .ud-ana img{filter:drop-shadow(0 22px 22px rgba(0,0,0,.55))!important}
/* formlar */
html[data-tema=koyu] input,html[data-tema=koyu] select,html[data-tema=koyu] textarea{background-color:#17181c;color:#eceef1;border-color:#30323a}
/* ürün duvarı sayfanın sonuna kadar uzansın, alt bantla arasında boşluk kalmasın */
.main:has(> .vd){display:flex;flex-direction:column;flex:1 0 auto;padding-bottom:0!important}
.main:has(> .vd) > .vd{flex:1 0 auto}
/* alt bant: sabit renk yok, ürün zeminine uyar (açıkta açık, koyuda koyu) */
html .sf-footer{background:#e4e6eb!important;color:#3a4250!important;border-top:1px solid rgba(28,29,31,.06)}
html .sf-footer p{color:inherit!important}
html .sf-footer a{color:#2b323d!important}
html .sf-footer a:hover{color:#e30613!important}
html[data-tema=koyu] .sf-footer{background:#060607!important;color:#b9bdc6!important;border-top-color:rgba(255,255,255,.05)}
html[data-tema=koyu] .sf-footer a{color:#d4d6dc!important}
html[data-tema=koyu] .sf-footer a:hover{color:#fff!important}
/* telefon menüsü (koyu) */
html[data-tema=koyu] .slicknav_nav.sm-nav{background:rgba(20,21,25,.86)!important;border-top-color:rgba(255,255,255,.06)!important}
html[data-tema=koyu] .slicknav_nav.sm-nav > li{border-bottom-color:rgba(255,255,255,.07)!important}
html[data-tema=koyu] .slicknav_nav.sm-nav .sm-s,html[data-tema=koyu] .slicknav_nav.sm-nav .sm-1 .fa-home{color:#eceef1!important}
html[data-tema=koyu] .slicknav_nav.sm-nav .sm-ok{background:rgba(255,255,255,.08)!important;color:#a3a8b2!important}
html[data-tema=koyu] .slicknav_nav.sm-nav li.acik > .sm-s,html[data-tema=koyu] .slicknav_nav.sm-nav .sm-s.aktif{color:#ff5a52!important}
html[data-tema=koyu] .slicknav_nav.sm-nav li.acik > .sm-s > .sm-ok{background:rgba(229,6,19,.18)!important;color:#ff5a52!important}
html[data-tema=koyu] .slicknav_nav.sm-nav > li > ul{background:rgba(34,35,40,.9)!important}
html[data-tema=koyu] .slicknav_nav.sm-nav a.sm-3{background:#2a2b31!important;color:#e6e7ea!important;border-color:#383a42!important}
html[data-tema=koyu] .slicknav_nav.sm-nav a.sm-3.aktif{color:#ff5a52!important}
html[data-tema=koyu] .slicknav_btn{background:#1d1e23!important;border-color:#30323a!important}
html[data-tema=koyu] .slicknav_menu .slicknav_icon-bar{background:#eceef1!important}
html[data-tema=koyu] .slicknav_btn.slicknav_open{background:#2a2b31!important;border-color:#3a3c44!important}
@media (hover:hover){html[data-tema=koyu] .slicknav_nav.sm-nav .sm-s:hover{background:#e50613!important;color:#fff!important}}
/* kurumsal sayfalar (vizyon / misyon / kalite politikası): açık modda açık kart, koyu modda koyu kart */
html:not([data-tema=koyu]) .vz-kart{background:#fff;border:1px solid rgba(20,30,50,.08);box-shadow:0 18px 40px rgba(20,30,50,.10)}
html:not([data-tema=koyu]) .vz-ust{background:#f1f2f4}
html:not([data-tema=koyu]) .vz-kart h2.vz-baslik,html:not([data-tema=koyu]) .vz-kart h3.vz-alt-baslik{color:#16191f!important}
html:not([data-tema=koyu]) .vz-kart .vz-slogan{color:#1f2329}
html:not([data-tema=koyu]) .vz-kart .vz-ozet{color:#5b6472}
html:not([data-tema=koyu]) .vz-gosteri{background:#dfe2e6}
html:not([data-tema=koyu]) .vz-kart .vz-metin{color:#4a515c}
html:not([data-tema=koyu]) .vz-kart .vz-metin.vz-son{color:#16191f}
html:not([data-tema=koyu]) .vz-ayrac{background:rgba(20,30,50,.12)}
html:not([data-tema=koyu]) .vz-ozellik strong{color:#16191f}
html:not([data-tema=koyu]) .vz-ozellik span{color:#5b6472}
html:not([data-tema=koyu]) .vz-liste li{color:#3a414c}
html[data-tema=koyu] .vz-kart{background:#131418;border:1px solid #25272d;box-shadow:0 18px 40px rgba(0,0,0,.45)}
html[data-tema=koyu] .vz-ust{background:#1d1e23}
html[data-tema=koyu] .vz-gosteri{background:#25272d}
html[data-tema=koyu] .vz-ayrac{background:rgba(255,255,255,.12)}