/* Aracı bayi mağazası · yeni tasarım (Anteplim üst kısmı + vitrin bölümleri) */
:root{--red:#531f29;--red2:#3d141c;--cream:#f8f5ee;--paper:#f2ece1;--line:#e4dcd1;--ink:#30221f;--mut:#84736c;
 --wine:#531f29;--koyu:#1E1512;--altin:#F3C66B;--ease:cubic-bezier(.23,1,.32,1)}
body{background:var(--cream);color:var(--ink)}
.kilim{display:none}

/* ---------- duyuru + başlık ---------- */
.y-duyuru{background:var(--wine);color:#f2dfcd;display:flex;justify-content:center;gap:50px;font:500 11px 'DM Sans',sans-serif;letter-spacing:2.6px;padding:12px 20px}
.y-duyuru span{letter-spacing:.4px;opacity:.85}
.y-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 5%;
 background:color-mix(in srgb,var(--cream) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);font-family:'DM Sans',sans-serif}
.y-marka{display:flex;align-items:center;gap:14px;min-width:0}
.y-marka img{width:62px;height:62px;object-fit:contain;mix-blend-mode:multiply;flex:none}
.y-lg0{width:54px;height:54px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;font:600 26px 'Playfair Display',serif;flex:none}
.y-marka>span{font:600 30px/1 'Playfair Display',Georgia,serif;color:var(--wine);letter-spacing:1px}
.y-marka small{display:block;font:500 9.5px 'DM Sans',sans-serif;letter-spacing:2.4px;margin-top:8px;color:var(--wine)}
.y-menu{display:flex;gap:28px;font-size:16px;color:var(--ink)}
.y-menu a{position:relative;padding:8px 0;white-space:nowrap}
.y-menu a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1.5px;background:var(--wine);transition:right .4s var(--ease)}
.y-menu a:hover::after,.y-menu a.on::after{right:0}
.y-sag{display:flex;align-items:center;gap:10px}
.y-hesap{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--wine);font:500 14.5px 'DM Sans',sans-serif;white-space:nowrap}.y-hesap i{font-size:20px}
.uyew{max-width:620px}.uye-alt{margin-top:14px;display:flex;flex-direction:column;gap:6px}.uye-alt span{color:var(--mut)}.uye-alt .bs{align-self:flex-start;margin-top:6px}
.y-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--wine);border:1px solid var(--line);background:#fff}
.y-sepetim{color:#fff;background:var(--wine);padding:14px 22px;display:flex;align-items:center;gap:18px;border-radius:3px;font:500 16px 'DM Sans',sans-serif}
.y-sepetim b{background:#ffffff26;border-radius:99px;min-width:28px;height:28px;padding:0 6px;display:grid;place-items:center;font-size:14px}
.y-sepetim em{font-style:normal}.y-sep-ic{display:none}
.y-sepetim span{font-size:20px;transition:transform .4s var(--ease)}
.y-sepetim:hover span{transform:translateX(4px)}
.y-sepetim.zipla b{animation:y-zip .6s var(--ease)}
@keyframes y-zip{30%{transform:scale(1.5);background:var(--altin);color:var(--ink)}}

/* ---------- üstten düşen sepet kutusu ---------- */
.y-dusen{position:absolute;right:5%;top:calc(100% + 10px);width:440px;max-width:calc(100vw - 20px);background:#fff;border-radius:6px;font-family:'DM Sans',sans-serif;
 box-shadow:0 30px 70px -20px #30221f66,0 0 0 1px #e9e1d6;overflow:hidden;transform:translateY(-30px);opacity:0;visibility:hidden;
 transition:transform .55s var(--ease),opacity .35s,visibility 0s .55s}
.y-dusen.acik{transform:none;opacity:1;visibility:visible;transition:transform .55s var(--ease),opacity .35s}
.d-ust{display:grid;grid-template-columns:96px 1fr auto;gap:16px;padding:20px 22px;align-items:start}
.d-ust img{width:96px;height:78px;object-fit:contain;background:#f6efe4;border-radius:10px;padding:6px;mix-blend-mode:multiply}
.d-ust b{display:block;font:600 17px/1.25 'Playfair Display',serif;color:var(--ink)}
.d-ust small{display:block;color:var(--mut);font-size:13px;margin-top:6px}
.d-sag{text-align:right;white-space:nowrap}.d-sag b{font:600 16px 'DM Sans',sans-serif}
.d-top{display:flex;justify-content:space-between;gap:10px;padding:14px 22px;border-top:1px solid #eee6da;font-size:14px;color:#5b4d47}
.d-top b{color:var(--ink);margin-left:6px}
.d-btn{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 22px 22px}
.d-btn button,.d-btn a{border:1.5px solid var(--wine);background:#fff;color:var(--wine);padding:14px 8px;border-radius:3px;font:600 14px 'DM Sans',sans-serif;cursor:pointer;text-align:center}
.d-btn .koyu{background:var(--wine);color:#fff}
.d-sure{display:block;height:3px;background:var(--wine);transform-origin:left;transform:scaleX(0)}
.y-dusen.acik .d-sure{animation:y-sure 5s linear forwards}
@keyframes y-sure{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* ---------- ana görsel ---------- */
.y-sofra{position:relative;height:min(82vh,760px);min-height:560px;overflow:hidden;background:#301318;color:#f9eee0;font-family:'DM Sans',sans-serif}
.y-sofra-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;animation:y-kenb 22s ease-in-out infinite alternate,y-acil 1.6s var(--ease) both}
@keyframes y-kenb{to{transform:scale(1.07) translateX(-1.5%)}}
@keyframes y-acil{from{opacity:0;filter:blur(8px)}}
.y-sofra-golge{position:absolute;inset:0;background:linear-gradient(90deg,#2e1017f0 0%,#2e1017b0 30%,#2e101740 52%,transparent 68%)}
.y-sofra-yazi{position:relative;padding:110px 6%;max-width:720px}
.y-sofra-yazi>*{animation:y-gir 1s var(--ease) both}
.y-sofra-yazi>:nth-child(2){animation-delay:.12s}.y-sofra-yazi>:nth-child(3){animation-delay:.24s}.y-sofra-yazi>:nth-child(4){animation-delay:.36s}.y-sofra-yazi>:nth-child(5){animation-delay:.48s}
@keyframes y-gir{from{opacity:0;transform:translateY(24px)}}
.y-kas{font-size:12px;letter-spacing:3px;font-weight:600;color:#e2c2a8}
.y-sofra h1{font:500 clamp(48px,5vw,76px)/1.02 'Playfair Display',Georgia,serif;letter-spacing:-1.5px;margin:26px 0;color:#fff}
.y-sofra h1 em{color:#ead2b4}
.y-sofra-yazi p{font-size:19px;line-height:1.75;color:#ecdccf;margin:0}
.y-acik-btn{display:inline-flex;align-items:center;gap:36px;margin-top:36px;background:var(--cream);color:var(--wine);padding:18px 26px;border-radius:2px;font-size:17px;font-weight:500;transition:gap .4s var(--ease),background .3s}
.y-acik-btn span{font-size:22px;transition:transform .4s var(--ease)}
.y-acik-btn:hover{gap:50px;background:#fff}.y-acik-btn:hover span{transform:translateX(4px)}
.y-imza{display:flex;gap:14px;align-items:center;font-size:13px;color:#cfb7a7;margin-top:44px}
.y-imza i{width:44px;height:1px;background:#b79985}
.y-sofra-no{position:absolute;right:4%;bottom:26px;font-size:11px;letter-spacing:2.4px;color:#ead8c0}
.y-artilar{display:flex;justify-content:center;padding:30px 5%;background:var(--paper);border-bottom:1px solid var(--line);font-family:'DM Sans',sans-serif}
.y-artilar>span{display:grid;grid-template-columns:34px auto;column-gap:12px;padding:0 6%;border-right:1px solid #d9cdbe;align-items:center}
.y-artilar>span:last-child{border:0}
.y-artilar em{font-style:normal;color:var(--wine);font-size:26px;grid-row:span 2}
.y-artilar b{font-size:18px;font-weight:500;color:var(--ink)}
.y-artilar small{font-size:14px;color:var(--mut)}

/* ---------- akan şerit ---------- */
.y-serit{background:var(--koyu);color:var(--cream);overflow:hidden;white-space:nowrap;padding:20px 0;font:italic 400 34px Fraunces,serif}
.y-serit div{display:inline-block;animation:y-akis 40s linear infinite}
.y-serit span{margin:0 26px}.y-serit i{color:var(--altin);font-style:normal;font-size:22px;vertical-align:middle}
@keyframes y-akis{to{transform:translateX(-50%)}}

/* ---------- ortak bölüm başlığı ---------- */
.y-blok{padding:110px 56px;max-width:1500px;margin:0 auto}
.y-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px}
.y-bas h2{font:400 clamp(40px,4.4vw,68px)/1 Fraunces,serif;letter-spacing:-.03em;margin:10px 0 0;color:var(--koyu)}
.y-bas h2 em{font-weight:600;color:#7A1631}
.y-bas p{max-width:380px;color:#6b6157;margin:0;font-size:16px}
.y-ust{display:inline-flex;gap:10px;align-items:center;font:600 12.5px Inter,'DM Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#7A1631}
.y-ust::before{content:"";width:34px;height:1.5px;background:currentColor}

/* ---------- kategoriler ---------- */
.y-kat{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:290px 290px;gap:20px}
.y-kt{position:relative;border-radius:30px;overflow:hidden;padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:var(--c);transition:background .6s}
.y-kt:first-child{grid-row:span 2}
.y-r1{--c:#5B0F2A;--c2:#7A1631}.y-r2{--c:#4C5E22;--c2:#5E7428}.y-r3{--c:#2B1A14;--c2:#46291C}.y-r4{--c:#7A4A1F;--c2:#93592A}.y-r5{--c:#3B2A1A;--c2:#55391F}
.y-kt h3{font:500 32px/1.05 Fraunces,serif;margin:0;letter-spacing:-.02em;position:relative;z-index:2;max-width:70%}
.y-kt h3 small{display:block;font:500 13px Inter,'DM Sans',sans-serif;letter-spacing:.06em;opacity:.75;margin-top:8px}
.y-tabak{position:absolute;right:-8%;bottom:-14%;width:66%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 30px 50px -20px #0009;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.y-tabak img{width:74%;height:74%;object-fit:contain;mix-blend-mode:multiply}
.y-kt:first-child .y-tabak{width:72%;right:-6%;bottom:-8%}
.y-kt:hover{background:var(--c2)}
.y-kt:hover .y-tabak{transform:translate(-6%,-8%) rotate(-6deg) scale(1.05)}
.y-ok{position:relative;z-index:2;width:50px;height:50px;border-radius:50%;background:#ffffff26;border:1px solid #ffffff44;display:grid;place-items:center;font-size:22px;transition:.4s}
.y-kt:hover .y-ok{background:#fff;color:var(--ink);transform:translateX(6px)}

/* ---------- ürün kartları ---------- */
.y-urunler{background:#fff;border-radius:48px 48px 0 0}
.y-filtre{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.y-filtre a{padding:10px 20px;border-radius:99px;border:1.5px solid #E6DDD0;font-weight:600;font-size:14.5px;background:#fff}
.y-filtre a.on,.y-filtre a:hover{background:var(--koyu);color:#fff;border-color:var(--koyu)}
.y-grid,.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.y-k{position:relative;font-family:Inter,'DM Sans',sans-serif}
.y-k:nth-child(5n+1){--c:#E9CFD6}.y-k:nth-child(5n+2){--c:#DCE3C4}.y-k:nth-child(5n+3){--c:#EAD6C0}.y-k:nth-child(5n+4){--c:#E2D6CF}.y-k:nth-child(5n){--c:#F0D9C4}
.y-gor{position:relative;aspect-ratio:1/1.05;border-radius:28px;background:#F6EFE4;overflow:hidden;display:grid;place-items:center;transition:background .7s ease}
.y-gor::before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#fff;opacity:.55;transition:.7s;transform:scale(.6)}
.y-gor img{position:relative;width:80%;height:72%;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.y-yok{position:relative;font:italic 600 64px Fraunces,serif;color:#c9b9a6}
.y-k:hover .y-gor{background:var(--c)}
.y-k:hover .y-gor::before{transform:scale(1.15);opacity:.35}
.y-k:hover .y-gor img{transform:scale(1.08) rotate(-3deg) translateY(-6px)}
.y-rozet{position:absolute;left:16px;top:16px;z-index:2;background:#7A1631;color:#fff;border-radius:99px;padding:5px 12px;font:700 11.5px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.y-rozet.y-stok{background:#fff;color:#2E6B2A}.y-rozet.y-sip{background:#fff;color:var(--mut)}
.y-gw{position:relative}
.y-gw form{position:absolute;right:14px;bottom:14px;margin:0;z-index:3}
.y-ekle{height:48px;border:0;cursor:pointer;border-radius:99px;background:var(--koyu);color:#fff;display:flex;align-items:center;padding:0 15px;font:700 14px Inter,sans-serif;overflow:hidden;max-width:48px;transition:max-width .5s,background .5s,color .5s;white-space:nowrap}
.y-ekle b{font-size:22px;font-weight:400;line-height:1}
.y-ekle span{margin-left:10px;opacity:0;transition:.4s}
.y-k:hover .y-ekle,.y-ekle:focus-visible{max-width:200px;background:#fff;color:var(--ink);box-shadow:0 8px 24px -10px #0005}
.y-k:hover .y-ekle span,.y-ekle:focus-visible span{opacity:1}
.y-k h4{font:500 20px/1.25 Fraunces,serif;margin:18px 4px 6px;letter-spacing:-.01em;color:var(--koyu)}
.y-alt{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 4px;color:#6b6157;font-size:14px}
.y-alt b{font:700 19px Fraunces,serif;color:var(--koyu);white-space:nowrap}
.y-hepsi{text-align:center;margin-top:46px}
.y-hepsi a{display:inline-flex;gap:18px;align-items:center;border:1.5px solid var(--koyu);padding:15px 28px;border-radius:99px;font-weight:600}
.y-hepsi a:hover{background:var(--koyu);color:#fff}

/* ---------- hikâye ---------- */
.y-hikaye{background:var(--koyu);color:var(--cream)}
.y-hikaye .y-blok{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.y-hikaye .y-ust{color:var(--altin)}
.y-hikaye h2{font:400 clamp(40px,4.2vw,64px)/1.02 Fraunces,serif;letter-spacing:-.03em;margin:14px 0 22px}
.y-hikaye h2 em{color:var(--altin)}
.y-hikaye p{opacity:.75;font-size:18px;max-width:520px;white-space:pre-line}
.y-say{display:flex;gap:46px;margin-top:38px}
.y-say b{display:block;font:italic 600 44px Fraunces,serif;color:var(--altin)}
.y-say span{opacity:.7;font-size:14px}
.y-kolaj{position:relative;height:520px}
.y-kolaj div{position:absolute;border-radius:32px;overflow:hidden;display:grid;place-items:center}
.y-kolaj .k1{left:0;top:0;width:64%;height:70%}
.y-kolaj .k1 img{width:100%;height:100%;object-fit:cover;object-position:70% center}
.y-kolaj .k2,.y-kolaj .k3{background:#fff}
.y-kolaj .k2 img,.y-kolaj .k3 img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;animation:y-yuz 7s ease-in-out infinite}
.y-kolaj .k2{right:0;top:10%;width:38%;height:38%}
.y-kolaj .k3{right:8%;bottom:0;width:50%;height:42%}.y-kolaj .k3 img{animation-delay:-3s}
@keyframes y-yuz{50%{transform:translateY(-10px) rotate(1.5deg)}}

/* ---------- kapanış ---------- */
.y-cta{text-align:center;padding:120px 30px;background:radial-gradient(80% 120% at 50% 100%,#7A1631,#3A0716);color:#fff}
.y-cta h2{font:400 clamp(44px,5vw,80px)/1 Fraunces,serif;letter-spacing:-.03em;margin:0 0 20px}
.y-cta h2 em{color:var(--altin)}
.y-cta p{opacity:.8;font-size:18px;margin:0 0 34px}
.y-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.y-b1{background:var(--altin);color:var(--koyu);padding:16px 30px;border-radius:99px;font-weight:700;box-shadow:0 14px 40px -12px var(--altin)}
.y-wa{background:#25D366;color:#fff;padding:16px 30px;border-radius:99px;font-weight:700;display:inline-flex;gap:8px;align-items:center}

/* ---------- kaydırınca belirme ---------- */
.y-goster.y-goster{opacity:0;transform:translateY(50px);transition:opacity 1s,transform 1.1s cubic-bezier(.2,.8,.2,1),background .6s}
.y-goster.y-goster.y-acildi{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.y-sofra-foto,.y-serit div,.y-kolaj img{animation:none}.y-goster.y-goster{opacity:1;transform:none}}

/* ---------- alt bilgi ---------- */
.ft{background:#140C0A;color:#cbbfb0}
.ft h5{color:#fff}.ft a{color:#cbbfb0}.ft a:hover{color:#fff}
.ft .fb{border-top:1px solid #ffffff1a;background:transparent;color:#a99c8d}

/* ---------- iç sayfalar: yeni renklere uyum ---------- */
.crumb{font-family:Inter,'DM Sans',sans-serif}
.sh h2{font-family:Fraunces,serif;font-weight:400;letter-spacing:-.02em}
.chipf.on{background:var(--koyu);border-color:var(--koyu);color:#fff}

/* ---------- tablet / telefon ---------- */
@media(max-width:1180px){
 .y-menu{gap:18px;font-size:14.5px}.y-marka>span{font-size:24px}.y-marka img{width:50px;height:50px}
 .y-grid,.grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
 .y-duyuru{font-size:8.5px;letter-spacing:1.6px;gap:0;padding:9px}.y-duyuru span{display:none}
 .y-bar{padding:10px 16px}.y-menu,.y-ic{display:none}.y-hesap{height:40px;padding:0 11px}.y-hesap span{display:none}.y-marka img{width:44px;height:44px}.y-lg0{width:42px;height:42px;font-size:20px}
 .y-marka>span{font-size:21px}.y-marka small{font-size:6.5px;letter-spacing:1.2px;margin-top:5px}
 .y-sepetim{padding:9px 11px;gap:7px;font-size:14px}.y-sepetim b{min-width:24px;height:24px}.y-st,.y-sepetim>span{display:none}.y-sep-ic{display:block;font-size:22px}
 .y-marka{min-width:0;gap:9px}.y-marka>span{font-size:19px;overflow:hidden;text-overflow:ellipsis}
 .y-dusen{left:10px;right:10px;width:auto}.d-ust{grid-template-columns:72px 1fr auto;gap:12px;padding:16px}.d-ust img{width:72px;height:60px}.d-ust b{font-size:15px}
 .d-top,.d-btn{padding-left:16px;padding-right:16px}.d-btn button,.d-btn a{padding:12px 6px;font-size:13px}
 .y-sofra{height:640px;min-height:0}.y-sofra-foto{object-position:66% center}.y-sofra-golge{background:linear-gradient(180deg,#2e1017ee 0%,#2e1017b8 48%,#2e101730 78%)}
 .y-sofra-yazi{padding:48px 22px}.y-sofra h1{font-size:46px;margin:18px 0}.y-sofra-yazi p{font-size:15.5px}.y-sofra-yazi p br{display:none}
 .y-acik-btn{margin-top:26px;font-size:15px;padding:15px 22px}.y-imza{display:none}
 .y-artilar{flex-direction:column;gap:14px;padding:22px}.y-artilar>span{border:0;padding:0}.y-artilar b{font-size:16px}
 .y-serit{font-size:24px;padding:14px 0}
 .y-blok{padding:64px 18px}.y-bas{flex-direction:column;align-items:flex-start;margin-bottom:28px}.y-filtre{justify-content:flex-start}
 .y-kat{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.y-kt{min-height:190px;border-radius:22px;padding:18px}
 .y-kt:first-child{grid-column:span 2;grid-row:auto;min-height:250px}.y-kt h3{font-size:22px}.y-ok{width:42px;height:42px}
 .y-tabak{width:72%;right:-18%;bottom:-18%}.y-kt:first-child .y-tabak{width:52%;right:-4%;bottom:-10%}
 .y-urunler{border-radius:28px 28px 0 0}
 .y-grid,.grid{grid-template-columns:1fr 1fr;gap:14px}.y-k h4{font-size:16px;margin-top:12px}.y-gor{border-radius:20px}
 .y-alt{flex-direction:column;gap:2px}.y-alt span{font-size:12.5px}.y-alt b{font-size:17px}
 .y-ekle{height:40px;max-width:40px;padding:0 11px}.y-gw form{right:10px;bottom:10px}.y-rozet{left:10px;top:10px;font-size:10px;padding:4px 9px}
 .y-hikaye .y-blok{grid-template-columns:1fr;gap:30px}.y-kolaj{height:340px}.y-say{gap:22px;flex-wrap:wrap}.y-say b{font-size:30px}
 .y-cta{padding:80px 22px}
}

/* V235: Tüm ürünler — kategori düğmeleri geride kalınca sayfayla inen ince kategori çubuğu */
.kc{position:fixed;left:0;right:0;top:0;z-index:45;background:var(--wine);color:#fff;box-shadow:0 10px 22px -14px #0008;font-family:'DM Sans',sans-serif;
 transform:translateY(-12px);opacity:0;visibility:hidden;transition:transform .3s var(--ease),opacity .25s,visibility 0s .3s}
.kc.acik{transform:none;opacity:1;visibility:visible;transition:transform .3s var(--ease),opacity .25s}
.kc-ic{position:relative;display:flex;align-items:center;gap:16px;height:50px;padding:0 5%;max-width:none}
.kc-degis{display:flex;align-items:center;gap:10px;background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;padding:7px 14px;font:600 14px 'DM Sans',sans-serif;color:#fff;cursor:pointer;white-space:nowrap}
.kc-degis:hover{background:#ffffff33}.kc-degis i{font-style:normal;font-size:11px;opacity:.85}
.kc-su{font-size:13.5px;color:#ead2c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kc-su b{color:#fff;font-size:15px}.kc-su small{font-size:12.5px;color:#ead2c4}
.kc-ara{margin-left:auto}.kc-ara input{border:0;border-radius:8px;padding:8px 14px;width:240px;font:400 13.5px 'DM Sans',sans-serif;color:var(--ink)}
.kc-menu{position:absolute;left:5%;top:50px;width:320px;max-height:min(70vh,560px);overflow:auto;background:#fff;color:var(--ink);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;box-shadow:0 26px 50px -18px #0006;padding:8px}
.kc-menu[hidden]{display:none}
.kc-menu b{display:block;font:700 10.5px Inter,sans-serif;letter-spacing:.14em;color:var(--mut);padding:8px 12px 4px}
.kc-menu a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:9px;font-size:14.5px}.kc-menu a small{color:var(--mut)}
.kc-menu a:hover{background:#f8f2ea}.kc-menu a.on{background:#f6eff0;color:var(--wine);font-weight:700}.kc-menu a.on::before{content:"✓ ";margin-right:4px}
.kc-menu a.on{justify-content:flex-start}.kc-menu a.on small{margin-left:auto}
@media(max-width:900px){.kc-ic{padding:0 12px;gap:10px}.kc-ara{display:none}.kc-menu{left:12px;right:12px;width:auto}.kc-su small{display:none}}