/* ===========================================================
   WP Shop — e-ticaret odaklı, sade ve ferah mağaza teması
   Varsayılan temanın WebStyle.css'i üzerine yüklenir (iç sayfalar onu kullanır).
   --renk-p: koyu (başlık/metin) · --renk-s: vurgu (düğme, fiyat, üst şerit)
   =========================================================== */
:root{
    --ws-vurgu:var(--renk-s); --ws-koyu:var(--renk-p);
    --ws-metin:#555; --ws-soluk:#8c8c8c; --ws-cizgi:#e9e9e9; --ws-zemin:#f7f7f7; --ws-beyaz:#fff;
    --ws-kirmizi:#e0463c; --ws-r:6px; --ws-golge:0 8px 28px rgba(0,0,0,.09);
    /* varsayılan temanın değişkenleri (iç sayfalar) */
    --zemin:#f7f7f7; --kart:#fff; --cizgi:#e9e9e9; --yazi:#333; --yazi-soluk:#8c8c8c;
    --golge:0 8px 28px rgba(0,0,0,.08); --golge-sm:none; --yuvarlak:6px;
}
body.ws{color:var(--ws-metin);font-size:15px;line-height:1.65;background:#fff}
.ws h1,.ws h2,.ws h3,.ws h4{color:var(--ws-koyu);font-weight:600;letter-spacing:-.01em}
.ws a{color:var(--renk-link)}
.ws a:hover{color:var(--renk-link-h)}
.ws-kap,.ws .kapsayici{max-width:1252px;margin:0 auto;padding:0 16px}
.ws .btn{border-radius:var(--ws-r);border-width:1px;padding:12px 26px;font-size:14px;font-weight:600;letter-spacing:.02em}
.ws .btn-dolu{background:var(--ws-vurgu);border-color:var(--ws-vurgu);color:#fff}
.ws .btn-dolu:hover{background:var(--ws-koyu);border-color:var(--ws-koyu);color:#fff}

/* ---------- Düğmeler ---------- */
.ws-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid var(--ws-vurgu);border-radius:var(--ws-r);background:var(--ws-vurgu);color:#fff!important;font:600 13.5px/1.2 var(--font-baslik);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.ws-btn:hover{background:var(--ws-koyu);border-color:var(--ws-koyu)}
.ws-btn--cizgi{background:transparent;color:var(--ws-koyu)!important;border-color:var(--ws-cizgi)}
.ws-btn--cizgi:hover{background:var(--ws-zemin);border-color:#d5d5d5;color:var(--ws-koyu)!important}
.ws-btn--koyu{background:var(--ws-koyu);border-color:var(--ws-koyu)}
.ws-btn--koyu:hover{background:var(--ws-vurgu);border-color:var(--ws-vurgu)}

/* ---------- Üst şerit ---------- */
.ws-ust{background:var(--ws-vurgu);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em}
.ws-ust a{color:#fff;opacity:.92}.ws-ust a:hover{color:#fff;opacity:1}
.ws-ust__ic{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.ws-ust__sol,.ws-ust__sag{display:flex;align-items:center;gap:18px;min-width:0}
.ws-ust__mesaj{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.ws-ust__mesaj i{margin-right:5px}
.ws-ust__sag>a{white-space:nowrap}
.ws-ust__sosyal{display:flex;gap:13px;font-size:13px}
.ws-dil{position:relative}
.ws-dil__btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 0;border:0;border-right:1px solid rgba(255,255,255,.22);background:none;color:#fff;font:inherit;text-transform:uppercase;cursor:pointer}
.ws-dil__btn i{font-size:9px;opacity:.8}
.ws-dil__liste{position:absolute;top:100%;left:0;z-index:60;min-width:170px;padding:6px;background:#fff;border-radius:var(--ws-r);box-shadow:var(--ws-golge);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.ws-dil.acik .ws-dil__liste{opacity:1;visibility:visible;transform:none}
.ws-dil__liste a{display:flex;gap:8px;padding:8px 10px;border-radius:4px;color:var(--ws-koyu)!important;font-weight:600;opacity:1}
.ws-dil__liste a:hover,.ws-dil__liste a.aktif{background:var(--ws-zemin)}

/* ---------- Başlık ---------- */
.ws-bas{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--ws-cizgi);transition:box-shadow .2s}
.ws-bas.yapisik{box-shadow:0 4px 18px rgba(0,0,0,.07)}
.ws-bas__ic{display:flex;align-items:center;gap:28px;min-height:96px;transition:min-height .2s}
.ws-bas.yapisik .ws-bas__ic{min-height:70px}
.ws-logo{flex:none;display:flex;align-items:center;max-width:230px}
.ws-logo img{max-height:52px;width:auto}
.ws-logo span{font:700 26px/1 var(--font-baslik);color:var(--ws-koyu);letter-spacing:-.03em}
.ws-mobil-btn{display:none;width:42px;height:42px;border:0;background:none;color:var(--ws-koyu);font-size:21px;cursor:pointer;flex:none}
.ws-ara{position:relative;flex:1;display:flex;align-items:stretch;min-width:0;height:46px;border:2px solid var(--ws-cizgi);border-radius:var(--ws-r);background:#fff;transition:border-color .2s}
.ws-ara:focus-within{border-color:var(--ws-vurgu)}
.ws-ara--bos{border:0}
.ws .ws-ara__girdi{flex:1;min-width:0;height:auto;padding:0 16px;border:0;border-radius:0;background:none;font-size:14px;color:var(--ws-koyu);outline:none;box-shadow:none}
.ws-ara__girdi::-webkit-search-cancel-button{display:none}
.ws .ws-ara__kat{flex:none;width:auto;max-width:190px;height:auto;padding:0 30px 0 16px;border:0;border-left:1px solid var(--ws-cizgi);border-radius:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 12px center;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ws-metin);appearance:none;-webkit-appearance:none;cursor:pointer;outline:none}
.ws-ara__btn{flex:none;width:52px;border:0;border-left:1px solid var(--ws-cizgi);background:none;color:var(--ws-koyu);font-size:17px;cursor:pointer;transition:color .2s}
.ws-ara__btn:hover{color:var(--ws-vurgu)}
.ws-ara__sonuc{position:absolute;top:calc(100% + 6px);left:-2px;right:-2px;z-index:950;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--ws-cizgi);border-radius:var(--ws-r);box-shadow:var(--ws-golge)}
.ws-ara__oge{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--ws-cizgi);color:var(--ws-koyu)!important}
.ws-ara__oge:hover,.ws-ara__oge.secili{background:var(--ws-zemin)}
.ws-ara__oge img,.ws-ara__oge .ws-ara__bos{width:52px;height:52px;flex:none;object-fit:cover;border-radius:4px;background:var(--ws-zemin)}
.ws-ara__oge b{display:block;font:600 14px/1.35 var(--font-baslik)}
.ws-ara__oge span{font-size:13.5px;font-weight:700;color:var(--ws-vurgu)}
.ws-ara__oge del{margin-right:6px;font-weight:400;color:var(--ws-soluk)}
.ws-ara__bilgi{padding:16px;text-align:center;font-size:14px;color:var(--ws-soluk)}
.ws-ara__tumu{display:block;padding:12px;text-align:center;font:600 12.5px/1 var(--font-baslik);text-transform:uppercase;letter-spacing:.04em;color:var(--ws-koyu)!important}
.ws-ara__tumu:hover{color:var(--ws-vurgu)!important}

.ws-arac{flex:none;display:flex;align-items:center;gap:22px}
.ws-arac a{color:var(--ws-koyu)}
.ws-arac__uye{display:flex;align-items:center;gap:8px;font:600 13px/1 var(--font-baslik);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.ws-arac__uye i{font-size:19px}
.ws-arac__uye:hover{color:var(--ws-vurgu)}
.ws-arac .us-arac{position:relative;width:auto;height:auto;padding:0;border:0;background:none;color:var(--ws-koyu);font-size:21px;display:inline-flex}
.ws-arac .us-arac:hover{color:var(--ws-vurgu);background:none}
.ws-arac .us-sepet-adet,.ws-rozet{position:absolute;top:-8px;right:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--ws-vurgu);color:#fff;font:700 10px/17px var(--font-govde);text-align:center;font-style:normal}
.ws-arac__sepet{display:flex;align-items:center;gap:14px;white-space:nowrap}
.ws-arac__ikon{position:relative;display:inline-flex;font-size:21px}
.ws-arac__tutar{font:600 14px/1 var(--font-baslik);color:var(--ws-koyu)}
.ws-arac__sepet:hover .ws-arac__ikon{color:var(--ws-vurgu)}

/* ---------- Gezinme ---------- */
.ws-nav{background:#fff;border-bottom:1px solid var(--ws-cizgi)}
.ws-nav__ic{display:flex;align-items:stretch;gap:22px;min-height:50px}
.ws-kat{position:relative;flex:none;width:262px}
.ws-kat__btn{display:flex;align-items:center;gap:11px;width:100%;height:100%;min-height:50px;padding:0 18px;border:0;background:var(--ws-vurgu);color:#fff;font:600 13px/1 var(--font-baslik);text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.ws-kat__btn span{flex:1;text-align:left}
.ws-kat__ok{font-size:10px;transition:transform .2s}
.ws-kat.acik .ws-kat__ok{transform:rotate(180deg)}
.ws-kat__acilir{position:absolute;top:100%;left:0;right:0;z-index:800;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.ws-kat.acik .ws-kat__acilir{opacity:1;visibility:visible;transform:none}
.ws-katl{margin:0;padding:0;list-style:none;background:#fff;border:1px solid var(--ws-cizgi);border-top:0}
.ws-kat__acilir>.ws-katl{box-shadow:var(--ws-golge)}
.ws-katl__oge{position:relative;border-bottom:1px solid var(--ws-cizgi)}
.ws-katl__oge:last-child{border-bottom:0}
.ws-katl__oge>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;font-size:14px;font-weight:700;color:var(--ws-koyu)}
.ws-katl__oge>a i{font-size:9px;color:#b5b5b5}
.ws-katl__oge:hover>a{color:var(--ws-vurgu);background:#fafafa}
.ws-katl--alt{position:absolute;top:-1px;left:100%;z-index:10;min-width:230px;border:1px solid var(--ws-cizgi);box-shadow:var(--ws-golge);opacity:0;visibility:hidden;transform:translateX(8px);transition:.18s}
.ws-katl__oge:hover>.ws-katl--alt{opacity:1;visibility:visible;transform:none}
.ws-katl--alt .ws-katl__oge>a{font-weight:400}

.ws-menu{flex:1;display:flex;align-items:stretch;flex-wrap:wrap;gap:2px;min-width:0}
.ws-menu__oge{position:relative;display:flex}
.ws-menu__oge>a{display:flex;align-items:center;gap:6px;padding:0 11px;font:600 13px/1 var(--font-baslik);text-transform:uppercase;letter-spacing:.02em;color:var(--ws-koyu);white-space:nowrap}
.ws-menu__oge>a i{font-size:8px;color:#aaa}
.ws-menu>.ws-menu__oge:hover>a{color:var(--ws-vurgu)}
.ws-menu__alt{position:absolute;top:100%;left:0;z-index:700;min-width:220px;padding:8px 0;background:#fff;border:1px solid var(--ws-cizgi);border-radius:0 0 var(--ws-r) var(--ws-r);box-shadow:var(--ws-golge);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.ws-menu__oge:hover>.ws-menu__alt{opacity:1;visibility:visible;transform:none}
.ws-menu__alt .ws-menu__oge{display:block}
.ws-menu__alt .ws-menu__oge>a{justify-content:space-between;padding:9px 18px;font:400 14px/1.4 var(--font-govde);text-transform:none;letter-spacing:0;color:var(--ws-metin);white-space:normal}
.ws-menu__alt .ws-menu__oge:hover>a{color:var(--ws-vurgu);background:#fafafa}
.ws-menu__alt .ws-menu__alt{top:-9px;left:100%;border-radius:var(--ws-r)}
/* Sağdaki son menü öğelerinin alt-alt menüleri sola açılır (ekran dışına taşmasın) */
.ws-menu>.ws-menu__oge:nth-last-child(-n+3) .ws-menu__alt .ws-menu__alt{left:auto;right:100%}
/* Gizli açılır menüler sayfayı yana kaydırmasın (yapışkan başlığı bozmayan clip) */
body.ws{overflow-x:clip}
.ws-nav__cta{flex:none;display:flex;align-items:center;font:600 13px/1 var(--font-baslik);text-transform:uppercase;letter-spacing:.02em;color:var(--ws-vurgu)!important;white-space:nowrap}

/* ---------- Çekmeceler ---------- */
.ws-perde{position:fixed;inset:0;z-index:1900;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s}
.ws-perde.acik{opacity:1}
.ws-cekmece{position:fixed;top:0;bottom:0;z-index:2000;display:flex;flex-direction:column;width:min(350px,88vw);background:#fff;transition:transform .28s ease;box-shadow:0 0 40px rgba(0,0,0,.18)}
.ws-cekmece--sol{left:0;transform:translateX(-102%)}
.ws-cekmece--sag{right:0;transform:translateX(102%)}
.ws-cekmece.acik{transform:none}
.ws-cekmece__bas{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:62px;padding:0 6px 0 20px;border-bottom:1px solid var(--ws-cizgi)}
.ws-cekmece__bas strong{font:600 17px/1 var(--font-baslik);color:var(--ws-koyu)}
.ws-sepet__sayi{font-weight:400;color:var(--ws-soluk)}
.ws-cekmece__kapat{width:44px;height:44px;border:0;background:none;font-size:28px;line-height:1;color:var(--ws-koyu);cursor:pointer}
.ws-cekmece__govde{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}
.ws-sekme{display:flex;gap:4px;height:62px;margin-left:-20px}
.ws-sekme button{padding:0 18px;border:0;border-bottom:2px solid transparent;background:none;font:600 13px/1 var(--font-baslik);text-transform:uppercase;letter-spacing:.03em;color:var(--ws-soluk);cursor:pointer}
.ws-sekme button.aktif{color:var(--ws-koyu);border-bottom-color:var(--ws-vurgu)}
.ws-mmenu{display:none}.ws-mmenu.aktif{display:block}
.ws-mmenu ul{margin:0;padding:0;list-style:none}
.ws-mmenu li{position:relative;border-bottom:1px solid var(--ws-cizgi)}
.ws-mmenu li>a{display:block;padding:14px 56px 14px 20px;font:600 14px/1.3 var(--font-baslik);color:var(--ws-koyu)}
.ws-mmenu ul ul{display:none;background:#fafafa;border-top:1px solid var(--ws-cizgi)}
.ws-mmenu ul ul li:last-child{border-bottom:0}
.ws-mmenu ul ul li>a{padding-left:34px;font:400 14px/1.3 var(--font-govde)}
.ws-mmenu li.acik>ul{display:block}
.ws-mmenu__ac{position:absolute;top:0;right:0;width:50px;height:47px;border:0;border-left:1px solid var(--ws-cizgi);background:none;color:var(--ws-soluk);font-size:11px;cursor:pointer}
.ws-mmenu li.acik>.ws-mmenu__ac i{transform:rotate(180deg)}
.ws-mmenu__ek{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--ws-cizgi);font-size:14px;font-weight:700;color:var(--ws-koyu)!important}
.ws-mmenu__dil{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}
.ws-mmenu__dil a{padding:6px 10px;border:1px solid var(--ws-cizgi);border-radius:4px;font-size:13px;font-weight:700;color:var(--ws-koyu)!important}
.ws-mmenu__dil a.aktif{border-color:var(--ws-vurgu);color:var(--ws-vurgu)!important}

/* Yan sepet */
.ws-sepet__liste{padding:4px 0}
.ws-sepet__oge{position:relative;display:flex;gap:14px;padding:16px 44px 16px 20px;border-bottom:1px solid var(--ws-cizgi)}
.ws-sepet__oge img,.ws-sepet__oge .ws-sepet__bos{width:68px;height:68px;flex:none;object-fit:cover;border-radius:4px;background:var(--ws-zemin)}
.ws-sepet__oge a.ws-sepet__ad{display:block;font:600 14px/1.35 var(--font-baslik);color:var(--ws-koyu)}
.ws-sepet__oge small{display:block;margin-top:2px;font-size:12.5px;color:var(--ws-soluk)}
.ws-sepet__fiyat{margin-top:7px;font-size:13.5px;color:var(--ws-soluk)}
.ws-sepet__fiyat b{color:var(--ws-vurgu)}
.ws-sepet__adet{display:inline-flex;align-items:center;margin-top:8px;border:1px solid var(--ws-cizgi);border-radius:4px}
.ws-sepet__adet button{width:28px;height:28px;border:0;background:none;color:var(--ws-koyu);font-size:15px;cursor:pointer}
.ws-sepet__adet span{min-width:26px;text-align:center;font-size:13px;font-weight:700;color:var(--ws-koyu)}
.ws-sepet__sil{position:absolute;top:12px;right:10px;width:30px;height:30px;border:0;background:none;color:#b0b0b0;font-size:20px;line-height:1;cursor:pointer}
.ws-sepet__sil:hover{color:var(--ws-kirmizi)}
.ws-sepet__bosluk{display:flex;flex-direction:column;align-items:center;gap:14px;padding:56px 24px;text-align:center;color:var(--ws-soluk)}
.ws-sepet__bosluk i{font-size:54px;color:#dedede}
.ws-sepet__alt{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;border-top:1px solid var(--ws-cizgi);background:#fff}
.ws-sepet__satir{display:flex;justify-content:space-between;align-items:baseline;font:600 16px/1.3 var(--font-baslik);color:var(--ws-koyu)}
.ws-sepet__satir b{font-size:19px;color:var(--ws-vurgu)}
.ws-sepet__kmp{font-size:13.5px;font-weight:400;color:var(--ws-soluk)}
.ws-sepet__kmp b{font-size:14px;color:#16a34a}
.ws-cekmece.yukleniyor .ws-sepet__liste{opacity:.5;pointer-events:none}

/* Pencere (hızlı bakış) + bildirim */
.ws-modal{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:18px}
.ws-modal[hidden]{display:none}
.ws-modal__perde{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.ws-modal__kutu{position:relative;width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:var(--ws-r);box-shadow:0 30px 80px rgba(0,0,0,.3)}
.ws-modal__kapat{position:absolute;top:6px;right:8px;z-index:2;width:42px;height:42px;border:0;background:none;font-size:30px;line-height:1;color:var(--ws-koyu);cursor:pointer}
.ws-hizli{display:grid;grid-template-columns:1fr 1fr}
.ws-hizli__gorsel{background:var(--ws-zemin)}
.ws-hizli__gorsel img{width:100%;height:100%;max-height:520px;object-fit:cover}
.ws-hizli__bilgi{display:flex;flex-direction:column;gap:12px;padding:38px 34px 30px}
.ws-hizli__bilgi h3{margin:0;font-size:24px;line-height:1.25}
.ws-hizli__fiyat{font:600 22px/1 var(--font-baslik);color:var(--ws-vurgu)}
.ws-hizli__fiyat del{margin-right:8px;font-size:16px;font-weight:400;color:var(--ws-soluk)}
.ws-hizli__ozet{margin:0;font-size:14.5px;color:var(--ws-metin)}
.ws-hizli__eylem{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}
.ws-hizli__eylem form{display:flex;gap:10px}
.ws-adet{display:inline-flex;align-items:center;border:1px solid var(--ws-cizgi);border-radius:var(--ws-r)}
.ws-adet button{width:36px;height:42px;border:0;background:none;color:var(--ws-koyu);font-size:17px;cursor:pointer}
.ws .ws-adet input{width:40px;height:42px;padding:0;border:0;background:none;text-align:center;font-weight:700;color:var(--ws-koyu)}
.ws-bildirim{position:fixed;left:50%;bottom:26px;z-index:2200;transform:translate(-50%,20px);padding:12px 20px;border-radius:var(--ws-r);background:var(--ws-koyu);color:#fff;font-size:14px;font-weight:700;box-shadow:var(--ws-golge);opacity:0;transition:.25s}
.ws-bildirim.acik{opacity:1;transform:translate(-50%,0)}

/* ---------- Ürün kartı ---------- */
.ws-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 20px}
.ws-urun{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;text-align:center}
.ws-urun__gorsel{position:relative;overflow:hidden;border-radius:var(--ws-r);background:var(--ws-zemin);aspect-ratio:1/1.12}
.ws-urun__resim{display:block;width:100%;height:100%}
.ws-urun__resim img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .35s ease}
.ws-urun__resim .ws-urun__ikinci{position:absolute;inset:0;opacity:0}
.ws-urun:hover .ws-urun__resim img{transform:scale(1.05)}
.ws-urun:hover .ws-urun__resim .ws-urun__ikinci{opacity:1}
.ws-urun__bos{display:grid;place-items:center;width:100%;height:100%;font-size:42px;color:#d8d8d8}
.ws-urun__rozetler{position:absolute;top:10px;left:10px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
.ws-rz{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:26px;padding:0 9px;border-radius:13px;font:700 11px/1 var(--font-govde);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--ws-vurgu)}
.ws-rz--ind{background:var(--ws-kirmizi)}
.ws-rz--yeni{background:var(--ws-koyu)}
.ws-rz--tuk{background:#fff;color:var(--ws-koyu);box-shadow:0 0 0 1px var(--ws-cizgi)}
.ws-urun .uk-rozetler{top:auto;right:auto;bottom:10px;left:10px;align-items:flex-start}
.ws-urun__eylem{position:absolute;top:10px;right:10px;z-index:4;display:flex;flex-direction:column;gap:1px;background:#fff;border-radius:var(--ws-r);box-shadow:0 2px 10px rgba(0,0,0,.12);overflow:hidden;opacity:0;transform:translateX(12px);transition:.25s}
.ws-urun:hover .ws-urun__eylem,.ws-urun:focus-within .ws-urun__eylem{opacity:1;transform:none}
.ws-urun__eylem button,.ws-urun__eylem .ue-kalp{position:static;display:grid;place-items:center;width:38px;height:38px;margin:0;border:0;border-radius:0;background:#fff;box-shadow:none;color:var(--ws-koyu);font-size:15px;cursor:pointer;opacity:1;transform:none;transition:color .2s,background .2s}
.ws-urun__eylem button:hover,.ws-urun__eylem .ue-kalp:hover{color:var(--ws-vurgu);background:#fafafa}
.ws-urun__eylem .ue-kalp.aktif{color:var(--ws-kirmizi)}
.ws-urun__ekle{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;opacity:0;transform:translateY(12px);transition:.25s}
.ws-urun:hover .ws-urun__ekle,.ws-urun:focus-within .ws-urun__ekle{opacity:1;transform:none}
.ws-urun__ekle form{margin:0}
.ws-urun__ekle .ws-btn{width:100%;padding:11px 10px;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.14)}
.ws-urun__govde{display:flex;flex-direction:column;align-items:center;gap:4px;padding:13px 6px 4px}
.ws-urun__ad{font:600 14.5px/1.35 var(--font-baslik);color:var(--ws-koyu)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ws-urun__ad:hover{color:var(--ws-vurgu)!important}
.ws-urun__kat{font-size:13px;color:var(--ws-soluk)}
.ws-urun__fiyat{font:600 15px/1.3 var(--font-baslik);color:var(--ws-vurgu)}
.ws-urun__fiyat del{margin-right:6px;font-size:13.5px;font-weight:400;color:#aaa}
.ws-urun .ue-kart-puan{justify-content:center;margin:1px 0}
.ws-urun.tukendi .ws-urun__resim img{opacity:.6}

/* ---------- Anasayfa ---------- */
.ws-hero{background:var(--ws-zemin);border-bottom:1px solid var(--ws-cizgi)}
.ws-hero__ic{display:grid;grid-template-columns:262px minmax(0,1fr);gap:0;align-items:stretch}
.ws-hero--tek .ws-hero__ic{grid-template-columns:minmax(0,1fr)}
.ws-hero__kat{background:#fff}
.ws-hero__kat>.ws-katl{height:100%}
.ws-slider{position:relative;min-height:470px;overflow:hidden;background:var(--ws-zemin)}
.ws-slayt{position:absolute;inset:0;display:flex;align-items:center;padding:40px 7%;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.ws-slayt.aktif{opacity:1;visibility:visible}
.ws-slayt__kaplama{position:absolute;inset:0}
.ws-slayt__ic{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;width:100%;max-width:520px}
.ws-slayt__ic.orta{margin:0 auto;align-items:center;text-align:center}
.ws-slayt__ic.sag{margin-left:auto;align-items:flex-end;text-align:right}
.ws-slayt__ust{font:600 13px/1 var(--font-baslik);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.ws-slayt__baslik{margin:0;font:600 clamp(30px,4.4vw,54px)/1.12 var(--font-baslik);letter-spacing:-.02em;color:inherit!important}
.ws-slayt__aciklama{margin:0;max-width:440px;font-size:16.5px;line-height:1.6;opacity:.9}
.ws-slayt__btnler{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.ws-slayt.aktif .ws-slayt__ic>*{animation:wsYukari .7s ease both}
.ws-slayt.aktif .ws-slayt__ic>*:nth-child(2){animation-delay:.1s}
.ws-slayt.aktif .ws-slayt__ic>*:nth-child(3){animation-delay:.2s}
.ws-slayt.aktif .ws-slayt__ic>*:nth-child(4){animation-delay:.3s}
@keyframes wsYukari{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.ws-slider__nokta{position:absolute;left:0;right:0;bottom:18px;z-index:5;display:flex;justify-content:center;gap:9px}
.ws-slider__nokta button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.25);cursor:pointer;transition:.2s}
.ws-slider__nokta button.aktif{background:var(--ws-koyu);transform:scale(1.25)}
.ws-slider__ok{position:absolute;top:50%;z-index:5;width:42px;height:42px;margin-top:-21px;border:0;border-radius:50%;background:#fff;color:var(--ws-koyu);font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,.12);cursor:pointer;opacity:0;transition:.2s}
.ws-slider:hover .ws-slider__ok{opacity:1}
.ws-slider__ok.sol{left:16px}.ws-slider__ok.sag{right:16px}
.ws-slider__ok:hover{background:var(--ws-vurgu);color:#fff}

.ws-guven{border-bottom:1px solid var(--ws-cizgi)}
.ws-guven__ic{display:grid;grid-template-columns:repeat(4,1fr)}
.ws-guven__oge{display:flex;align-items:center;gap:14px;padding:22px 18px;border-right:1px solid var(--ws-cizgi)}
.ws-guven__oge:last-child{border-right:0}
.ws-guven__oge i{flex:none;font-size:27px;color:var(--ws-vurgu)}
.ws-guven__oge b{display:block;font:600 14.5px/1.3 var(--font-baslik);color:var(--ws-koyu)}
.ws-guven__oge span{font-size:13px;line-height:1.4;color:var(--ws-soluk)}

.ws-bolum{padding:62px 0 0}
.ws-bolum:last-of-type{padding-bottom:62px}
.ws-bolum-bas{margin:0 auto 30px;max-width:640px;text-align:center}
.ws-bolum-bas__alt{display:block;margin-bottom:8px;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ws-soluk)}
.ws-bolum-bas h2{margin:0;font-size:26px;text-transform:uppercase;letter-spacing:.01em}
.ws-bolum-bas p{margin:10px 0 0;font-size:15px;color:var(--ws-metin)}

.ws-mozaik{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:226px;gap:16px}
.ws-mozaik__oge{position:relative;display:block;overflow:hidden;border-radius:var(--ws-r);background:var(--ws-zemin)}
.ws-mozaik__oge img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ws-mozaik__oge:hover img{transform:scale(1.06)}
.ws-mozaik__bos{display:grid;place-items:center;width:100%;height:100%;font-size:54px;color:#dcdcdc}
.ws-mozaik__etiket{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:44px 18px 16px;background:linear-gradient(to top,rgba(255,255,255,.96) 35%,rgba(255,255,255,0));color:var(--ws-koyu)}
.ws-mozaik__etiket b{font:500 18px/1.2 var(--font-baslik);text-transform:uppercase;letter-spacing:.01em}
.ws-mozaik__etiket span{font-size:13px;color:var(--ws-soluk)}
.ws-mozaik--buyuk .ws-mozaik__oge:first-child{grid-column:span 2;grid-row:span 2}
.ws-mozaik--n1{grid-template-columns:1fr}.ws-mozaik--n2{grid-template-columns:repeat(2,1fr)}.ws-mozaik--n3{grid-template-columns:repeat(3,1fr)}
.ws-mozaik--n1,.ws-mozaik--n2,.ws-mozaik--n3{grid-auto-rows:280px}

.ws-sekmeler{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 26px;margin:-8px 0 28px}
.ws-sekmeler button{padding:6px 0;border:0;border-bottom:2px solid transparent;background:none;font:600 14px/1.2 var(--font-baslik);text-transform:uppercase;letter-spacing:.03em;color:var(--ws-soluk);cursor:pointer;transition:.2s}
.ws-sekmeler button:hover{color:var(--ws-koyu)}
.ws-sekmeler button.aktif{color:var(--ws-koyu);border-bottom-color:var(--ws-vurgu)}
.ws-vitrin__panel{display:none}
.ws-vitrin__panel.aktif{display:block;animation:wsBelir .4s ease}
@keyframes wsBelir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ws-kalan{margin-top:62px;border-top:1px solid var(--ws-cizgi)}
.ws-bolum__alt{display:flex;justify-content:center;margin-top:34px}

.ws-kampanya{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.ws-kampanya__oge{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:170px;padding:28px 28px 26px;overflow:hidden;border-radius:var(--ws-r);background:color-mix(in srgb,var(--kr,var(--ws-vurgu)) 11%,#fff);color:var(--ws-koyu)}
.ws-kampanya__oge::after{content:"";position:absolute;right:-46px;bottom:-46px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb,var(--kr,var(--ws-vurgu)) 16%,transparent)}
.ws-kampanya__etiket{font:700 11.5px/1 var(--font-govde);letter-spacing:.08em;text-transform:uppercase;color:var(--kr,var(--ws-vurgu))}
.ws-kampanya__oge h3{position:relative;z-index:1;margin:0;font-size:21px;line-height:1.25}
.ws-kampanya__oge p{position:relative;z-index:1;margin:0;font-size:14px;color:var(--ws-metin)}
.ws-kampanya__oge a{position:relative;z-index:1;margin-top:auto;padding-top:8px;font:600 12.5px/1 var(--font-baslik);letter-spacing:.04em;text-transform:uppercase;color:var(--ws-koyu)!important;border-bottom:2px solid var(--kr,var(--ws-vurgu));padding-bottom:4px}

.ws-marka{display:flex;flex-wrap:wrap;border:1px solid var(--ws-cizgi);border-radius:var(--ws-r);overflow:hidden}
.ws-marka__oge{flex:1 1 16.66%;min-width:150px;display:grid;place-items:center;height:108px;padding:18px;margin:0 -1px -1px 0;border-right:1px solid var(--ws-cizgi);border-bottom:1px solid var(--ws-cizgi);background:#fff}
.ws-marka__oge img{max-width:100%;max-height:56px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:.3s}
.ws-marka__oge:hover img{filter:none;opacity:1}
.ws-marka__oge span{font:600 15px/1.2 var(--font-baslik);color:var(--ws-soluk)}

.ws-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.ws-blog__oge{display:flex;flex-direction:column;min-width:0}
.ws-blog__gorsel{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--ws-r);background:var(--ws-zemin)}
.ws-blog__gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ws-blog__oge:hover .ws-blog__gorsel img{transform:scale(1.05)}
.ws-blog__tarih{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:center;min-width:50px;padding:7px 8px;border-radius:4px;background:#fff;font:700 18px/1 var(--font-baslik);color:var(--ws-koyu);box-shadow:0 2px 8px rgba(0,0,0,.1)}
.ws-blog__tarih small{margin-top:3px;font:700 10.5px/1 var(--font-govde);letter-spacing:.06em;text-transform:uppercase;color:var(--ws-soluk)}
.ws-blog__govde{padding:18px 4px 0;text-align:center}
.ws-blog__govde h3{margin:0 0 8px;font-size:18px;line-height:1.35}
.ws-blog__govde h3 a{color:var(--ws-koyu)}.ws-blog__govde h3 a:hover{color:var(--ws-vurgu)}
.ws-blog__govde p{margin:0 0 10px;font-size:14.5px}
.ws-blog__devam{font:600 12.5px/1 var(--font-baslik);letter-spacing:.04em;text-transform:uppercase;color:var(--ws-vurgu)!important}

/* ---------- Alt bilgi ---------- */
.ws-alt{margin-top:70px;background:var(--ws-zemin);border-top:1px solid var(--ws-cizgi);font-size:14.5px}
.ws-anasayfa .ws-alt{margin-top:0}
.ws-alt__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-top:54px;padding-bottom:44px}
.ws-alt__logo{display:inline-block;margin-bottom:16px}
.ws-alt__logo img{max-height:48px;width:auto}
.ws-alt__logo span{font:700 24px/1 var(--font-baslik);color:var(--ws-koyu)}
.ws-alt__marka p{margin:0 0 16px;max-width:340px}
.ws-alt ul{margin:0;padding:0;list-style:none}
.ws-alt__iletisim li{display:flex;gap:10px;margin-bottom:9px}
.ws-alt__iletisim i{flex:none;width:16px;margin-top:5px;font-size:13px;color:var(--ws-vurgu)}
.ws-alt a{color:var(--ws-metin)}.ws-alt a:hover{color:var(--ws-vurgu)}
.ws-alt__sosyal{display:flex;gap:8px;margin-top:16px}
.ws-alt__sosyal a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dcdcdc;border-radius:50%;background:#fff;color:var(--ws-koyu);font-size:14px}
.ws-alt__sosyal a:hover{background:var(--ws-vurgu);border-color:var(--ws-vurgu);color:#fff}
.ws-alt__blok h4{margin:6px 0 18px;font-size:15px;text-transform:uppercase;letter-spacing:.03em}
.ws-alt__blok li{margin-bottom:10px}
.ws-alt__telif{border-top:1px solid var(--ws-cizgi);font-size:13.5px;color:var(--ws-soluk)}
.ws-alt__telif-ic{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;min-height:60px}
.ws-alt__odeme{display:flex;gap:12px;font-size:26px;color:#b9b9b9}
.ws-altbar{display:none}
.ws .whatsapp-btn{width:52px;height:52px;bottom:22px;right:22px}

/* ---------- İç sayfalar (varsayılan şablonların WP Shop görünümü) ---------- */
/* Başlık bandı: koyu zemin (ya da modülün başlık görseli), ortada büyük beyaz başlık, altında yol */
.ws .ic-hero,.ws .sayfa-hero{position:relative;padding:62px 0;border:0;background:radial-gradient(ellipse at 18% 0%,color-mix(in srgb,var(--ws-vurgu) 30%,transparent) 0,transparent 55%),linear-gradient(120deg,#1f1f1f,#383838);background-color:#262626;color:#fff;text-align:center;overflow:hidden}
.ws .ic-hero.ic-hero--gorsel,.ws .sayfa-hero.sayfa-hero--gorsel{padding:78px 0;background-size:cover;background-position:center}
.ws .ic-hero-kaplama,.ws .sayfa-hero-kaplama{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.5)}
.ws .ic-hero .kapsayici,.ws .sayfa-hero .kapsayici{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px}
.ws .ic-hero h1,.ws .sayfa-hero h1,.ws .ic-hero__baslik{order:1;margin:0;font:600 clamp(30px,4.8vw,58px)/1.12 var(--font-baslik);letter-spacing:-.02em;color:#fff}
.ws .sayfa-hero p{order:2;margin:0;max-width:680px;font-size:16px;color:rgba(255,255,255,.82);opacity:1}
.ws .ic-yol{order:2;justify-content:center;margin:0;font-size:14px;opacity:1;color:#fff;font-weight:700}
.ws .ic-yol a{color:rgba(255,255,255,.72);opacity:1;font-weight:400}.ws .ic-yol a:hover{color:#fff;text-decoration:none}
.ws .ic-yol span{opacity:.55;font-weight:400}.ws .ic-yol span:last-child{opacity:1;font-weight:700}
.ws .detay-kat{order:0;margin:0;padding:5px 12px;border-radius:0;background:var(--ws-vurgu);font:700 11px/1 var(--font-govde);letter-spacing:.06em;text-transform:uppercase}
.ws .detay-tarih{order:3;margin:0;font-size:13.5px;opacity:.8}
.ws .ic-hero--ince,.ws .ic-hero--ince.ic-hero--gorsel{padding:34px 0}
.ws .ic-hero--ince .kapsayici{display:flex;flex-direction:column;align-items:center;gap:8px}
.ws .ic-hero--ince h1{font-size:clamp(26px,3.4vw,40px)}
.ws .ic-hero--ince .ic-yol{font-size:13.5px;opacity:1}
/* Ürün listesi: hero yok → görünmez h1 + üst boşluk */
.ws .ws-gizli{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ws .ws-liste--herosuz{padding-top:32px}
/* Yasal sayfalar: sade, açık gri başlık bandı — yalnız başlık (+ varsa kısa açıklama), yol yok */
.ws .sayfa-hero--acik{padding:24px 0 20px;background:var(--ws-zemin);border-bottom:1px solid var(--ws-cizgi);color:var(--ws-koyu);text-align:left}
.ws .sayfa-hero--acik .kapsayici{align-items:flex-start;gap:6px}
.ws .sayfa-hero--acik h1{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.01em;color:var(--ws-koyu)}
.ws .sayfa-hero--acik p{max-width:none;font-size:14px;color:var(--ws-metin)}
.ws .sayfa-hero--acik+.wy-sayfa{padding-top:36px}
/* Üye giriş / kayıt / şifre: hero yok (görünmez kalır: h1 + yol ekran okuyucu ve SEO için) */
.ws .ic-hero--uye{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ws .ic-hero--uye+.bolum.uy-bolum{padding-top:44px}
/* Kategori sayfası sade hero: koyu zemin yok — solda kategori adı, sağda yol, alt çizgi */
.ws .ic-hero--sade,.ws .ic-hero--sade.ic-hero--gorsel{padding:20px 0 16px;background:none;background-color:transparent;color:var(--ws-koyu);text-align:left;border-bottom:1px solid var(--ws-cizgi)}
.ws .ic-hero--sade .kapsayici{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.ws .ic-hero--sade h1{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.01em;color:var(--ws-koyu)}
.ws .ic-hero--sade .ic-yol{justify-content:flex-start;flex-wrap:wrap;font-size:13px;color:var(--ws-koyu)}
.ws .ic-hero--sade .ic-yol a{color:var(--ws-soluk)}.ws .ic-hero--sade .ic-yol a:hover{color:var(--ws-koyu)}
.ws .ic-hero--sade .ic-yol span{opacity:1;color:var(--ws-soluk)}.ws .ic-hero--sade .ic-yol span:last-child{color:var(--ws-koyu)}
.ws .ic-hero--sade+.ws-liste{padding-top:28px}
.ws-liste .kt-bas .kt-yol{display:none}
.ws-liste .kt-yol+.kt-aciklama,.ws-liste .kt-yol+.kt-altlar{margin-top:0}

.ws .bolum{padding:52px 0}
.ws .bolum-bas{justify-content:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:30px;text-align:center}
.ws .bolum-bas h2{padding:0;font-size:26px;text-transform:uppercase;letter-spacing:.01em}
.ws .bolum-bas h2::after{display:none}
.ws .bolum-tumu{font:600 12.5px/1 var(--font-baslik);letter-spacing:.04em;text-transform:uppercase;color:var(--ws-vurgu)}
.ws .icerik-alani{font-size:15.5px;line-height:1.8;color:var(--ws-metin)}
.ws .icerik-alani h2{font-size:24px}.ws .icerik-alani h3{font-size:19px}
.ws .icerik-alani img{border-radius:var(--ws-r)}
.ws .icerik-alani a{color:var(--ws-vurgu)}
.ws .icerik-alani blockquote{margin:22px 0;padding:6px 0 6px 22px;border-left:3px solid var(--ws-vurgu);font-size:17px;color:var(--ws-koyu)}
.ws-bos-mesaj{padding:44px 0;text-align:center;color:var(--ws-soluk)}

/* Kartlar: düz, ince çizgili; üzerine gelince yumuşak gölge */
.ws .icerik-kart,.ws .hizmet-kart,.ws .proje-kart,.ws .ekip-kart,.ws .gorus-kart,.ws .paket-kart,.ws .galeri-kart,.ws .video-kart,.ws .blog-kart,.ws .dosya-kart,.ws .link-kart,.ws .logo-oge{border-radius:var(--ws-r);box-shadow:none}
.ws .icerik-kart:hover,.ws .hizmet-kart:hover,.ws .proje-kart:hover,.ws .ekip-kart:hover,.ws .paket-kart:hover,.ws .blog-kart:hover{box-shadow:var(--ws-golge);transform:none;border-color:#dcdcdc}
.ws .hizmet-kart h3,.ws .proje-kart h3,.ws .icerik-kart h4,.ws .ekip-kart h4{font-family:var(--font-baslik);font-weight:600;color:var(--ws-koyu)}
/* Kategori / durum süzgeçleri: alt çizgili metin sekmeleri */
.ws .filtre-bar{justify-content:center}
.ws .kategori-filtre{justify-content:center;gap:6px 26px;margin-bottom:28px}
.ws .kf-chip{padding:6px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font:600 13.5px/1.2 var(--font-baslik);letter-spacing:.03em;text-transform:uppercase;color:var(--ws-soluk)}
.ws .kf-chip:hover{color:var(--ws-koyu);border-color:transparent}
.ws .kf-chip.aktif{background:none;color:var(--ws-koyu);border-bottom-color:var(--ws-vurgu)}
/* SSS: çizgiyle ayrılan açılır sorular */
.ws .sss-liste{max-width:880px;margin:0 auto;gap:0}
.ws .sss-oge{margin:0;padding:0;border:0;border-bottom:1px solid var(--ws-cizgi);border-radius:0;background:none;box-shadow:none}
.ws .sss-oge:first-child{border-top:1px solid var(--ws-cizgi)}
.ws .sss-oge summary{padding:18px 34px 18px 0;font:700 15.5px/1.4 var(--font-govde);color:var(--ws-koyu)}
.ws .sss-oge summary::after{top:16px;color:#b0b0b0;font-size:20px}
.ws .sss-oge[open] summary{color:var(--ws-vurgu)}
.ws .sss-cevap{padding:0 0 18px;color:var(--ws-metin)}
/* Formlar */
.ws .form-alan label,.ws .il-form label,.ws .yorum-form label{font:700 14px/1.4 var(--font-govde);color:var(--ws-koyu)}
.ws .form-alan input:not([type=checkbox]):not([type=radio]):not([type=file]),.ws .form-alan select,.ws .form-alan textarea,.ws .il-form input,.ws .il-form textarea,.ws .yorum-form input,.ws .yorum-form textarea,.ws .by-arama input{border:2px solid var(--ws-cizgi);border-radius:var(--ws-r);background:#fff;color:var(--ws-koyu);transition:border-color .2s}
.ws .form-alan input:focus,.ws .form-alan select:focus,.ws .form-alan textarea:focus,.ws .il-form input:focus,.ws .il-form textarea:focus,.ws .yorum-form input:focus,.ws .yorum-form textarea:focus{border-color:var(--ws-vurgu);outline:none;box-shadow:none}
.ws .btn-dolu,.ws button.btn{text-transform:uppercase}
.ws .form-bilgi{border-radius:var(--ws-r)}
.ws .odeme-kutu,.ws .sepet-ozet,.ws .uy-kart,.ws .il-bilgi,.ws .il-form,.ws .iletisim-form-sarmal,.ws .adres-kart,.ws .yorum-form{border-radius:var(--ws-r);box-shadow:none}
.ws .flash-sarmal{margin-top:16px}
/* İletişim */
.ws .iletisim-2col,.ws .iletisim-grid{gap:44px}
.ws .iletisim-form-sarmal{padding:0;border:0;background:none}
.ws .ifs-bas h2,.ws .ifs-bas h3,.ws .il-bilgi h3,.ws .adres-kart h3{font-size:20px;text-transform:uppercase;letter-spacing:.01em}
.ws .ak-ikon,.ws .il-ikon{border-radius:50%;background:color-mix(in srgb,var(--ws-vurgu) 12%,#fff);color:var(--ws-vurgu)}
.ws .il-harita{border-radius:var(--ws-r)}
/* Detay sayfaları: kenar çubuğu */
.ws .detay-2col{grid-template-columns:minmax(0,1fr) 290px;gap:48px}
.ws .detay-yan{padding:0;border:0;border-radius:0;background:none;top:96px}
.ws .detay-yan h3{margin:0 0 6px;padding:0 0 12px;border-bottom:1px solid var(--ws-cizgi);font-size:15px;text-transform:uppercase;letter-spacing:.03em}
.ws .detay-yan h3:not(:first-child){margin-top:30px}
.ws .dy-liste a,.ws .blog-kat-liste a{padding:10px 0;border-radius:0;border-bottom:1px solid var(--ws-cizgi);background:none;color:var(--ws-metin);font-size:14.5px}
.ws .dy-liste a:hover,.ws .dy-liste a.aktif,.ws .blog-kat-liste a:hover{background:none;color:var(--ws-vurgu)}
.ws .dy-liste a.aktif{font-weight:700}
.ws .blog-kat-liste em{background:none;padding:0;color:var(--ws-soluk)}
.ws .dy-proje-liste{gap:0}
.ws .dy-proje-liste a{padding:12px 0;border-radius:0;border-bottom:1px solid var(--ws-cizgi)}
.ws .dy-proje-liste a:hover{background:none}.ws .dy-proje-liste a:hover .dyp-ad{color:var(--ws-vurgu)}
.ws .dy-proje-liste a.aktif{background:none;color:var(--ws-vurgu)}
.ws .dy-proje-liste a.aktif .dyp-tarih{color:var(--ws-soluk)}
.ws .dyp-gorsel{border-radius:4px}
.ws .dyp-ad{font:600 14px/1.35 var(--font-baslik);color:var(--ws-koyu)}
.ws .by-arama{margin-bottom:26px}
/* Blog: liste + yazı */
.ws-yazilar .ws-sekmeler{margin-top:0}
.ws-blog--liste{gap:36px 26px}
.ws-blog__oge[hidden]{display:none}
.ws-blog__kat{display:inline-block;margin:-31px 0 12px;position:relative;z-index:2;padding:6px 12px;background:var(--ws-vurgu);color:#fff;font:700 11px/1 var(--font-govde);letter-spacing:.06em;text-transform:uppercase}
.ws-blog__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;margin:0 0 10px;font-size:13px;color:var(--ws-soluk)}
.ws-blog__meta i{margin-right:4px;color:#b5b5b5}
.ws-yazi .detay-govde .icerik-alani>.blog-meta{justify-content:center;margin-bottom:12px;font-size:13.5px}
.ws-yazi .blog-meta .bm-kat{padding:6px 12px;background:var(--ws-vurgu);color:#fff;font:700 11px/1 var(--font-govde);letter-spacing:.06em;text-transform:uppercase}
.ws-yazi .blog-meta .bm-kat i{display:none}
.ws-yazi .blog-meta .bm-kat:hover{text-decoration:none;background:var(--ws-koyu)}
.ws-yazi .blog-baslik{margin:0 0 22px;text-align:center;font-size:clamp(24px,3vw,34px);line-height:1.25}
.ws-yazi .blog-kapak{margin-bottom:28px;border-radius:var(--ws-r)}
.ws .blog-etiketler{gap:8px;margin-top:28px}
.ws .be-etiket{border-radius:4px;border:1px solid var(--ws-cizgi);background:#fff;color:var(--ws-metin)}
.ws .be-etiket:hover{border-color:var(--ws-vurgu);color:var(--ws-vurgu);background:#fff}
.ws .blog-paylas{justify-content:center;margin-top:28px;padding:18px 0;border-top:1px solid var(--ws-cizgi);border-bottom:1px solid var(--ws-cizgi)}
.ws .bp-btn{border-radius:50%}
.ws .yorum-bolum h2{font-size:20px;text-transform:uppercase}
.ws .yorum-form{padding:26px;background:var(--ws-zemin);border:0}

/* Ürün listesi */
.ws-liste .uy-icerik .kart-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 20px}
.ws-liste .kart-izgara.ws-izgara--4{grid-template-columns:repeat(4,1fr)}
.ws-liste .uy-yan{border-radius:var(--ws-r);box-shadow:none}
/* Filtre kenar çubuğu: sıkı yerleşim (ortak parca-urun-yan.php stilinin üstüne) */
.ws-liste .uy-yan{padding:12px 14px}
.ws-liste .uy-yan-bas{margin:0 0 4px;padding:2px 0 12px;border-bottom:1px solid var(--ws-cizgi)}
.ws-liste .uy-yan-bas strong{font-size:14px}
.ws-liste .uy-bolum{padding:9px 0}
.ws-liste .uy-bolum:first-of-type{padding-top:10px}
.ws-liste .uy-bolum h3{margin:0 0 5px;font-size:11px;letter-spacing:.07em}
.ws-liste .uy-tum,.ws-liste .uy-agac a{padding:3px 8px;font-size:13.5px;border-radius:6px}
.ws-liste .uy-tum span,.ws-liste .uy-agac a span,.ws-liste .uy-kutu em{font-size:11px}
.ws-liste .uy-agac{margin:0}
.ws-liste .uy-ac{width:22px;height:22px;font-size:10px}
.ws-liste .uy-fiyat input{height:32px;padding:0 8px;border-radius:6px;font-size:12.5px}
.ws-liste .uy-fiyat-not{margin-top:4px;font-size:11px}
.ws-liste .uy-vd-liste{gap:5px}
.ws-liste .uy-vd{gap:5px;padding:2px 9px;font-size:12.5px}
.ws-liste .uy-vd i{width:12px;height:12px}
.ws-liste .uy-kutu{gap:8px;padding:2px;font-size:13.5px}
.ws-liste .uy-kutu input{width:15px;height:15px}
.ws-liste .uy-temizle{margin-top:4px;padding:6px 10px;font-size:12.5px}
.ws-liste__arama{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:12px 16px;border:1px solid var(--ws-cizgi);border-radius:var(--ws-r);background:var(--ws-zemin);font-size:14.5px;color:var(--ws-koyu)}
.ws-liste__arama a{font-weight:700;color:var(--ws-vurgu)!important}

/* Ürün detayı */
.ws-ud{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:start;padding:34px 0 0}
.ws-ud__galeri{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;position:sticky;top:92px}
.ws-ud__galeri--tek{grid-template-columns:minmax(0,1fr)}
.ws-ud__kucukler{display:flex;flex-direction:column;gap:10px;max-height:600px;overflow:auto;scrollbar-width:none}
.ws-ud__kucukler::-webkit-scrollbar{display:none}
.ws-ud__kucuk{flex:none;padding:0;border:1px solid var(--ws-cizgi);border-radius:4px;background:var(--ws-zemin);overflow:hidden;cursor:pointer;opacity:.65;transition:.2s;aspect-ratio:1/1}
.ws-ud__kucuk img{width:100%;height:100%;object-fit:cover}
.ws-ud__kucuk.aktif,.ws-ud__kucuk:hover{opacity:1;border-color:var(--ws-koyu)}
.ws-ud__buyuk{position:relative;overflow:hidden;border-radius:var(--ws-r);background:var(--ws-zemin);aspect-ratio:1/1.05;cursor:zoom-in}
.ws-ud__buyuk img{width:100%;height:100%;object-fit:cover;transition:transform .15s ease-out}
.ws-ud__buyuk .ws-urun__rozetler{top:14px;left:14px}
.ws-ud__buyuk .ws-ud__tukendi{position:absolute;top:14px;right:14px;z-index:3}
.ws-ud__buyut{position:absolute;left:14px;bottom:14px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--ws-koyu);font-size:15px;box-shadow:0 2px 10px rgba(0,0,0,.12);cursor:pointer}
.ws-ud__bilgi{display:flex;flex-direction:column;gap:14px;min-width:0}
.ws-ud__yol{margin:0;font-size:13.5px;color:var(--ws-soluk)}
.ws-ud__yol a{color:var(--ws-soluk)}.ws-ud__yol a:hover{color:var(--ws-vurgu)}
.ws-ud__yol span{margin:0 6px;opacity:.6}
.ws-ud__bilgi h1{margin:0;font-size:clamp(24px,2.6vw,32px);line-height:1.2}
.ws-ud__fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font:600 28px/1 var(--font-baslik);color:var(--ws-vurgu)}
.ws-ud__fiyat del{font-size:19px;font-weight:400;color:#aaa}
.ws-ud__fiyat .ws-rz{position:relative;top:-3px}
.ws-ud__ozet{margin:0;font-size:15.5px;line-height:1.7}
.ws-ud__stok{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700}
.ws-ud__stok.var{display:none}.ws-ud__stok.yok{color:var(--ws-kirmizi)}
.ws-ud__form{display:flex;flex-direction:column;gap:14px;margin:0;padding:18px 0;border-top:1px solid var(--ws-cizgi);border-bottom:1px solid var(--ws-cizgi)}
.ws-ud__satir{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.ws-ud__satir .ws-btn{flex:1;min-width:170px;min-height:46px}
.ws-ud__satir .ws-adet button{height:46px}.ws .ws-ud__satir .ws-adet input{height:46px}
.ws-ud__toplam{font-size:14px;color:var(--ws-soluk)}.ws-ud__toplam b{color:var(--ws-koyu)}
.ws-ud__ek{display:flex;flex-flow:row wrap;align-items:center;gap:10px 28px} /* WhatsApp + favori yan yana */
.ws-ud__ek .ue-fav-btn{margin:0;padding:0;border:0;background:none;font-size:14px}
.ws-ud__ek .ue-fav-btn:hover{background:none}
.ws-ud__wa{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1faa53!important}
.ws-ud__meta{display:flex;flex-flow:row wrap;align-items:center;gap:8px 28px;margin:0;padding-top:4px;font-size:14px} /* masaüstü: stok kodu · kategori · paylaş yan yana */
.ws-ud__meta+.ws-ud__ozet{padding-top:16px;border-top:1px solid var(--ws-cizgi)}
.ws-ud__meta b{color:var(--ws-koyu)}
.ws .ws-ud__meta .ud-kod{margin:0;padding:0;font-size:14px;color:inherit}
.ws .ws-ud__ek .ue-fav-btn{display:inline-flex;width:auto}
.ws-ud__meta a{color:var(--ws-metin)}.ws-ud__meta a:hover{color:var(--ws-vurgu)}
.ws-ud__paylas{display:flex;align-items:center;gap:12px;font-size:14px}
.ws-ud__paylas a{color:var(--ws-soluk);font-size:15px}.ws-ud__paylas a:hover{color:var(--ws-vurgu)}
.ws-ud .uk-kutu{margin:0}
.ws-ud-sekme{margin-top:56px;border-top:1px solid var(--ws-cizgi)}
.ws-ud-sekme__bas{display:flex;justify-content:center;flex-wrap:wrap;gap:0 34px}
.ws-ud-sekme__bas button{position:relative;padding:20px 0;border:0;background:none;font:600 15px/1 var(--font-baslik);text-transform:uppercase;letter-spacing:.03em;color:var(--ws-soluk);cursor:pointer}
.ws-ud-sekme__bas button::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--ws-vurgu);transform:scaleX(0);transition:transform .25s}
.ws-ud-sekme__bas button.aktif{color:var(--ws-koyu)}
.ws-ud-sekme__bas button.aktif::before{transform:scaleX(1)}
.ws-ud-sekme__panel{display:none;max-width:900px;margin:0 auto;padding:8px 0 10px}
.ws-ud-sekme__panel.aktif{display:block;animation:wsBelir .35s ease}
.ws-ud-sekme__panel .ue-yorum-bolum,.ws-ud-sekme__panel .ue-bolum{margin-top:0;padding-top:0;border-top:0}
.ws-serit-bolum{padding:56px 0 0}
.ws-serit-bolum .ws-bolum-bas{margin-bottom:26px}
.ws-serit{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.ws-serit::-webkit-scrollbar{display:none}
.ws-serit>*{scroll-snap-align:start}
.ws-yapisik-sepet{position:fixed;left:0;right:0;bottom:0;z-index:880;background:#fff;border-top:1px solid var(--ws-cizgi);box-shadow:0 -6px 24px rgba(0,0,0,.08);transform:translateY(105%);transition:transform .28s ease}
.ws-yapisik-sepet.acik{transform:none}
.ws-yapisik-sepet__ic{display:flex;align-items:center;gap:16px;min-height:70px}
.ws-yapisik-sepet img{width:48px;height:48px;object-fit:cover;border-radius:4px;background:var(--ws-zemin)}
.ws-yapisik-sepet b{flex:1;min-width:0;font:600 15px/1.3 var(--font-baslik);color:var(--ws-koyu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-yapisik-sepet span{font:600 17px/1 var(--font-baslik);color:var(--ws-vurgu);white-space:nowrap}
.ws-lightbox{position:fixed;inset:0;z-index:2300;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9)}
.ws-lightbox[hidden]{display:none}
.ws-lightbox img{max-width:92vw;max-height:90vh;object-fit:contain}
.ws-lightbox button{position:absolute;border:0;background:none;color:#fff;font-size:38px;line-height:1;cursor:pointer;padding:14px}
.ws-lightbox__kapat{top:8px;right:12px}.ws-lightbox__sol{left:10px;top:50%;transform:translateY(-50%)}.ws-lightbox__sag{right:10px;top:50%;transform:translateY(-50%)}

/* ---------- Duyarlı ---------- */
@media (max-width:1100px){
    .ws-izgara{grid-template-columns:repeat(3,1fr)}
    .ws-liste .kart-izgara.ws-izgara--4{grid-template-columns:repeat(3,1fr)}
    .ws-serit{grid-auto-columns:calc((100% - 40px)/3)}
    .ws-arac__uye span{display:none}
    .ws-alt__grid{grid-template-columns:1fr 1fr;gap:34px}
    .ws-guven__ic{grid-template-columns:repeat(2,1fr)}
    .ws-guven__oge:nth-child(2){border-right:0}
    .ws-guven__oge:nth-child(-n+2){border-bottom:1px solid var(--ws-cizgi)}
}
@media (max-width:960px){
    .ws-ust__sag>a,.ws-ust__sosyal{display:none}
    .ws-ust__ic{justify-content:center}
    .ws-nav{display:none}
    .ws-mobil-btn{display:block;order:1;margin-left:-8px}
    .ws-bas__ic{flex-wrap:wrap;gap:8px 12px;min-height:0;padding-top:10px;padding-bottom:12px}
    .ws-bas.yapisik .ws-bas__ic{min-height:0}
    .ws-logo{order:2;flex:1;justify-content:center;max-width:none}
    .ws-logo img{max-height:40px}
    .ws-arac{order:3;gap:16px}
    .ws-arac__uye,.ws-arac__tutar,.ws-arac .us-arac{display:none}
    .ws-ara{order:4;flex:0 0 100%;height:42px}
    .ws .ws-ara__kat{display:none}
    .ws-hero__ic{grid-template-columns:minmax(0,1fr);padding:0}
    .ws-hero__kat{display:none}
    .ws-slider{min-height:340px}
    .ws-mozaik{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}
    .ws-mozaik--n3{grid-template-columns:repeat(2,1fr)}
    .ws-mozaik--n3 .ws-mozaik__oge:first-child{grid-column:span 2}
    .ws-blog{grid-template-columns:repeat(2,1fr)}
    .ws-ud{grid-template-columns:minmax(0,1fr);gap:26px;padding-top:20px}
    .ws-ud__galeri{position:static}
    .ws-liste .uy-icerik .kart-izgara,.ws-liste .kart-izgara.ws-izgara--4{grid-template-columns:repeat(2,1fr);gap:22px 14px}
    .ws-altbar{position:fixed;left:0;right:0;bottom:0;z-index:890;display:flex;background:#fff;border-top:1px solid var(--ws-cizgi);box-shadow:0 -4px 18px rgba(0,0,0,.06);padding-bottom:env(safe-area-inset-bottom)}
    .ws-altbar>*{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:6px 2px;border:0;background:none;font:700 10.5px/1 var(--font-govde);color:var(--ws-koyu)!important;cursor:pointer}
    .ws-altbar i{font-size:18px}
    .ws-altbar .aktif{color:var(--ws-vurgu)!important}
    .ws-altbar .ws-arac__ikon{font-size:18px}
    body.ws{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
    .ws .whatsapp-btn{bottom:74px;right:14px}
    .ws-yapisik-sepet{bottom:calc(56px + env(safe-area-inset-bottom))}
    .ws-urun__eylem{opacity:1;transform:none}
    .ws-urun__ekle{display:none}
    .ws-hizli{grid-template-columns:1fr}
    .ws-hizli__gorsel img{max-height:300px}
    .ws-hizli__bilgi{padding:22px 20px}
}
@media (max-width:640px){
    .ws-ud__meta{flex-direction:column;align-items:flex-start;gap:6px}
    .ws-izgara{grid-template-columns:repeat(2,1fr);gap:20px 12px}
    .ws-serit{grid-auto-columns:calc((100% - 12px)/2);gap:12px}
    .ws-bolum{padding-top:44px}
    .ws-bolum-bas h2{font-size:21px}
    .ws-slayt{padding:30px 22px 46px}
    .ws-blog{grid-template-columns:1fr}
    .ws-alt__grid{grid-template-columns:1fr;gap:26px;padding-top:38px}
    .ws-guven__oge{padding:16px 10px;gap:10px}
    .ws-guven__oge i{font-size:21px}
    .ws-guven__oge span{display:none}
    .ws-ud__galeri{grid-template-columns:minmax(0,1fr)}
    .ws-ud__kucukler{order:2;flex-direction:row;max-height:none}
    .ws-ud__kucuk{width:64px}
    .ws-urun__ad{font-size:13.5px}
    .ws-yapisik-sepet img,.ws-yapisik-sepet b{display:none}
    .ws-yapisik-sepet__ic{justify-content:space-between}
    .ws-marka__oge{flex-basis:33.33%;min-width:0;height:84px}
}

/* ---------- Alışveriş adımları bandı (sepet → ödeme → tamamlandı) ---------- */
/* Alışveriş adımları: sade, açık gri bant */
.ws-akis{padding:20px 0;background:var(--ws-zemin);border-bottom:1px solid var(--ws-cizgi);color:var(--ws-koyu)}
.ws-akis__adimlar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none}
.ws-akis__adimlar li{display:flex;align-items:center;gap:16px;font:600 14px/1.2 var(--font-baslik);text-transform:uppercase;letter-spacing:.05em;color:var(--ws-soluk)}
.ws-akis__adimlar li+li::before{content:"";width:36px;height:1px;background:#cfcfcf}
.ws-akis__adimlar h1,.ws-akis__adimlar a,.ws-akis__adimlar span{display:inline-flex;align-items:center;gap:9px;margin:0;font:inherit;color:inherit}
.ws-akis__adimlar li.aktif{color:var(--ws-koyu)}
.ws-akis__adimlar li.tamam,.ws-akis__adimlar li.tamam a{color:var(--ws-metin)}
.ws-akis__adimlar a:hover{color:var(--ws-vurgu)}
.ws-akis__adimlar .ws-akis__no{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:0;width:26px;height:26px;padding:0;border:1px solid currentColor;border-radius:50%;font-size:12px;line-height:1;letter-spacing:0;text-align:center;box-sizing:border-box}
.ws-akis__adimlar li.aktif .ws-akis__no{background:var(--ws-koyu);border-color:var(--ws-koyu);color:#fff}
.ws-akis__adimlar li.tamam .ws-akis__no{background:var(--ws-vurgu);border-color:var(--ws-vurgu);color:#fff;font-size:11px}
.ws-akis-sayfa>.ic-hero{display:none} /* varsayılan şablonun başlık bandı: adım bandı onun yerini alır */
@media (max-width:640px){.ws-akis{padding:14px 0}.ws-akis__adimlar li:not(.aktif){display:none}.ws-akis__adimlar li::before{display:none}}