/* Truva slider bileşeni — tüm temalarda ortak. Renk ve köşe tema değişkenlerinden gelir. */
html{overflow-x:clip}
.sl{position:relative;--sr:var(--radius,10px);margin-bottom:var(--sl-gap,22px);-webkit-tap-highlight-color:transparent}
.sl-full{width:100vw;margin-left:calc(50% - 50vw);--sr:0px}
.sl-vp{overflow:hidden;border-radius:var(--sr);position:relative}
.sl-track{display:flex;transition:transform .55s cubic-bezier(.22,.8,.3,1);will-change:transform}
.sl-slide{flex:0 0 calc(100% / var(--pv,1));min-width:0;position:relative;height:var(--h,380px);overflow:hidden;color:var(--c,#fff);background:linear-gradient(120deg,var(--b1,#f27a1a),var(--b2,#e11d48))}
.sl-slide .sl-media,.sl-slide .sl-media picture{position:absolute;inset:0;display:block}
.sl-slide .sl-media img{width:100%;height:100%;object-fit:cover;display:block}
.sl-slide:not(.noimg)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,var(--ov,.25)),rgba(0,0,0,0) 70%);pointer-events:none}
.sl-link{position:absolute;inset:0;z-index:2}
.sl-body{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 clamp(18px,5vw,64px);max-width:640px;pointer-events:none}
.sl-body.al-center{margin:0 auto;align-items:center;text-align:center}.sl-body.al-right{margin-left:auto;align-items:flex-end;text-align:right}
.sl-body h3{margin:0;font-size:clamp(22px,3.6vw,46px);line-height:1.1;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.18)}
.sl-body p{margin:0;font-size:clamp(14px,1.6vw,19px);opacity:.95;max-width:46ch}
.sl-badge{align-self:inherit;background:#fff;color:var(--b1,#f27a1a);font-weight:800;font-size:12px;padding:4px 11px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;width:max-content}
.sl-btn{pointer-events:auto;position:relative;z-index:4;background:#fff;color:#111;padding:11px 24px;border-radius:calc(var(--sr) + 4px);font-weight:700;width:max-content;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .15s}
.sl-btn:hover{transform:translateY(-2px);color:#111}
.sl-cd{display:flex;gap:8px;margin:2px 0}.sl-cd span{background:rgba(0,0,0,.35);backdrop-filter:blur(4px);border-radius:10px;padding:6px 10px;min-width:54px;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.sl-cd b{display:block;font-size:22px;line-height:1.1;letter-spacing:0}
/* oklar / noktalar */
.sl-prev,.sl-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#111;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2);opacity:0;transition:opacity .2s}
.sl:hover .sl-prev,.sl:hover .sl-next,.sl:focus-within .sl-prev,.sl:focus-within .sl-next{opacity:1}
.sl-prev{left:12px}.sl-next{right:12px}.sl-prev[disabled],.sl-next[disabled]{opacity:0!important;pointer-events:none}
.sl-nav{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:7px;justify-content:center;z-index:5;pointer-events:none}.sl-nav button{pointer-events:auto;border:0;cursor:pointer;padding:0;background:rgba(255,255,255,.6);transition:.25s}
[data-dots=dots] .sl-nav button{width:9px;height:9px;border-radius:50%}[data-dots=dots] .sl-nav button.on{background:#fff;width:24px;border-radius:6px}
[data-dots=lines] .sl-nav button{width:34px;height:4px;border-radius:2px;position:relative;overflow:hidden}[data-dots=lines] .sl-nav button.on{background:#fff}
[data-dots=numbers] .sl-nav button{width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:700;color:#111}[data-dots=numbers] .sl-nav button.on{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}
[data-dots=none] .sl-nav{display:none}
/* efekt: solma */
.sl[data-fx=fade] .sl-track{display:grid;transform:none!important}.sl[data-fx=fade] .sl-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s;flex:none}.sl[data-fx=fade] .sl-slide.on{opacity:1;visibility:visible}
.sl-fade .sl-slide.on .sl-media img{animation:slKen 9s ease-out both}@keyframes slKen{from{transform:scale(1)}to{transform:scale(1.08)}}
/* ortalı (komşu slaytlar görünür) */
.sl-center .sl-vp{overflow:visible}.sl-center{overflow:hidden;padding:0}.sl-center .sl-slide{flex-basis:78%;margin:0 1%;border-radius:var(--sr);opacity:.45;transform:scale(.94);transition:opacity .4s,transform .4s}.sl-center .sl-slide.on{opacity:1;transform:none}
.sl-center .sl-track{padding-left:11%}
/* kartlı çoklu */
.sl-cards .sl-slide{height:var(--h,240px);border-radius:var(--sr);flex-basis:calc(100% / var(--pv,3) - 12px);margin-right:12px}
.sl-cards .sl-track{margin-right:-12px}
/* ürün karuseli */
.sl-products .sl-vp{overflow:hidden;padding:2px}.sl-prod{height:auto;overflow:visible;background:none;flex-basis:calc(100% / var(--pv,5))!important;padding:0 6px}.sl-products .sl-track{margin:0 -6px}.sl-prod .pc{height:100%}
.sl-products .sl-prev,.sl-products .sl-next{opacity:1}
/* sekmeli */
.sl-tabs .sl-tabbar{display:flex;gap:0;margin-top:-1px;border-radius:0 0 var(--sr) var(--sr);overflow:hidden;background:#fff;border:1px solid var(--line,#e5e7eb)}
.sl-tabs .sl-tabbar button{flex:1;border:0;background:#fff;padding:13px 10px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;color:var(--muted,#6b7280);border-right:1px solid var(--line,#e5e7eb);border-bottom:3px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-tabs .sl-tabbar button:last-child{border-right:0}.sl-tabs .sl-tabbar button.on{color:var(--primary,#f27a1a);border-bottom-color:var(--primary,#f27a1a);background:#fffaf5}
.sl-tabs .sl-vp{border-radius:var(--sr) var(--sr) 0 0}.sl-tabs .sl-nav{bottom:62px}
/* bölünmüş */
.sl-slide.split{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(120deg,var(--b1),var(--b2))}
.sl-slide.split .sl-media{position:relative;inset:auto;grid-column:2;grid-row:1}.sl-slide.split .sl-media img{object-fit:contain;padding:18px}.sl-slide.split::after{display:none}
.sl-slide.split .sl-body{position:relative;inset:auto;grid-column:1;grid-row:1;max-width:none;padding:0 clamp(18px,4vw,56px)}
.sl-slide.split.noimg{grid-template-columns:1fr}
/* yan bannerlı vitrin */
.sl-hs{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin-bottom:var(--sl-gap,22px)}.sl-hs.one{grid-template-columns:1fr}.sl-hs .sl{margin:0}
.sl-sides{display:grid;gap:14px;grid-template-rows:1fr 1fr}.sl-side{margin:0;border-radius:var(--sr);overflow:hidden}.sl-side .sl-slide{height:100%;min-height:calc(var(--h,380px)/2 - 7px);flex:none}
.sl-side .sl-body h3{font-size:clamp(16px,1.8vw,24px)}.sl-side .sl-body p{display:none}.sl-side .sl-btn{padding:7px 16px;font-size:13px}
/* hikâye çemberleri */
.sl-stories{margin-bottom:var(--sl-gap,22px)}.sl-st{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 10px;scroll-snap-type:x proximity;scrollbar-width:none}.sl-st::-webkit-scrollbar{display:none}
.sl-story{flex:0 0 auto;width:84px;text-align:center;scroll-snap-align:start;color:inherit}.sl-story .ring{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;padding:3px;margin:0 auto 6px;transition:transform .2s}.sl-story:hover .ring{transform:scale(1.07)}
.sl-story .in{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#fff;overflow:hidden;border:3px solid #fff}.sl-story .in img{width:100%;height:100%;object-fit:cover}.sl-story .in b{font-size:24px;color:var(--primary,#f27a1a)}
.sl-story .nm{display:block;font-size:12px;font-weight:600;line-height:1.25;max-height:30px;overflow:hidden}
/* duyuru şeridi */
.sl-marquee{overflow:hidden;white-space:nowrap;padding:9px 0;border-radius:var(--sr);font-size:13px;font-weight:600}.sl-marquee.sl-full{border-radius:0}
.sl-mq{display:inline-flex;animation:slMq linear infinite}.sl-marquee:hover .sl-mq{animation-play-state:paused}.sl-mi{padding:0 36px;position:relative}.sl-mi::after{content:"•";position:absolute;right:-3px;opacity:.6}.sl-mi a{color:inherit}.sl-mi a:hover{text-decoration:underline;color:inherit}
@keyframes slMq{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@media(max-width:900px){.sl-hs{grid-template-columns:1fr}.sl-sides{grid-template-columns:1fr 1fr;grid-template-rows:none}.sl-side .sl-slide{min-height:120px}}
@media(max-width:640px){.sl-slide{height:var(--mh,200px)}.sl-slide.split{grid-template-columns:1fr}.sl-slide.split .sl-media{display:none}.sl-center .sl-slide{flex-basis:90%}.sl-center .sl-track{padding-left:5%}.sl-prev,.sl-next{display:none}.sl-body h3{font-size:20px}.sl-body p{display:none}.sl-btn{padding:8px 16px;font-size:13px}.sl-cards .sl-slide{height:var(--mh,160px)}.sl-prod{height:auto}.sl-cd span{min-width:44px;padding:4px 6px}.sl-cd b{font-size:17px}.sl-tabs .sl-tabbar button{font-size:11px;padding:10px 4px}}
@media(prefers-reduced-motion:reduce){.sl-track,.sl-slide{transition:none!important}.sl-mq{animation:none}}