/* Katalog Kırmızı — duyuru bandı, merkezde menü, iri marka başlığı + amblem, duyuru slider'ı, "neden" kartları, SSS, ürün ızgarası (kare kapaklı) */
:root{--radius:18px;--radius-sm:12px;--head-h:74px;--sh1:0 1px 2px rgba(27,29,41,.05),0 14px 32px -22px rgba(27,29,41,.28);--sh2:0 2px 4px rgba(27,29,41,.06),0 34px 60px -28px rgba(225,29,46,.38)}
html[data-mode=dark]{--bg:#0e0f17;--card:#171926;--ink:#f1f2f8;--muted:#9a9db3;--line:#272a3d;--sh1:0 0 0 1px #272a3d;--sh2:0 30px 60px -28px rgba(225,29,46,.45)}
body{background:var(--bg);font-feature-settings:"ss01"}h1,h2,h3{font-weight:800;letter-spacing:-.04em}
.announce{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 75%,#000),var(--primary));color:#fff;font-weight:600;font-size:13.5px}.announce .ann-badge{display:inline-flex;gap:6px;align-items:center;background:rgba(0,0,0,.28);border-radius:7px;padding:3px 10px;font-size:11px;letter-spacing:.08em}.announce a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.site-head{background:color-mix(in srgb,var(--card) 88%,transparent);border-bottom:1px solid var(--line)}.head-in{gap:28px}
.brand{gap:12px}.kk-bm{display:block;width:44px;height:44px;flex:none;filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--primary) 38%,transparent))}.kk-wm{display:grid;line-height:1}.kk-wm b{font:900 19px var(--display);letter-spacing:-.04em;text-transform:uppercase}.kk-wm small{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:4px}
.main-nav{margin-inline:auto;gap:6px}.main-nav>a{font-weight:700;font-size:14px;padding:9px 14px;border-radius:99px;color:var(--ink)}.main-nav>a:hover{background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary);text-decoration:none}.main-nav>a.on{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}
.head-actions{gap:10px}.kk-cart{width:44px;height:44px;border-radius:50%!important;padding:0!important;justify-content:center;background:var(--primary)!important;color:#fff!important;box-shadow:0 10px 20px -8px var(--primary)}.kk-cart .cart-n{top:-4px;left:auto;right:-4px;background:var(--ink);color:var(--bg)}
.kk-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 20px;border-radius:99px;font:700 14px var(--font);border:1.5px solid transparent;cursor:pointer;transition:.25s var(--ease);white-space:nowrap;text-decoration:none}.kk-btn:hover{text-decoration:none;transform:translateY(-2px)}
.kk-btn.solid{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#000));color:#fff;box-shadow:0 12px 24px -10px var(--primary)}.kk-btn.solid:hover{box-shadow:0 16px 30px -10px var(--primary)}
.kk-btn.ghost{background:var(--card);color:var(--ink);border-color:var(--line)}.kk-btn.ghost:hover{border-color:var(--primary);color:var(--primary)}.kk-btn.lg{height:54px;padding:0 28px;font-size:15.5px}
.kk-mode{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:#f59e0b;display:grid;place-items:center;cursor:pointer}.kk-mode .m-moon{display:none}html[data-mode=dark] .kk-mode .m-sun{display:none}html[data-mode=dark] .kk-mode .m-moon{display:block;color:#a5b4fc}
@media(max-width:1000px){.kk-btn.ghost:not(.wallet-chip){display:none}.main-nav{display:none}.head-in{gap:12px}.brand{margin-right:auto}}
/* hero */
.kk-hero{position:relative;overflow:hidden;background:radial-gradient(800px 520px at 84% 40%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,var(--bg)),var(--bg));padding:clamp(40px,6vw,92px) 0}
.kk-hero-in{display:grid;gap:30px;align-items:center}@media(min-width:960px){.kk-hero-in{grid-template-columns:1.05fr .95fr}}
.kk-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 16px;border-radius:99px;background:var(--primary);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 20px -10px var(--primary)}
.kk-hero h1{font-size:clamp(52px,8vw,108px);line-height:.95;margin:22px 0 10px;letter-spacing:-.055em}.kk-sub{font-size:clamp(19px,2vw,24px);font-weight:800;letter-spacing:-.02em;color:var(--ink);margin-bottom:16px}
.kk-hero p{color:var(--muted);font-size:17px;max-width:48ch}.kk-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.kk-stats{display:flex;margin-top:34px}.kk-stats li{padding:0 26px;border-left:1.5px solid var(--line)}.kk-stats li:first-child{padding-left:0;border:0}.kk-stats b{display:block;font:900 30px/1 var(--display);letter-spacing:-.04em}.kk-stats span{display:block;margin-top:6px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kk-art{position:relative;display:grid;justify-items:center;gap:6px;min-height:300px;align-content:center}.kk-glow{position:absolute;width:min(440px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--primary) 30%,transparent),transparent);filter:blur(10px);animation:kk-bre 6s ease-in-out infinite}@keyframes kk-bre{50%{transform:scale(1.08);opacity:.8}}
.kk-art .kk-emblem{position:relative;width:min(300px,62vw);height:auto;filter:drop-shadow(0 30px 40px color-mix(in srgb,var(--primary) 35%,transparent));animation:kk-fl 7s ease-in-out infinite}@keyframes kk-fl{50%{transform:translateY(-12px)}}
.kk-art-wm{position:relative;text-align:center;margin-top:8px}.kk-art-wm b{display:block;font:900 clamp(24px,3vw,36px) var(--display);letter-spacing:-.03em}.kk-art-wm small{display:block;letter-spacing:.06em;color:var(--muted);font-size:15px}
/* announcement slider */
.kk-news{position:relative;margin-top:clamp(10px,2vw,30px)}.kk-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:28px;box-shadow:var(--sh2)}.kk-slides::-webkit-scrollbar{display:none}
.kk-slide{flex:0 0 100%;scroll-snap-align:start;min-height:clamp(340px,36vw,430px);display:grid;place-items:center;text-align:center;padding:clamp(28px,5vw,64px);background:linear-gradient(180deg,rgba(10,10,18,.55),rgba(10,10,18,.88)),var(--img) center/cover;color:#fff}
.kk-slide-in{max-width:760px;display:grid;justify-items:center;gap:14px}.kk-new{display:inline-flex;gap:6px;align-items:center;padding:6px 14px;border-radius:99px;background:var(--primary);font-size:11.5px;font-weight:800;letter-spacing:.1em}.kk-slide h3{font-size:clamp(28px,4vw,48px);line-height:1.05;color:#fff}.kk-slide p{color:#d6d8e6;font-size:16px;line-height:1.65}
.kk-nav{position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#111;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 24px -8px rgba(0,0,0,.5);z-index:3;transition:.25s}.kk-nav:hover{background:var(--primary);color:#fff}.kk-nav.prev{left:-14px}.kk-nav.prev .ic{transform:rotate(90deg)}.kk-nav.next{right:-14px}.kk-nav.next .ic{transform:rotate(-90deg)}
@media(max-width:700px){.kk-nav.prev{left:6px}.kk-nav.next{right:6px}}
.kk-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;gap:8px;justify-content:center;z-index:3}.kk-dots button{width:10px;height:10px;border-radius:99px;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:.3s}.kk-dots .on{width:30px;background:#fff}
/* generic bits */
.kk-center{text-align:center;margin-bottom:34px;display:grid;gap:10px;justify-items:center}.kk-center h2{font-size:clamp(30px,4.2vw,50px);max-width:20ch;line-height:1.05}
.kk-eye{font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--primary);text-transform:uppercase}
.kk-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.kk-why-c{padding:26px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--sh1);transition:.4s var(--ease)}.kk-why-c:hover{transform:translateY(-6px);box-shadow:var(--sh2);border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}
.kk-why-c>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--primary);color:#fff;margin-bottom:18px;box-shadow:0 12px 22px -10px var(--primary)}.kk-why-c h3{font-size:19px;margin-bottom:8px}.kk-why-c p{color:var(--muted);font-size:14.5px;line-height:1.6}
.kk-faq{display:grid;gap:30px;align-items:center}@media(min-width:900px){.kk-faq{grid-template-columns:1fr 1.25fr}}.kk-faq-art{position:relative;display:grid;place-items:center;min-height:260px}.kk-faq-art .kk-emblem{position:relative;width:min(260px,60%);height:auto;filter:drop-shadow(0 26px 34px color-mix(in srgb,var(--primary) 32%,transparent))}
.kk-faq-list details{border-radius:14px;margin-bottom:12px;background:var(--card);border:1.5px solid var(--line);transition:.25s}.kk-faq-list details[open]{border-color:var(--primary);box-shadow:0 14px 30px -20px var(--primary)}.kk-faq-list summary{font-weight:700;padding:18px 20px}.kk-faq-list details p{padding:0 20px 18px;color:var(--muted)}
.kk-ph{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:26px}.kk-ph h2{font-size:clamp(32px,4.4vw,52px);margin-top:8px}
.kk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.kk-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--sh1);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}.kk-card:hover{transform:translateY(-8px);box-shadow:var(--sh2);border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}
.kk-card.kk-top{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--sh2)}.kk-rib{display:flex;gap:8px;align-items:center;justify-content:center;padding:9px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 65%,#000));color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.14em}
.kk-img{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--line)}.kk-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.kk-card:hover .kk-img img{transform:scale(1.07)}.kk-img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(10,10,18,.3))}
.kk-tag{position:absolute;z-index:2;left:12px;top:12px;background:var(--ink);color:var(--bg);font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 11px;border-radius:99px}.kk-tag.sale{background:var(--primary);color:#fff}
.kk-body{display:grid;gap:10px;padding:16px 18px 18px;flex:1;align-content:start}.kk-body h3{font-size:17.5px;line-height:1.25;letter-spacing:-.03em;min-height:2.5em}.kk-body h3 a{color:var(--ink)}.kk-body h3 a:hover{text-decoration:none;color:var(--primary)}
.kk-price{display:flex;gap:10px;align-items:baseline}.kk-price strong{font:900 24px var(--display);letter-spacing:-.04em}.kk-price s{color:var(--muted);font-size:13.5px}
.kk-chips{display:flex;gap:6px;flex-wrap:wrap}.kk-chips span{display:inline-flex;gap:5px;align-items:center;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:99px;background:color-mix(in srgb,var(--primary) 8%,var(--card));color:var(--primary)}
.kk-buy{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:46px;border-radius:99px;border:0;background:var(--ink);color:var(--bg);font:700 14.5px var(--font);cursor:pointer;transition:.25s}.kk-buy:hover{background:var(--primary);color:#fff;box-shadow:0 12px 22px -10px var(--primary)}.kk-buy.off{background:var(--line);color:var(--muted);cursor:default}
.kk-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.kk-marq>div{display:flex;gap:14px;width:max-content;animation:s-slide 38s linear infinite}.kk-marq span{display:inline-flex;gap:9px;align-items:center;padding:14px 24px;border-radius:99px;background:var(--card);border:1px solid var(--line);font-weight:700;color:var(--muted)}.kk-marq .ic{color:var(--primary)}
.kk-count{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;padding:clamp(28px,4vw,48px);border-radius:28px;background:linear-gradient(120deg,#1b1d29,color-mix(in srgb,var(--primary) 38%,#1b1d29));color:#fff;text-align:center}.kk-count b{display:block;font:900 clamp(34px,4vw,50px)/1 var(--display);letter-spacing:-.05em}.kk-count span{color:rgba(255,255,255,.7);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.s-head h2{font-size:clamp(30px,4.2vw,50px)}.s-eye{color:var(--primary)}.s-ico{background:var(--primary);color:#fff;border-radius:14px}.s-rev{border-radius:var(--radius)}
.site-foot{background:var(--card);border-top:1px solid var(--line);color:var(--muted)}.site-foot h4,.site-foot .brand-name{color:var(--ink)}.site-foot a{color:var(--muted)}.site-foot a:hover{color:var(--primary)}
@media(max-width:700px){.head-in{flex-wrap:nowrap!important;height:var(--head-h)!important;padding-block:0!important;gap:10px}.kk-wm small{display:none}.head-actions .kk-btn.solid,.kk-mode{display:none}.kk-cart{margin-left:auto}.kk-hero h1{font-size:clamp(44px,15vw,64px)}.kk-stats li{padding:0 16px}.kk-nav{display:none}}
.kk-cart{border:0!important;outline:0}
