/* katalog.css — ONLY the rules that do not already exist in the inline base of katalog-daril.html
   (which is copied from ponudba.html: tokens, #liquid, .wash, .grain, .cnav, .chip, .section, .section-head, .snav, .btn-go,
   .cta-row / .cta-sec, .final-md, footer, .io, .bt).
   Tokens only: --ink --mut --mut2 --line --scrim --orange --rim --rim-2 --hl --eo --spr (+ --glass --glass-2 --paneShadow for the dialogs).
   Loaded AFTER pastel-switch.css. Companion: katalog.js. */

.sr-only{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
html.k-lock{ overflow:hidden; }

/* The base entrance fade (.btf, fill-mode "both") keeps an opacity animation in effect for good, which makes the element a backdrop root:
   the glass bars would stop blurring what scrolls under them. Fill only before the start so the blur survives. */
.cnav.btf, .snav.btf, .ktools.btf{ animation-fill-mode:backwards; }

/* ---------- snav: chapter pills scroll inside the bar, the inquiry-list pill stays put at its right edge ---------- */
.snav-in{ overflow:visible; }
@media (min-width:701px){ .snav{ padding-bottom:5px; } }
.snav-scroll{
  position:relative; flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:4px;
  overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; padding-right:26px;
  -webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 30px), transparent);
          mask-image:linear-gradient(90deg, #000 calc(100% - 30px), transparent);
}
.snav-scroll::-webkit-scrollbar{ display:none; }
.snav-in .snav-list{
  flex:none; display:inline-block;
  font-family:var(--fm); font-size:9px; font-weight:400; letter-spacing:.16em; text-transform:uppercase; white-space:nowrap;
  color:rgba(248,247,252,.96);
  background:linear-gradient(180deg, rgba(38,38,46,.96) 0%, rgba(9,9,13,.98) 100%);
  border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:9px 14px; cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
  transition:transform .3s var(--eo);
}
.snav-in .snav-list:hover{ transform:translateY(-1px); }
.snav-in .snav-list.has-items::before{
  content:""; display:inline-block; width:6px; height:6px; margin:0 8px 1px 0; vertical-align:middle;
  border-radius:50%; background:var(--orange); box-shadow:0 0 8px rgba(246,136,31,.85);
}
html[data-pastel="black"] .snav-in .snav-list{
  color:#15131a; border-color:rgba(255,255,255,.5);
  background:linear-gradient(180deg, rgba(252,252,255,.97) 0%, rgba(232,231,238,.95) 100%);
}
.snav-in a[hidden]{ display:none; }

/* ---------- search · sort · count bar (sticky under the snav on desktop, inline on phones) ---------- */
.ktools{
  position:sticky; top:calc(68px + var(--snavH, 57px)); z-index:49;
  max-width:1180px; margin:0 auto; padding:0 clamp(20px, 4.5vw, 64px) 8px;
}
.ktools-in{
  display:flex; align-items:center; gap:6px; min-height:48px; padding:4px 6px 4px 18px;
  background:var(--glass); border:1px solid var(--rim); border-radius:24px;
  -webkit-backdrop-filter:blur(24px) saturate(1.4) brightness(1.1);
  backdrop-filter:blur(24px) saturate(1.4) brightness(1.1);
  box-shadow:var(--hl), 0 18px 44px -22px rgba(0,0,0,.55);
}
[data-theme="light"] .ktools-in{
  background:rgba(248,247,252,.82);
  -webkit-backdrop-filter:blur(34px) saturate(1.25); backdrop-filter:blur(34px) saturate(1.25);
  border-color:rgba(28,25,30,.08);
}
html[data-pastel="black"] .ktools-in{ background:var(--glass); border-color:var(--rim); }
.ksearch{ flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:11px; color:var(--mut); }
.ksearch svg{ flex:none; }
.ksearch input{
  flex:1 1 auto; min-width:0; height:38px; padding:0; border:0; outline:0; background:none;
  font:400 14px/1 var(--fs); letter-spacing:.005em; color:var(--ink);
  -webkit-appearance:none; appearance:none;
}
.ksearch input::placeholder{ color:var(--mut2); opacity:1; }
.ksearch:focus-within{ color:var(--ink); }
.ksort{ position:relative; flex:none; }
.ksort select{
  -webkit-appearance:none; appearance:none; height:36px; padding:0 34px 0 16px; cursor:pointer;
  background:rgba(255,255,255,.07); border:1px solid var(--rim-2); border-radius:999px;
  font-family:var(--fm); font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink);
  transition:background .25s ease;
}
[data-theme="light"] .ksort select{ background:rgba(28,25,30,.05); }
.ksort select:hover{ background:rgba(255,255,255,.12); }
[data-theme="light"] .ksort select:hover{ background:rgba(28,25,30,.09); }
.ksort select option{ color:#1d1a20; background:#f8f7fc; text-transform:none; letter-spacing:0; }
.ksort::after{
  content:""; position:absolute; right:15px; top:50%; width:6px; height:6px; pointer-events:none;
  border:solid var(--mut); border-width:0 1.3px 1.3px 0; rotate:45deg; translate:0 -70%;
}
.ksearch input:focus-visible, .ksort select:focus-visible{ outline:1.5px solid rgba(246,136,31,.75); outline-offset:3px; border-radius:6px; }
.ksort select:focus-visible{ border-radius:999px; }
.kcount{
  flex:none; padding:0 14px 0 10px; white-space:nowrap;
  font-family:var(--fm); font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--mut2);
}
.kcount b{ font-weight:400; color:var(--ink); font-variant-numeric:tabular-nums; }
@media (max-width:700px){
  .ktools{ position:static; padding:2px 8px 4px; }
  .ktools-in{ flex-wrap:wrap; padding:6px 8px 6px 16px; border-radius:22px; row-gap:2px; }
  .ksearch{ flex:1 1 100%; }
  .ksort{ flex:1 1 auto; }
  .ksort select{ width:100%; }
  .kcount{ padding:0 8px; }
}

/* ---------- chapters + product grid ---------- */
.kch{
  scroll-margin-top:var(--kstack, 236px);
  padding-top:clamp(34px, 5.5vh, 64px); padding-bottom:clamp(14px, 2.5vh, 30px);
}
.kch[hidden]{ display:none; }
.kch .section-head{ margin-bottom:clamp(22px, 2.6vw, 34px); }
.kgrid{
  list-style:none; display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  column-gap:clamp(10px, 1.4vw, 18px); row-gap:clamp(24px, 2.8vw, 38px);
}
@media (min-width:880px){ .kgrid{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (min-width:1180px){ .kgrid{ grid-template-columns:repeat(4, minmax(0,1fr)); } }
.kempty{
  max-width:1180px; margin:0 auto; padding:clamp(44px, 8vh, 90px) clamp(20px, 4.5vw, 64px);
  font-size:14.5px; line-height:1.7; color:var(--mut);
}
.kempty[hidden]{ display:none; }
.klink{
  background:none; border:0; padding:0; font:inherit; color:var(--ink); cursor:pointer;
  text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--line);
}

/* ---------- product card ---------- */
.kcard{ position:relative; display:flex; flex-direction:column; min-width:0; transition:transform .45s var(--eo); }
.kcard[hidden]{ display:none; }
@media (hover:hover){ .kcard:hover{ transform:translateY(-4px); } }
.kimg{
  position:relative; aspect-ratio:1; overflow:hidden; border-radius:18px;
  background:#fff; border:1px solid var(--rim-2);
}
[data-theme="light"] .kimg{ border-color:rgba(28,25,30,.14); }
.kimg img{
  position:absolute; inset:0; width:100%; height:100%; padding:8%; object-fit:contain;
  transition:opacity .5s ease;
}
.kimg .k2{ opacity:0; }
@media (hover:hover){
  .kcard:hover .kimg .k2{ opacity:1; }
  .kcard:hover .kimg img:first-child:not(:only-child){ opacity:0; }
}
.kimg-none{ display:grid; place-items:center; }
.kimg-none span{ font-family:var(--fm); font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:rgba(28,25,30,.4); }
.kbody{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; flex:1 1 auto; padding:13px 3px 0; min-width:0; }
.kcode{ font-family:var(--fm); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--mut2); }
.kname{
  width:100%; font-size:15px; font-weight:400; line-height:1.35; letter-spacing:-.005em; color:var(--ink);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-wrap:pretty;
}
.kc{ color:inherit; text-decoration:none; outline:none; }
.kc::after{ content:""; position:absolute; inset:0; z-index:1; border-radius:18px; }
.kc:focus-visible::after{ outline:1.5px solid rgba(246,136,31,.75); outline-offset:4px; }
.kpills{ display:flex; flex-wrap:wrap; gap:5px; margin-top:5px; max-width:100%; }
.kpill{
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-family:var(--fm); font-size:8.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--mut);
  padding:5px 10px; border-radius:999px; border:1px solid var(--rim-2); background:var(--glass-2); box-shadow:var(--hl);
}
.kmeta{ width:100%; margin-top:2px; font-size:12.5px; line-height:1.45; color:var(--mut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kfoot{ width:100%; margin-top:auto; padding-top:10px; display:flex; align-items:flex-end; justify-content:space-between; gap:8px; }
.kprice{ min-width:0; font-size:14.5px; font-weight:500; line-height:1.35; color:var(--ink); font-variant-numeric:tabular-nums; }
.kprice small{ font-size:11px; font-weight:400; color:var(--mut); }
.kpl{ font-weight:400; color:var(--mut); }
.kprice-q{ font-size:12.5px; font-weight:400; color:var(--mut); }

/* round add / on-list button (the "+" and the check are drawn, no glyphs) */
.kadd{
  position:relative; z-index:2; flex:none; width:30px; height:30px; padding:0; border-radius:50%; cursor:pointer;
  border:1px solid var(--rim); background:rgba(255,255,255,.07); color:var(--ink); box-shadow:var(--hl);
  transition:background .3s ease, border-color .3s ease, transform .3s var(--eo);
}
.kadd::after{ content:""; position:absolute; inset:-7px; border-radius:50%; }   /* 44 px touch target */
.kadd::before{
  content:""; position:absolute; left:50%; top:50%; width:12px; height:12px; translate:-50% -50%;
  background:
    linear-gradient(currentColor, currentColor) center / 100% 1.5px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1.5px 100% no-repeat;
  transition:rotate .3s var(--spr);
}
[data-theme="light"] .kadd{ background:rgba(28,25,30,.05); }
.kadd:hover{ background:rgba(255,255,255,.16); border-color:var(--mut); }
[data-theme="light"] .kadd:hover{ background:rgba(28,25,30,.1); border-color:rgba(28,25,30,.4); }
.kadd:active{ transform:scale(.92); }
.kadd.is-on, .kadd.is-on:hover{ background:var(--orange); border-color:transparent; color:#1d1a20; }
.kadd.is-on::before{
  width:5px; height:9px; background:none; border:solid currentColor; border-width:0 1.6px 1.6px 0;
  rotate:45deg; translate:-50% -62%;
}

/* ---------- dialogs (native <dialog>) ---------- */
.kdlg{
  position:fixed; inset:0; margin:auto; padding:0; overflow:hidden;
  width:min(1040px, calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px);
  color:var(--ink); border:1px solid var(--rim); border-radius:24px;
  background:linear-gradient(var(--scrim, rgba(12,12,16,.5)), var(--scrim, rgba(12,12,16,.5))), var(--glass);
  -webkit-backdrop-filter:blur(34px) saturate(1.4); backdrop-filter:blur(34px) saturate(1.4);
  box-shadow:var(--hl), var(--paneShadow);
}
.kdlg-list{ width:min(640px, calc(100vw - 32px)); }
.kdlg::backdrop{ background:rgba(10,10,14,.5); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
[data-theme="light"] .kdlg::backdrop{ background:rgba(35,31,32,.34); }
.kdlg[open]{ display:flex; flex-direction:column; animation:kIn .5s var(--eo); }
.kdlg[open]::backdrop{ animation:kFade .4s ease; }
@keyframes kIn{ from{ opacity:0; translate:0 26px; scale:.985; } to{ opacity:1; translate:0 0; scale:1; } }
@keyframes kFade{ from{ opacity:0; } to{ opacity:1; } }

.kd:focus, .kl:focus{ outline:none; }
.kd-x{
  position:absolute; top:clamp(12px, 1.8vw, 20px); right:clamp(12px, 1.8vw, 20px); z-index:5;
  width:38px; height:38px; padding:0; border-radius:50%; cursor:pointer;
  border:1px solid var(--rim); background:var(--glass); color:var(--ink); box-shadow:var(--hl);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  transition:background .25s ease, transform .3s var(--eo);
}
.kd-x:hover{ transform:rotate(90deg); }
.kd-x::before, .kd-x::after{
  content:""; position:absolute; left:50%; top:50%; width:14px; height:1.5px; background:currentColor;
  translate:-50% -50%; rotate:45deg;
}
.kd-x::after{ rotate:-45deg; }

.kdlg{ --kp:clamp(16px, 3vw, 36px); --kg:clamp(20px, 3vw, 40px); }
.kd{
  display:grid; grid-template-columns:minmax(0,1fr); gap:var(--kg); align-content:start;
  flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin;
  padding:var(--kp);
}
@media (min-width:880px){ .kd{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
.kd-gal{ min-width:0; align-self:start; }
@media (min-width:880px){ .kd-gal{ position:sticky; top:0; } }
.kd-main{
  position:relative; aspect-ratio:1; overflow:hidden; border-radius:18px;
  background:#fff; border:1px solid var(--rim-2);
}
[data-theme="light"] .kd-main, [data-theme="light"] .kd-th, [data-theme="light"] .kl-th{ border-color:rgba(28,25,30,.14); }
.kd-main img{ position:absolute; inset:0; width:100%; height:100%; padding:7%; object-fit:contain; }
.kd-nav{
  position:absolute; top:50%; translate:0 -50%; z-index:2; width:38px; height:38px; padding:0; border-radius:50%; cursor:pointer;
  background:rgba(255,255,255,.92); border:1px solid rgba(28,25,30,.16); color:#1d1a20;
  transition:transform .3s var(--eo);
}
.kd-nav:hover{ transform:scale(1.06); }
.kd-nav::before{
  content:""; position:absolute; left:50%; top:50%; width:8px; height:8px;
  border:solid currentColor; border-width:1.5px 1.5px 0 0;
}
.kd-prev{ left:10px; }
.kd-prev::before{ translate:-30% -50%; rotate:-135deg; }
.kd-next{ right:10px; }
.kd-next::before{ translate:-70% -50%; rotate:45deg; }
.kd-count{
  position:absolute; right:12px; bottom:10px; z-index:2;
  font-family:var(--fm); font-size:9px; letter-spacing:.16em; color:rgba(28,25,30,.55);
}
.kd-thumbs{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.kd-th{
  width:62px; height:62px; padding:0; overflow:hidden; border-radius:12px; cursor:pointer;
  background:#fff; border:1px solid var(--rim-2); opacity:.55;
  transition:opacity .25s ease;
}
.kd-th:hover{ opacity:.9; }
.kd-th[aria-current="true"]{ opacity:1; outline:1.5px solid var(--ink); outline-offset:2px; }
.kd-th img{ width:100%; height:100%; padding:6%; object-fit:contain; display:block; }

.kd-txt{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.kd-txt .chip{ margin-bottom:20px; }
.kd-txt h2{
  max-width:100%; padding-right:34px;
  font-size:clamp(26px, 2.6vw, 34px); font-weight:300; letter-spacing:-.018em; line-height:1.16; color:var(--ink); text-wrap:balance;
}
.kd-id{ margin-top:12px; font-family:var(--fm); font-size:10.5px; letter-spacing:.14em; line-height:1.7; text-transform:uppercase; color:var(--mut); }
.kd-price{ margin-top:22px; display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; }
.kd-price strong{ font-size:clamp(28px, 3vw, 38px); font-weight:300; letter-spacing:-.02em; line-height:1.1; color:var(--ink); font-variant-numeric:tabular-nums; }
.kd-price strong.kd-pq{ font-size:clamp(20px, 2vw, 24px); }
.kd-from{ font-size:.55em; font-weight:400; letter-spacing:0; color:var(--mut); margin-right:.1em; }
.kd-price small{ font-family:var(--fm); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--mut); }
.kd-dl{ width:100%; margin-top:24px; border-bottom:1px solid var(--line); }
.kd-dl > div{ display:grid; grid-template-columns:minmax(96px, 34%) minmax(0,1fr); gap:14px; padding:11px 0; border-top:1px solid var(--line); }
.kd-dl dt{ font-family:var(--fm); font-size:9px; letter-spacing:.2em; line-height:1.7; text-transform:uppercase; color:var(--mut2); padding-top:3px; }
.kd-dl dd{ font-size:14px; line-height:1.55; color:var(--ink); overflow-wrap:anywhere; }
.kd-sizes{ display:flex; flex-wrap:wrap; gap:6px; }
.kd-h{ margin:26px 0 6px; font-family:var(--fm); font-size:9px; font-weight:400; letter-spacing:.26em; text-transform:uppercase; color:var(--mut2); }
.kd-var{ list-style:none; width:100%; }
.kd-var li{ position:relative; padding:6px 0 6px 20px; font-size:14px; line-height:1.55; color:var(--mut); }
.kd-var li::before{
  content:""; position:absolute; left:0; top:14px; width:5px; height:5px; border-radius:50%;
  background:var(--orange); box-shadow:0 0 7px rgba(246,136,31,.55);
}
.kd-var li strong{ font-weight:500; color:var(--ink); }
.kd-desc{ margin-top:22px; font-size:14px; line-height:1.72; color:var(--mut); max-width:62ch; }
.kd-desc p + p{ margin-top:12px; }
/* actions stay in view at the bottom of the dialog while the details scroll; on desktop they line up under the text column */
.kd-bar{
  flex:none; display:flex; align-items:center; flex-wrap:wrap; gap:12px 28px;
  padding:14px var(--kp) 16px; border-top:1px solid var(--line);
}
@media (min-width:880px){
  .kd-bar{ padding-left:calc(var(--kp) + (100% - 2 * var(--kp) - var(--kg)) / 2 + var(--kg)); }
}

/* buttons that are real <button>s */
button.btn-go{ border:0; cursor:pointer; font-family:var(--fs); }
button.cta-sec{ background:none; border:0; padding:0; font:inherit; color:inherit; text-align:left; cursor:pointer; }
.kd-bar .cta-sec .circ{ width:42px; height:42px; font-size:15px; }
.final-md .lead{ text-wrap:balance; font-size:14.5px; line-height:1.72; color:var(--mut); margin:-8px auto 28px; max-width:52ch; }
.final-md .cta-row{ gap:20px 30px; }

/* ---------- inquiry list ---------- */
.kl{ display:flex; flex-direction:column; flex:1 1 auto; min-height:0; padding:clamp(18px, 3vw, 32px); }
.kl-head{ flex:none; padding-right:46px; }
.kl-head h2{ margin-top:18px; font-size:clamp(24px, 2.4vw, 30px); font-weight:300; letter-spacing:-.015em; line-height:1.16; color:var(--ink); }
.kl-head h2 em{ font-family:var(--fg); font-style:italic; font-weight:501; }
.kl-rows{ list-style:none; flex:1 1 auto; min-height:0; margin-top:18px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.kl-rows:empty{ display:none; }
.kl-rows li{
  display:grid; grid-template-columns:56px minmax(0,1fr) auto 34px; align-items:center; gap:14px;
  padding:12px 0; border-top:1px solid var(--line);
}
.kl-rows li:last-child{ border-bottom:1px solid var(--line); }
.kl-th{ width:56px; height:56px; overflow:hidden; border-radius:12px; background:#fff; border:1px solid var(--rim-2); }
.kl-th img{ display:block; width:100%; height:100%; padding:6%; object-fit:contain; }
.kl-info{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.kl-name{ font-size:14.5px; line-height:1.3; color:var(--ink); }
.kl-code{ font-family:var(--fm); font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--mut2); }
.kl-qty{
  width:88px; height:38px; padding:0 6px 0 12px; border-radius:999px; border:1px solid var(--rim); background:var(--glass-2);
  font-family:var(--fm); font-size:13px; color:var(--ink); text-align:center; box-shadow:var(--hl);
}
.kl-qty:focus-visible{ outline:1.5px solid rgba(246,136,31,.75); outline-offset:3px; }
.kl-rm{
  position:relative; width:34px; height:34px; padding:0; border-radius:50%; cursor:pointer;
  border:1px solid transparent; background:none; color:var(--mut); transition:color .25s ease, border-color .25s ease;
}
.kl-rm:hover{ color:var(--ink); border-color:var(--rim); }
.kl-rm::before, .kl-rm::after{ content:""; position:absolute; left:50%; top:50%; width:12px; height:1.5px; background:currentColor; translate:-50% -50%; rotate:45deg; }
.kl-rm::after{ rotate:-45deg; }
.kl-empty{ flex:none; margin-top:22px; font-size:14.5px; line-height:1.7; color:var(--mut); max-width:46ch; }
.kl-empty[hidden], .kl-foot[hidden]{ display:none; }
.kl-foot{ flex:none; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px 24px; margin-top:20px; }
.kl-note{ font-size:13px; line-height:1.5; color:var(--mut); max-width:30ch; }

@media (max-width:879px){
  .kdlg{ width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:20px; }
  .kd-txt h2{ padding-right:0; }
  .kd-thumbs{ gap:6px; }
  .kd-th{ width:54px; height:54px; }
}
@media (max-width:560px){
  .kd-bar{ gap:10px 16px; }
  .kd-bar .btn-go{ padding:14px 22px; }
  .kd-bar .cta-sec .circ, .kd-bar .cta-sec .lbl small{ display:none; }
  .kbody{ padding-top:11px; }
  .kname{ font-size:14.5px; }
  .kprice{ font-size:14px; }
  .kl-rows li{ grid-template-columns:48px minmax(0,1fr) 76px 30px; gap:10px; }
  .kl-th{ width:48px; height:48px; }
  .kl-qty{ width:76px; padding-left:8px; }
  .kl-foot .btn-go{ width:100%; }
  .kl-note{ max-width:none; }
}

/* ---------- reduced motion ---------- */
.is-reduce .kcard, .is-reduce .kcard:hover{ transform:none; transition:none; }
.is-reduce .kimg .k2{ display:none; }
.is-reduce .kimg img{ transition:none; }
.is-reduce .kdlg[open], .is-reduce .kdlg[open]::backdrop{ animation:none; }
.is-reduce .kd-x:hover, .is-reduce .kd-nav:hover, .is-reduce .kadd:active, .is-reduce .snav-in .snav-list:hover{ transform:none; }
@media (prefers-reduced-motion: reduce){
  .kcard, .kcard:hover{ transform:none; transition:none; }
  .kimg .k2{ display:none; }
  .kdlg[open], .kdlg[open]::backdrop{ animation:none; }
  .kd-x:hover, .kd-nav:hover, .kadd:active, .snav-in .snav-list:hover{ transform:none; }
}