/* Kervanhost Gece: tüm sayfalar için ortak katman. Koyu varsayılan, kehribar vurgu, kapsül menü, ışıltılı düğmeler.
   Sıra: 1 değişkenler, 2 temel yazı, 3 düğme/form/kart (müşteri paneli dahil), 4 menü, 5 alt bilgi, 6 çerez, 7 sepet/ödeme, 8 404.
   Ana sayfaya özel sahneler gece-home.css içindedir. default.css'in --basic-* değişkenleri ezilir; panel, sepet ve ödeme bu yüzden aynı dili alır. */

/* ---------- 1. değişkenler (koyu varsayılan) ---------- */
:root{
  --kh-ink:#f7f4ee;
  --kh-text:rgba(247,244,238,.80);
  --kh-muted:rgba(247,244,238,.52);
  --kh-paper:#060606;
  --kh-panel:#0f0e0c;
  --kh-sand:#16140f;
  --kh-rule:rgba(255,255,255,.08);
  --kh-rule-strong:rgba(255,255,255,.17);
  --kh-accent:#ffa81c;
  --kh-accent-text:#ffb84a;
  --kh-accent-hover:#ffc15a;
  --kh-on-accent:#150d00;
  --kh-ember:#ff6a1a;
  --kh-night:#030303;
  --kh-night-text:rgba(247,244,238,.78);
  --kh-night-muted:rgba(247,244,238,.46);
  --kh-night-rule:rgba(255,255,255,.08);
  --kh-ok:#6fd3a0;
  --kh-warn:#ffb84a;
  --kh-glow:0 0 90px -24px rgba(255,168,28,.45);
  --kh-glass:rgba(12,11,9,.62);
  --kh-grain:.05;
  --kh-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --kh-wrap:1180px;
  --kh-ease:cubic-bezier(.22,1,.36,1);

  --basic-font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --basic-font-size-base:1rem;
  --basic-primary:var(--kh-accent);
  --basic-primary-rgb:255,168,28;
  --basic-on-primary:var(--kh-on-accent);
  --basic-secondary:var(--kh-ember);
  --basic-secondary-rgb:255,106,26;
  --basic-primary-text:var(--kh-accent-text);
  --basic-secondary-text:#ff9a5a;
  --basic-body-color:var(--kh-text);
  --basic-heading-color:var(--kh-ink);
  --basic-muted-color:var(--kh-muted);
  --basic-body-bg:var(--kh-paper);
  --basic-surface-bg:var(--kh-panel);
  --basic-border-color:var(--kh-rule);
  --basic-radius:.9rem;
  --basic-shadow-sm:none;
  --basic-shadow:0 1px 2px rgba(0,0,0,.5);
  --basic-shadow-lg:0 18px 50px -12px rgba(0,0,0,.7);
  --basic-focus-ring:0 0 0 .2rem rgba(255,168,28,.28);
  --bs-border-radius:.9rem;
  --bs-border-radius-sm:.6rem;
  --bs-border-radius-lg:1.1rem;
  --bs-border-radius-xl:1.3rem;
  --bs-border-radius-xxl:1.6rem;
}
[data-bs-theme=light]{
  --kh-ink:#101010;
  --kh-text:#34302a;
  --kh-muted:#6c665b;
  --kh-paper:#f1eee7;
  --kh-panel:#ffffff;
  --kh-sand:#e8e3d8;
  --kh-rule:rgba(0,0,0,.10);
  --kh-rule-strong:rgba(0,0,0,.22);
  --kh-accent:#ff9f0a;
  --kh-accent-text:#a24a06;
  --kh-accent-hover:#ffb23d;
  --kh-night:#14110c;
  --kh-night-text:rgba(247,244,238,.80);
  --kh-night-muted:rgba(247,244,238,.50);
  --kh-night-rule:rgba(255,255,255,.10);
  --kh-ok:#2d6a4f;
  --kh-warn:#8a5a00;
  --kh-glow:none;
  --kh-glass:rgba(255,255,255,.72);
  --kh-grain:.035;
  --basic-primary-text:#a24a06;
  --basic-secondary-text:#b8470a;
  --basic-shadow:0 1px 2px rgba(0,0,0,.08);
  --basic-shadow-lg:0 14px 40px -12px rgba(0,0,0,.25);
}

/* ---------- 2. temel yazı ---------- */
html{background:var(--kh-paper);scroll-behavior:smooth}
body{position:relative;background:var(--kh-paper);color:var(--kh-text);font-family:var(--basic-font-family);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--basic-font-family);font-weight:700;color:var(--kh-ink);letter-spacing:-.025em;line-height:1.12}
a{color:var(--kh-accent-text);text-underline-offset:.18em}
a:hover{color:var(--kh-accent-hover)}
::selection{background:rgba(255,168,28,.35);color:#fff}
:focus-visible{outline:2px solid var(--kh-accent);outline-offset:3px;border-radius:6px}
.num-tabular,.kh-num{font-variant-numeric:tabular-nums}
.kh-mono{font-family:var(--kh-mono)}
/* ince tane (grain): her sayfada çok hafif, sinematik doku */
body::after{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:var(--kh-grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ---------- 3. düğme, form, kart ---------- */
.btn{border-radius:999px;font-weight:600;letter-spacing:-.005em;box-shadow:none;transition:background-color .18s,border-color .18s,color .18s,box-shadow .25s,transform .25s var(--kh-ease)}
.btn-primary{--bs-btn-bg:var(--kh-accent);--bs-btn-border-color:transparent;--bs-btn-color:var(--kh-on-accent);--bs-btn-hover-bg:var(--kh-accent-hover);--bs-btn-hover-border-color:transparent;--bs-btn-hover-color:var(--kh-on-accent);--bs-btn-active-bg:var(--kh-accent-hover);--bs-btn-active-border-color:transparent;--bs-btn-active-color:var(--kh-on-accent);--bs-btn-disabled-bg:var(--kh-accent);--bs-btn-disabled-border-color:transparent;--bs-btn-disabled-color:var(--kh-on-accent);background:var(--kh-accent);border:1px solid transparent;color:var(--kh-on-accent);box-shadow:inset 0 0 0 1px rgba(255,236,190,.35),0 10px 36px -12px rgba(255,168,28,.65)}
.btn-primary:hover,.btn-primary:focus-visible{background:var(--kh-accent-hover);color:var(--kh-on-accent);box-shadow:inset 0 0 0 1px rgba(255,236,190,.5),0 14px 46px -10px rgba(255,168,28,.85);transform:translateY(-1px)}
.btn-primary:active{transform:none}
.btn-soft,.btn-outline-primary,.btn-outline-secondary,.btn-light,.btn-outline-light{background:rgba(255,255,255,.04);border:1px solid var(--kh-rule-strong);color:var(--kh-ink)}
[data-bs-theme=light] .btn-soft,[data-bs-theme=light] .btn-outline-primary,[data-bs-theme=light] .btn-outline-secondary,[data-bs-theme=light] .btn-light{background:rgba(0,0,0,.03)}
.btn-soft:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-light:hover,.btn-outline-light:hover{background:rgba(255,168,28,.10);border-color:rgba(255,168,28,.55);color:var(--kh-ink)}
.btn-ghost{background:transparent;border:1px solid transparent;color:var(--kh-text)}
.btn-ghost:hover{background:rgba(255,255,255,.06);color:var(--kh-ink)}
.btn:disabled,.btn.disabled{opacity:.5}
.form-control,.form-select,.input-group-text,.ts-control{border-radius:.8rem;border-color:var(--kh-rule-strong);background-color:rgba(255,255,255,.04);color:var(--kh-ink);box-shadow:none}
[data-bs-theme=light] .form-control,[data-bs-theme=light] .form-select,[data-bs-theme=light] .input-group-text,[data-bs-theme=light] .ts-control{background-color:#fff}
.form-control:focus,.form-select:focus,.ts-wrapper.focus .ts-control{border-color:var(--kh-accent);box-shadow:var(--basic-focus-ring);background-color:rgba(255,255,255,.06)}
.form-control::placeholder{color:var(--kh-muted);opacity:.85}
.form-label,label{color:var(--kh-ink);font-weight:500}
.card,.modal-content,.list-group-item,.accordion-item{background:var(--kh-panel);border:1px solid var(--kh-rule);border-radius:1.1rem;color:var(--kh-text)}
.card{box-shadow:none}
.dropdown-menu,.offcanvas{border-radius:1rem}
.badge{border-radius:999px;font-weight:600}
.alert{border-radius:1rem}
.table{--bs-table-bg:transparent;--bs-table-color:var(--kh-text);--bs-table-border-color:var(--kh-rule)}
hr{border-color:var(--kh-rule);opacity:1}
.text-body-secondary,.text-muted{color:var(--kh-muted)!important}
.text-primary{color:var(--kh-accent-text)!important}
.bg-primary{background-color:var(--kh-accent)!important;color:var(--kh-on-accent)}
.rounded-pill{border-radius:999px!important}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kh-accent-text);background:none;-webkit-text-fill-color:currentColor}
.page-hero{background:none}
.page-hero::before,.page-hero::after{display:none!important}
.page-hero-title{font-weight:700;letter-spacing:-.035em}
.cta-band,.kh-help{background:linear-gradient(180deg,rgba(255,168,28,.08),rgba(255,168,28,.02));border:1px solid rgba(255,168,28,.28);border-radius:1.4rem;color:var(--kh-ink)}
.cta-band::before,.cta-band::after{display:none!important}
.kh-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding:1.5rem 1.7rem}
.kh-help p{color:var(--kh-text);max-width:60ch}
.kh-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.kh-todo{display:inline-block;padding:.05rem .5rem;border:1px dashed var(--kh-warn);color:var(--kh-warn);font-size:.85rem;border-radius:999px}
.kh-defs{margin:0;display:grid;grid-template-columns:9rem minmax(0,1fr);border-top:1px solid var(--kh-rule)}
.kh-defs dt,.kh-defs dd{padding:.75rem 0;border-bottom:1px solid var(--kh-rule);margin:0}
.kh-defs dt{font-weight:600;color:var(--kh-ink);font-size:.9rem}
.kh-defs dd{color:var(--kh-text)}

/* ---------- 4. menü: yüzen kapsül ---------- */
.topbar{background:var(--kh-night);color:var(--kh-night-text);border-bottom:1px solid var(--kh-night-rule);background-image:none}
.topbar a,.topbar-link{color:var(--kh-night-text);text-decoration:none}
.site-header{position:sticky;top:12px;z-index:60;background:transparent;border:0;box-shadow:none;backdrop-filter:none;margin:0;padding:0 .75rem;pointer-events:none}
.site-header>nav.container{pointer-events:auto;max-width:min(1060px,100%);margin-inline:auto;padding:.45rem .6rem .45rem 1rem!important;border:1px solid var(--kh-rule-strong);border-radius:999px;background:var(--kh-glass);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 12px 40px -18px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,168,28,.10);transform-origin:50% 0;transition:transform .45s var(--kh-ease),box-shadow .4s,background-color .3s}
.site-header.is-compact>nav.container{transform:scale(.955);box-shadow:0 18px 46px -18px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,168,28,.16)}
@media (prefers-reduced-motion:reduce){.site-header>nav.container{transition:none}}
.site-nav .nav-link,.kh-auth .btn,.header-icon-btn{white-space:nowrap}
.kh-brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--kh-ink);font-weight:700;font-size:1.2rem;letter-spacing:-.03em;line-height:1}
.kh-brand:hover{color:var(--kh-ink)}
.kh-brand-mark{display:inline-flex;align-items:flex-end;gap:2.5px;height:1em}
.kh-brand-mark i{display:block;width:.3em;border-radius:99px;background:var(--kh-accent);box-shadow:0 0 12px rgba(255,168,28,.75)}
.kh-brand-mark i:nth-child(1){height:.5em;opacity:.55}.kh-brand-mark i:nth-child(2){height:.75em;opacity:.8}.kh-brand-mark i:nth-child(3){height:1em}
.site-nav{gap:.1rem;margin:0;padding:0;list-style:none}
.site-nav .nav-link{color:var(--kh-muted);font-weight:500;font-size:.93rem;padding:.5rem .8rem;border-radius:999px;background:none;transition:color .2s,background-color .2s}
.site-nav .nav-link:hover,.site-nav .nav-link:focus-visible,.site-nav .nav-item.is-open>.nav-link{color:var(--kh-ink);background:rgba(255,255,255,.06)}
[data-bs-theme=light] .site-nav .nav-link:hover,[data-bs-theme=light] .site-nav .nav-item.is-open>.nav-link{background:rgba(0,0,0,.06)}
.site-nav .nav-chevron{font-size:.68em;margin-inline-start:.3rem;opacity:.7}
.nav-mega{position:static}
.nav-mega-trigger{border:0;background:none;display:inline-flex;align-items:center;cursor:pointer;font:inherit}
.mega-panel{position:absolute;inset-inline:.75rem;top:calc(100% + 10px);margin-inline:auto;width:min(1000px,calc(100% - 1.5rem));background:var(--kh-glass);-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);border:1px solid var(--kh-rule-strong);border-radius:1.6rem;box-shadow:0 30px 80px -20px rgba(0,0,0,.85);display:none;padding:0;z-index:60;pointer-events:auto}
html:not(.js-mega) .nav-mega:hover>.mega-panel,html:not(.js-mega) .nav-mega:focus-within>.mega-panel,.nav-mega.is-open>.mega-panel{display:block}
.mega-bridge{position:absolute;inset-inline:0;top:-14px;height:14px}
.mega-inner{padding:1.6rem 1.8rem 1.8rem}
.mega-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.mega-eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kh-accent-text);margin-bottom:.7rem}
.mega-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.mega-item{display:block;padding:.55rem .7rem;margin-inline:-.7rem;border-radius:.8rem;text-decoration:none;color:var(--kh-ink);transition:background-color .15s}
.mega-item:hover,.mega-item:focus-visible{background:rgba(255,168,28,.10);color:var(--kh-ink)}
.mega-title{display:block;font-weight:600;font-size:.97rem}
.mega-desc{display:block;font-size:.83rem;color:var(--kh-muted);line-height:1.4;margin-top:.1rem}
.mega-tag{margin-inline-start:.4rem;font-size:.7rem;padding:.05rem .4rem;border-radius:999px}
.nav-dropdown,.dropdown-menu{border:1px solid var(--kh-rule-strong);background:var(--kh-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 60px -18px rgba(0,0,0,.85);border-radius:1.1rem;padding:.4rem;color:var(--kh-text)}
.nav-dropdown .dropdown-item,.dropdown-item{border-radius:.7rem;color:var(--kh-text);padding:.5rem .75rem}
.nav-dropdown .dropdown-item:hover,.dropdown-item:hover,.dropdown-item:focus{background:rgba(255,168,28,.10);color:var(--kh-ink)}
.nav-dropdown .icon-disc{display:none}
.nav-dropdown .item-title{font-weight:600;color:var(--kh-ink)}
.nav-dropdown .item-desc{display:block;font-size:.82rem;color:var(--kh-muted)}
.header-icon-btn{width:2.35rem;height:2.35rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--kh-rule-strong);color:var(--kh-ink)}
.header-icon-btn:hover{background:rgba(255,168,28,.12);border-color:rgba(255,168,28,.5);color:var(--kh-ink)}
.header-icon-btn.account-avatar{font-size:.8rem;font-weight:700}
.kh-mode-btn .kh-i-moon{display:none}
[data-bs-theme=dark] .kh-mode-btn .kh-i-sun{display:none}
[data-bs-theme=dark] .kh-mode-btn .kh-i-moon{display:inline}
.cart-count{background:var(--kh-accent);color:var(--kh-on-accent);border-radius:999px;font-size:.68rem;min-width:1.1rem;height:1.1rem;line-height:1.1rem;padding:0 .3rem;font-weight:700}
.kh-auth{display:flex;align-items:center;gap:.35rem}
.kh-auth .btn{padding:.45rem 1rem;font-size:.92rem}
.account-menu-head{border-bottom:1px solid var(--kh-rule)}
.site-drawer{background:var(--kh-paper);border-inline-end:1px solid var(--kh-rule-strong);color:var(--kh-text)}
.drawer-link,.drawer-sublink{color:var(--kh-ink);border-radius:.8rem}
.drawer-link:hover,.drawer-sublink:hover{background:rgba(255,168,28,.10)}
.drawer-group{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kh-accent-text);padding:.6rem .75rem .15rem;display:block}
.btn-close{filter:invert(1) grayscale(1)}
[data-bs-theme=light] .btn-close{filter:none}
.scroll-top{border-radius:999px;width:2.5rem;height:2.5rem;padding:0}

/* ---------- 5. alt bilgi ---------- */
.site-footer{position:relative;margin-top:5rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55) 14rem);color:var(--kh-night-text);border-top:1px solid var(--kh-rule);overflow:hidden}
[data-bs-theme=light] .site-footer{background:var(--kh-night)}
.site-footer .container{position:relative;max-width:var(--kh-wrap);z-index:1}
.site-footer a{color:var(--kh-night-text)}
.site-footer .footer-link{display:block;padding:.2rem 0;color:var(--kh-night-text);text-decoration:none;font-size:.94rem;transition:color .15s}
.site-footer .footer-link:hover{color:var(--kh-accent-hover)}
.site-footer .footer-heading{font-size:.74rem;font-weight:700;color:var(--kh-night-muted);margin:0 0 .75rem;letter-spacing:.14em;text-transform:uppercase}
.site-footer .text-body-secondary,.site-footer .border-top,.site-footer .border-bottom{color:var(--kh-night-muted)!important;border-color:var(--kh-night-rule)!important}
.site-footer .kh-brand,.site-footer .kh-brand:hover{color:#fff}
.kh-foot-about{max-width:32ch;font-size:.94rem;color:var(--kh-night-muted)}
.kh-foot-contact{font-size:.94rem;line-height:1.55;margin:0}
.kh-foot-contact dt{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--kh-night-muted);margin-top:.8rem}
.kh-foot-contact dd{margin:.1rem 0 0;color:var(--kh-night-text)}
.site-footer .btn-ghost{color:var(--kh-night-text)}
.footer-appearance{display:inline-flex;border:1px solid var(--kh-night-rule);border-radius:999px;overflow:hidden}
.footer-appearance-btn{background:none;border:0;color:var(--kh-night-muted);padding:.35rem .65rem}
.footer-appearance-btn.active,.footer-appearance-btn:hover{background:rgba(255,168,28,.14);color:#fff}
.site-footer .locale-toggle{border:1px solid var(--kh-night-rule);border-radius:999px}
/* alt bilgideki marka yazısı: kapsayıcı genişliğine göre boyutlanır (cqw), mobilde taşmaz; ışık süpürmesi */
.kh-mark{container-type:inline-size;position:relative;overflow:hidden;padding:2.6rem 0 0;margin-bottom:-.12em;user-select:none;pointer-events:none}
.kh-mark span{display:block;white-space:nowrap;text-align:center;font-weight:800;letter-spacing:-.055em;line-height:.88;font-size:max(30px,calc(100cqw / 5.4));color:transparent;background:linear-gradient(100deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.07) 40%,rgba(255,176,40,.55) 50%,rgba(255,255,255,.07) 60%,rgba(255,255,255,.07) 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;animation:kh-sweep 9s linear infinite}
[data-bs-theme=light] .kh-mark span{background-image:linear-gradient(100deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.08) 40%,rgba(255,176,40,.6) 50%,rgba(255,255,255,.08) 60%,rgba(255,255,255,.08) 100%)}
@keyframes kh-sweep{0%{background-position:130% 0}100%{background-position:-30% 0}}
.kh-foot-legal{font-size:.84rem;color:var(--kh-night-muted)}
.kh-foot-legal .footer-link{font-size:inherit;padding:0}

/* ---------- 6. çerez bildirimi: alta yüzen kapsül ---------- */
.cookie-notice-card{border:1px solid var(--kh-rule-strong);border-radius:1.4rem;background:var(--kh-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 70px -20px rgba(0,0,0,.9);color:var(--kh-text)}
.cookie-notice-text a{color:var(--kh-ink)}
.cookie-btn{border-radius:999px;font-weight:600}
.cookie-btn-solid{background:var(--kh-accent);border:1px solid transparent;color:var(--kh-on-accent)}
.cookie-btn-solid:hover{background:var(--kh-accent-hover);color:var(--kh-on-accent)}
.cookie-btn-ghost{background:transparent;border:1px solid var(--kh-rule-strong);color:var(--kh-ink)}

/* ---------- 7. sepet ve ödeme ---------- */
.checkout-shell{background:var(--kh-paper)}
.checkout-shell-header{background:var(--kh-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--kh-rule);box-shadow:none}
.checkout-step{color:var(--kh-muted)}
.checkout-step.is-active{color:var(--kh-ink);font-weight:600}
.checkout-step-num{border-radius:999px;border:1px solid var(--kh-rule-strong);background:transparent;color:var(--kh-ink)}
.checkout-step.is-active .checkout-step-num{background:var(--kh-accent);border-color:transparent;color:var(--kh-on-accent);box-shadow:0 0 18px rgba(255,168,28,.5)}
.checkout-step.is-done .checkout-step-num{background:var(--kh-ok);border-color:transparent;color:#06140d}
.checkout-split-main{background:var(--kh-paper)}
.checkout-split-aside{background-image:radial-gradient(90% 60% at 50% 0%,rgba(255,168,28,.10),transparent 70%)!important;background-color:var(--kh-night)!important;border-inline-start:1px solid var(--kh-rule)}
.checkout-split-aside .btn-primary{--bs-btn-bg:var(--kh-accent);--bs-btn-border-color:transparent;--bs-btn-color:var(--kh-on-accent);--bs-btn-hover-bg:var(--kh-accent-hover);--bs-btn-hover-border-color:transparent;--bs-btn-hover-color:var(--kh-on-accent);font-weight:700}
.checkout-split-aside .btn-primary:hover{transform:none}
.checkout-shell-footer,.checkout-footer{background:var(--kh-paper);border-top:1px solid var(--kh-rule);color:var(--kh-muted)}

body:not(.g-home)>main{padding-top:1.25rem}

/* ---------- 8. 404 ve bakım ---------- */
.kh-404{padding:6rem 0 4rem;text-align:center}
.kh-404 .kh-code{font-variant-numeric:tabular-nums;font-weight:600;font-size:.95rem;color:var(--kh-accent-text);margin:0 0 .8rem;letter-spacing:.2em}
.kh-404 h1{font-size:clamp(2.2rem,5vw,3.8rem);margin:0 0 1rem;letter-spacing:-.04em}
.kh-404 p{max-width:52ch;margin-inline:auto;color:var(--kh-text)}
.kh-404 .kh-actions{justify-content:center}
.kh-wrap{max-width:var(--kh-wrap);margin-inline:auto;padding-inline:1rem}

@media (max-width:991.98px){
  .site-header{top:8px;padding:0 .5rem}
  .mega-panel{display:none!important}
}
@media (max-width:575.98px){
  .site-header>nav.container{padding:.35rem .45rem .35rem .8rem!important}
  .kh-brand{font-size:1.1rem}
}

/* ============================================================
   Gece: tüm sayfalar için ortak katman (20 Eki, ikinci tur)
   belirme, ortam ışığı, okuma çubuğu, bilgi bankası, mobil dokunma alanları
   ============================================================ */
/* belirme: JS yoksa (ya da hareket azaltılmışsa) her şey görünür kalır; gizleme yalnız html.g-js ile başlar.
   Eğriler: 0,7-1,1 sn ease-out (Sesera'daki gibi uzun, yumuşak son). Bulanıklık yalnız güçlü cihazda (g-fx), girişten sonra filtre tamamen kalkar. */
.g-js [data-r]{opacity:0;transform:translate3d(0,26px,0);transition:opacity .8s cubic-bezier(.2,.7,.2,1) calc(var(--d,0) * 90ms),transform 1.1s cubic-bezier(.22,1,.36,1) calc(var(--d,0) * 90ms),filter .9s cubic-bezier(.22,1,.36,1) calc(var(--d,0) * 90ms)}
.g-js.g-fx [data-r]{filter:blur(6px)}
.g-js [data-r].is-in{opacity:1;transform:none}
.g-js.g-fx [data-r].is-in{filter:none}

/* ortam ışığı: ana sayfa dışındaki sayfalarda sabit, sakin kehribar parıltı (video/WebGL yok) */
body:not(.g-home):not(.checkout-shell)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 38% at 50% -10%,rgba(255,168,28,.15),transparent 72%),radial-gradient(38% 30% at 94% 52%,rgba(255,106,26,.06),transparent 72%),radial-gradient(34% 28% at 4% 78%,rgba(255,168,28,.05),transparent 72%)}
[data-bs-theme=light] body:not(.g-home):not(.checkout-shell)::before{background:radial-gradient(60% 36% at 50% -10%,rgba(255,159,10,.16),transparent 72%)}

/* okuma çubuğu (bilgi bankası makalesi): kaydırmaya bağlı ince çizgi */
.kh-readbar{position:fixed;inset:0 0 auto 0;height:2px;z-index:1100;pointer-events:none;background:transparent}
.kh-readbar i{display:block;height:100%;transform-origin:left;transform:scaleX(var(--rp,0));background:var(--kh-accent);box-shadow:0 0 12px rgba(255,168,28,.85)}

/* bilgi bankası: kod parçaları */
.kb-prose pre,.kb-codeblock{margin-block:1.2rem;border:1px solid var(--kh-rule-strong);border-inline-start:3px solid var(--kh-accent);border-radius:.9rem;background:rgba(255,255,255,.04)}
.kb-prose pre{padding:.95rem 1.1rem;overflow-x:auto;font-size:.86rem;line-height:1.65;color:var(--kh-ink);white-space:pre}
.kb-prose :not(pre)>code{padding:.1rem .4rem;border-radius:.4rem;background:rgba(255,168,28,.1);color:var(--kh-accent-text);font-size:.88em}
.kb-codeblock pre,.kb-codeblock pre[class*=language-]{color:var(--kh-ink)}
.kb-codeblock-head{border-block-end:1px solid var(--kh-rule)}
.kb-codeblock-label{color:var(--kh-muted)}
.kb-codeblock-copy{--bs-btn-color:var(--kh-muted);--bs-btn-hover-color:var(--kh-ink);--bs-btn-active-color:var(--kh-ink)}

/* mobil dokunma alanları: parmakla basılan her öğe en az ~40 px */
@media (pointer:coarse),(max-width:991.98px){
  .btn-sm,.btn.btn-sm{min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center}
  .billing-compare{min-width:2.5rem}
  .footer-link{display:flex;align-items:center;min-height:2.5rem}
  .footer-link.d-inline{display:inline-flex !important}
  .footer-appearance-btn{width:2.5rem;height:2.5rem}
  .cookie-btn{min-height:2.6rem}
  .kh-brand{display:inline-flex;align-items:center;min-height:2.5rem}
  .breadcrumb-item a{display:inline-block;padding-block:.55rem}
  .g-strip a{display:inline-flex;align-items:center;min-height:2.5rem}
  .g-rail a{padding-block:.7rem}
  .pagination .page-link{min-width:2.5rem;min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center}
  .billing-option{min-height:2.5rem}
  .kb-subcat-link,.kb-meta-chip,.dash-panel-link,.dash-service-name,.dash-row-title,.list-name,.sd-hero-domain,.sd-field-link,.invoice-back,.msg-star,.list-chip-btn{display:inline-flex;align-items:center;min-height:2.5rem}
  .sd-copy,.basic-alert-close{min-width:2.5rem;min-height:2.5rem}
  .form-select-sm,.form-control-sm,.ts-wrapper .ts-control{min-height:2.5rem}
  .btn-group>.btn,.btn-group-sm>.btn{min-height:2.5rem}
}

/* ödeme düzeltmeleri (375 px): dönem kartında ad harf harf bölünmesin, "giriş yaptınız" kutusu taşmasın */
.billing-cycle-card>.d-flex{flex-wrap:wrap}
.billing-cycle-name{overflow-wrap:normal;white-space:nowrap}
[data-signedin-panel]{flex-wrap:wrap}
[data-signedin-panel] .me-auto{min-width:0;flex:1 1 12rem;overflow-wrap:anywhere}
[data-signedin-panel] .btn{white-space:nowrap}

/* mobil dokunma alanları, ikinci geçiş (daha özgül kurallar) */
@media (pointer:coarse),(max-width:991.98px){
  body .btn.btn-sm,body button.msg-star{min-height:2.5rem;min-width:2.5rem}
  body a.list-name{display:inline-block;padding-block:.65rem;min-width:2.75rem}
  body .g-rail a{min-width:2.4rem}
}

/* ============================================================
   Gece navbar düzeltmeleri (20 Eki akşam)
   ============================================================ */
/* açılır paneller: capsule backdrop-filter'lı olduğundan içindeki panel sayfayı bulanıklaştıramıyor, arkadaki yazı görünüyordu: opak zemin */
:root{--kh-pop:rgba(15,13,10,.975)}
[data-bs-theme=light]{--kh-pop:rgba(255,255,255,.985)}
.nav-dropdown,.dropdown-menu,.mega-panel{background:var(--kh-pop);-webkit-backdrop-filter:none;backdrop-filter:none}
[data-bs-theme=light] .nav-dropdown,[data-bs-theme=light] .dropdown-menu,[data-bs-theme=light] .mega-panel{box-shadow:0 24px 60px -22px rgba(70,45,10,.30)}
/* menü düğmesi sağ uçta (marka | menü | işlemler karışıklığı bitti); masaüstünde daralmış kapsülde markadan sonra */
.site-header>nav.container>.drawer-toggle{order:3;margin-inline:.45rem 0}
.site-header>nav.container>.site-nav{order:1}
.site-header>nav.container>.ms-auto{order:2}
.client-topbar-notif{position:relative}
.client-topbar-notif .cart-count{position:absolute;top:-.35rem;right:-.35rem;min-width:1.05rem;height:1.05rem;line-height:1.05rem;font-size:.6rem;padding:0 .25rem}
.site-nav .nav-item.is-current>.nav-link,.site-nav .nav-item.is-current>.nav-mega-trigger{color:var(--kh-ink);position:relative}
.site-nav .nav-item.is-current>.nav-link::after,.site-nav .nav-item.is-current>.nav-mega-trigger::after{content:"";position:absolute;left:50%;bottom:.12rem;width:1rem;height:2px;margin-left:-.5rem;border-radius:2px;background:var(--kh-accent);box-shadow:0 0 8px rgba(255,168,28,.8)}
.mega-item[aria-current=page],.dropdown-item[aria-current=page]{background:rgba(255,168,28,.12)}
.drawer-link,.drawer-sublink{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem}
.drawer-link i,.drawer-sublink i{width:1.25rem;text-align:center;flex:none;color:var(--kh-accent-text)}
.drawer-link[aria-expanded=true]{background:rgba(255,168,28,.10)}

/* ============================================================
   Gece bilgi bankası: zemin, bölüm ayrımları, kartlar (her iki modda)
   Zemin: üstten ölçülü kehribar ışık, ince nokta ızgarası (yalnız üstte, maskeli), kenarlarda hafif parıltı. Okunabilirlik için metin zemini sade kalır.
   ============================================================ */
body.kh-kb:not(.g-home):not(.checkout-shell)::before{background:radial-gradient(75% 42% at 50% -10%,rgba(255,168,28,.24),transparent 72%),radial-gradient(34% 30% at 92% 24%,rgba(255,106,26,.09),transparent 72%),radial-gradient(38% 30% at 4% 58%,rgba(255,168,28,.07),transparent 72%),radial-gradient(40% 26% at 60% 100%,rgba(255,168,28,.06),transparent 72%)}
body.kh-kb>main{position:relative}
body.kh-kb>main::before{content:"";position:absolute;inset:0 0 auto 0;height:36rem;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:radial-gradient(75% 100% at 50% 0%,#000 15%,transparent 72%);mask-image:radial-gradient(75% 100% at 50% 0%,#000 15%,transparent 72%)}
body.kh-kb>main>*{position:relative}
body.kh-kb .page-hero{padding-block:4rem 2.6rem}
body.kh-kb .page-hero h1{font-size:clamp(2rem,4.8vw,3.3rem);font-weight:700;letter-spacing:-.045em;line-height:1.05}
body.kh-kb .kb-search .form-control{border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--kh-rule-strong);box-shadow:0 0 0 7px rgba(255,168,28,.05),0 18px 40px -24px rgba(0,0,0,.8);transition:box-shadow .3s,border-color .3s}
body.kh-kb .kb-search .form-control:focus{border-color:rgba(255,168,28,.7);box-shadow:0 0 0 7px rgba(255,168,28,.12),0 18px 40px -24px rgba(0,0,0,.8)}
body.kh-kb .kb-section-title{display:flex;align-items:center;gap:.9rem;margin-block:2.6rem 1.2rem;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--kh-accent-text)}
body.kh-kb .kb-section-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--kh-rule-strong),transparent)}
body.kh-kb .kb-cat-card,body.kh-kb .kb-article{position:relative;overflow:hidden;border:1px solid var(--kh-rule);border-radius:1.25rem;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 20px 50px -34px rgba(0,0,0,.9);transition:transform .45s var(--kh-ease),border-color .3s,box-shadow .4s}
body.kh-kb .kb-cat-card::before,body.kh-kb .kb-article::before{content:"";position:absolute;inset:-40% -20% auto auto;width:60%;height:120%;background:radial-gradient(closest-side,rgba(255,168,28,.22),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}
body.kh-kb .kb-cat-card:hover,body.kh-kb .kb-article:hover{transform:translateY(-3px);border-color:rgba(255,168,28,.5);box-shadow:0 26px 60px -30px rgba(0,0,0,.9),0 0 50px -24px rgba(255,168,28,.55)}
body.kh-kb .kb-cat-card:hover::before,body.kh-kb .kb-article:hover::before{opacity:1}
body.kh-kb .kb-cat-ico,body.kh-kb .kb-article-ico{background:rgba(255,168,28,.13);color:var(--kh-accent-text);border-radius:.9rem}
body.kh-kb .kb-cat-count{color:var(--kh-muted)}
body.kh-kb .kb-article-sheet{border:1px solid var(--kh-rule);border-radius:1.5rem;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 30px 80px -46px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.07)}
body.kh-kb .kb-sidebar,body.kh-kb .kb-cat-header{border-radius:1.25rem}
body.kh-kb .kb-cat-header{border:1px solid var(--kh-rule);background:linear-gradient(180deg,rgba(255,168,28,.08),rgba(255,255,255,.02))}
body.kh-kb .kb-article-group{margin-block-end:1.6rem}
body.kh-kb .kb-help-cta{border-radius:1.4rem;border:1px solid rgba(255,168,28,.35);background:linear-gradient(100deg,rgba(255,168,28,.12),rgba(255,106,26,.04))}
body.kh-kb .kb-article-nav-link{border:1px solid var(--kh-rule);border-radius:1rem;background:rgba(255,255,255,.03);transition:border-color .3s,transform .4s var(--kh-ease)}
body.kh-kb .kb-article-nav-link:hover{border-color:rgba(255,168,28,.5);transform:translateY(-2px)}
body.kh-kb .kb-prose h2{margin-block:2.4rem .9rem;padding-block-start:1.2rem;border-block-start:1px solid var(--kh-rule)}
body.kh-kb .kb-prose h2:first-of-type{border-block-start:0;padding-block-start:0}

/* bilgi bankası, açık mod */
[data-bs-theme=light] body.kh-kb:not(.g-home):not(.checkout-shell)::before{background:radial-gradient(75% 42% at 50% -10%,rgba(255,159,10,.30),transparent 72%),radial-gradient(34% 30% at 92% 24%,rgba(255,120,40,.12),transparent 72%),radial-gradient(38% 30% at 4% 58%,rgba(255,168,28,.12),transparent 72%)}
[data-bs-theme=light] body.kh-kb>main::before{background-image:radial-gradient(rgba(110,70,10,.20) 1px,transparent 1.3px)}
[data-bs-theme=light] body.kh-kb .kb-search .form-control{background:#fff;box-shadow:0 0 0 7px rgba(255,159,10,.10),0 18px 36px -22px rgba(90,60,10,.35)}
[data-bs-theme=light] body.kh-kb .kb-cat-card,[data-bs-theme=light] body.kh-kb .kb-article{background:linear-gradient(180deg,#fff,#fbf8f1);border-color:rgba(120,85,30,.16);box-shadow:0 1px 2px rgba(90,60,10,.06),0 18px 40px -28px rgba(90,60,10,.35)}
[data-bs-theme=light] body.kh-kb .kb-cat-card:hover,[data-bs-theme=light] body.kh-kb .kb-article:hover{border-color:rgba(255,159,10,.7);box-shadow:0 24px 50px -26px rgba(90,60,10,.4),0 0 40px -22px rgba(255,159,10,.6)}
[data-bs-theme=light] body.kh-kb .kb-article-sheet{background:#fff;border-color:rgba(120,85,30,.16);box-shadow:0 1px 2px rgba(90,60,10,.06),0 34px 70px -44px rgba(90,60,10,.45)}
[data-bs-theme=light] body.kh-kb .kb-cat-header{background:linear-gradient(180deg,rgba(255,159,10,.14),#fff);border-color:rgba(120,85,30,.16)}
[data-bs-theme=light] body.kh-kb .kb-help-cta{background:linear-gradient(100deg,rgba(255,159,10,.16),rgba(255,255,255,.7));border-color:rgba(255,159,10,.5)}
[data-bs-theme=light] body.kh-kb .kb-article-nav-link{background:#fff}

/* ============================================================
   Gece açık mod cilası (20 Eki akşam)
   Zemin sıcak krem + kehribar ışık; kartlar beyaz, sıcak gri-kahve kenar ve katmanlı gölge; vurgu metni #a24a06 (AA);
   formlar, tablolar, kod blokları, uyarılar açık zeminde yeniden ayarlı. Koyu mod bu bloktan etkilenmez.
   ============================================================ */
[data-bs-theme=light] body:not(.g-home):not(.checkout-shell)::before{background:radial-gradient(62% 40% at 50% -10%,rgba(255,159,10,.26),transparent 72%),radial-gradient(40% 30% at 96% 48%,rgba(255,120,40,.09),transparent 72%),radial-gradient(36% 28% at 2% 80%,rgba(255,159,10,.09),transparent 72%)}
[data-bs-theme=light] body::after{opacity:.05}
[data-bs-theme=light] .site-header>nav.container{background:rgba(255,255,255,.82);border-color:rgba(120,85,30,.18);box-shadow:0 1px 2px rgba(90,60,10,.08),0 14px 34px -18px rgba(90,60,10,.38),inset 0 0 0 1px rgba(255,255,255,.8)}
[data-bs-theme=light] .header-icon-btn{background:rgba(255,255,255,.9);border-color:rgba(120,85,30,.2)}
[data-bs-theme=light] .site-nav .nav-link{color:#5b5446}
[data-bs-theme=light] .card,[data-bs-theme=light] .modal-content,[data-bs-theme=light] .list-group-item,[data-bs-theme=light] .accordion-item,[data-bs-theme=light] .offcanvas.site-drawer{border-color:rgba(120,85,30,.16)}
[data-bs-theme=light] .card{background:#fff;box-shadow:0 1px 2px rgba(90,60,10,.06),0 16px 36px -26px rgba(90,60,10,.34)}
[data-bs-theme=light] .form-control,[data-bs-theme=light] .form-select,[data-bs-theme=light] .input-group-text{background-color:#fff;border-color:rgba(120,85,30,.26);color:var(--kh-ink)}
[data-bs-theme=light] .form-control::placeholder{color:#9a917f}
[data-bs-theme=light] .form-control:focus,[data-bs-theme=light] .form-select:focus{border-color:#e08700;box-shadow:0 0 0 .25rem rgba(255,159,10,.22)}
[data-bs-theme=light] .table{--bs-table-bg:transparent;--bs-table-border-color:rgba(120,85,30,.14);--bs-table-striped-bg:rgba(255,159,10,.05);--bs-table-hover-bg:rgba(255,159,10,.08);color:var(--kh-text)}
[data-bs-theme=light] .table>thead>tr>*{background:rgba(255,159,10,.08);color:#5b4a2a;border-bottom-color:rgba(120,85,30,.2)}
[data-bs-theme=light] .btn-soft,[data-bs-theme=light] .btn-ghost{color:var(--kh-ink);border-color:rgba(120,85,30,.24)}
[data-bs-theme=light] .btn-soft{background:#fff}
[data-bs-theme=light] .btn-soft:hover,[data-bs-theme=light] .btn-ghost:hover{background:rgba(255,159,10,.14);border-color:rgba(224,135,0,.6)}
[data-bs-theme=light] .btn-primary{box-shadow:0 8px 22px -8px rgba(224,135,0,.65)}
[data-bs-theme=light] .badge{border:1px solid rgba(120,85,30,.14)}
[data-bs-theme=light] .alert{border-color:rgba(120,85,30,.2)}
[data-bs-theme=light] .alert-warning{background:#fff4d9;color:#6b4300;border-color:#f0c565}
[data-bs-theme=light] .alert-danger{background:#fdeceb;color:#8a1f17;border-color:#f1b6b1}
[data-bs-theme=light] .alert-success{background:#e8f4ec;color:#1d5a3c;border-color:#a9d4b9}
[data-bs-theme=light] .alert-info{background:#eaf1f8;color:#1f4a73;border-color:#b3cfe6}
[data-bs-theme=light] .dropdown-item:hover,[data-bs-theme=light] .dropdown-item:focus{background:rgba(255,159,10,.14)}
[data-bs-theme=light] hr,[data-bs-theme=light] .border-top,[data-bs-theme=light] .border-bottom{border-color:rgba(120,85,30,.16)!important}
[data-bs-theme=light] .text-body-secondary{color:#6c665b!important}
[data-bs-theme=light] a:not(.btn):not(.nav-link):not(.dropdown-item):not(.kh-brand):not(.footer-link){text-underline-offset:.16em}
[data-bs-theme=light] .kb-prose pre,[data-bs-theme=light] .kb-codeblock{background:#fbf7ee;border-color:rgba(120,85,30,.22);border-inline-start-color:#e08700}
[data-bs-theme=light] .kb-prose pre,[data-bs-theme=light] .kb-codeblock pre,[data-bs-theme=light] .kb-codeblock code{color:#2f2a20;text-shadow:none}
[data-bs-theme=light] .kb-prose :not(pre)>code{background:rgba(255,159,10,.14);color:#8a3f05}
[data-bs-theme=light] .token.comment,[data-bs-theme=light] .token.prolog{color:#8c8270}
[data-bs-theme=light] .token.keyword,[data-bs-theme=light] .token.selector,[data-bs-theme=light] .token.atrule{color:#a24a06}
[data-bs-theme=light] .token.string,[data-bs-theme=light] .token.attr-value{color:#2d6a4f}
[data-bs-theme=light] .token.function,[data-bs-theme=light] .token.class-name{color:#7a3e00}
[data-bs-theme=light] .token.number,[data-bs-theme=light] .token.boolean,[data-bs-theme=light] .token.constant{color:#8a2f6b}
[data-bs-theme=light] .token.operator,[data-bs-theme=light] .token.punctuation{color:#5b5446}
[data-bs-theme=light] .cookie-notice-card{background:rgba(255,255,255,.94);border-color:rgba(120,85,30,.2);box-shadow:0 20px 50px -22px rgba(90,60,10,.45)}
[data-bs-theme=light] .client-subnav-link.active{color:#a24a06}

/* ortam ışığı için: zemin rengi html'de, body şeffaf (body arka planı olunca z-index:-1 katmanları görünmüyordu) */
html{background:var(--kh-paper)}
body:not(.checkout-shell){background:transparent}

/* açık mod: alt bilgi de açık (sıcak kum), koyu kütle yok */
[data-bs-theme=light] .site-footer{--kh-night-text:#4a443a;--kh-night-muted:#7a725f;--kh-night-rule:rgba(120,85,30,.2);background:linear-gradient(180deg,transparent,#e9e3d5 14rem);border-top-color:rgba(120,85,30,.18)}
[data-bs-theme=light] .site-footer .kh-brand,[data-bs-theme=light] .site-footer .kh-brand:hover{color:var(--kh-ink)}
[data-bs-theme=light] .site-footer .footer-link:hover{color:#a24a06}
[data-bs-theme=light] .kh-mark span{background-image:linear-gradient(100deg,rgba(90,60,10,.06) 0%,rgba(90,60,10,.06) 40%,rgba(255,159,10,.5) 50%,rgba(90,60,10,.06) 60%,rgba(90,60,10,.06) 100%)}
[data-bs-theme=light] .site-footer .footer-appearance,[data-bs-theme=light] .site-footer .locale-toggle{background:rgba(255,255,255,.7)}

/* marka ikonu (panelden yüklenen dosya): sabit kare kutu, orantı bozulmaz; 100 px kaynak 32 px'te 3x yoğunlukta net */
.kh-brand-img{display:inline-flex;flex:none;width:2rem;height:2rem;border-radius:.55rem;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.10),0 6px 16px -6px rgba(255,168,28,.55)}
.kh-brand-img img{display:block;width:100%;height:100%;object-fit:contain}
[data-bs-theme=light] .kh-brand-img{box-shadow:0 0 0 1px rgba(90,60,10,.14),0 6px 14px -6px rgba(90,60,10,.45)}
@media (max-width:575.98px){.kh-brand-img{width:1.85rem;height:1.85rem}}
[data-bs-theme=light] .site-header.is-compact>nav.container{box-shadow:0 18px 40px -20px rgba(90,60,10,.45),inset 0 0 0 1px rgba(255,255,255,.8)}