.kk-site {
  --kk-orange: #ff5000;
  --kk-action: #ad3700;
  --kk-ink: #292929;
  --kk-soft: #f6f6f6;
  --kk-line: #e5e5e5;
  --kk-text: #4d4d4d;
  --kk-sans: system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --frg-paper:#fff; --frg-card:#fff; --frg-ink:var(--kk-ink); --frg-mute:var(--kk-text); --frg-line:var(--kk-line);
  --frg-teal:var(--kk-action); --frg-teal-soft:#fff5ee; --frg-air:#f6f6f6; --frg-air-edge:#e6e6e6;
  --xtr-paper:#fff; --xtr-ink:var(--kk-ink); --xtr-ink2:var(--kk-text); --xtr-mist:var(--kk-soft); --xtr-line:var(--kk-line);
  --xtr-graphite:#333; --xtr-otext:var(--kk-action); --xtr-serif:var(--kk-sans);
  --paper:#fff; --card:#fff; --ink:var(--kk-ink); --muted:var(--kk-text); --mute:var(--kk-text);
  --line:var(--kk-line); --bench:#f6f6f6; --link:var(--kk-action); --teal:var(--kk-action);
  --head:var(--kk-sans); --body:var(--kk-sans); --heather:#f6f6f6; --navy:var(--kk-ink); --chip:#fff3eb;
  --kfw-ink:var(--kk-ink); --kfw-text:var(--kk-text); --kfw-paper:#fff; --kfw-card:#fff; --kfw-line:var(--kk-line);
  --kfw-mute:var(--kk-text); --kfw-ff-h:var(--kk-sans); --kfw-ff-b:var(--kk-sans);
  --kfw-kraft:#f8f8f8; --kfw-kraft-2:#ead7c8; --kfw-dark:#333; --kfw-link:var(--kk-action);
  --f-head:var(--kk-sans); --f-body:var(--kk-sans); --plum:var(--kk-action); --plum-2:#c74a0e;
  --plum-soft:#fff4ed; --ink-2:var(--kk-text); --rule:var(--kk-line);
  color-scheme:light; background:#fff; color:var(--kk-ink); font-family:var(--kk-sans);
}
.kk-site :is(h1,h2,h3,h4){font-family:var(--kk-sans);letter-spacing:-.025em;}
.kk-site :is(input,button,select,textarea){font-family:inherit;}
.kk-site :is(a,button,input,summary):focus-visible { outline:2px solid #ad3700; outline-offset:4px; }
.kk-site :is(.frg-foot,.xtr-foot,.obj-foot,.kfw-foot,.bsc-foot,.gft-foot) { background:#333; color:#f5f5f5; border-top:0; }
.kk-site :is(.frg-foot,.xtr-foot,.obj-foot,.kfw-foot,.bsc-foot,.gft-foot) :is(p,h2,h3,li,a,small,strong) { color:inherit; }

.kk-header { background:#fff; position:relative; z-index:3; }
.kk-bar,.kk-nav-inner { width:min(1200px,calc(100% - 48px)); margin-inline:auto; }
.kk-bar { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.kk-brand { display:inline-flex; align-items:center; gap:11px; color:#333; text-decoration:none; font-size:17px; font-weight:750; white-space:nowrap; }
.kk-brand img { display:block; width:123px; height:auto; }
.kk-brand span { border-inline-start:1px solid #ddd; padding-inline-start:11px; }
.kk-actions { display:flex; align-items:center; gap:18px; }
.kk-actions a { color:#333; font-size:14px; font-weight:650; min-height:40px; display:inline-flex; align-items:center; text-decoration:none; white-space:nowrap; }
.kk-actions .kk-register { border:1px solid #ff5000; color:#ad3700; border-radius:100px; padding:0 17px; }
.kk-nav { background:#333; }
.kk-nav-inner { display:flex; align-items:stretch; overflow-x:auto; scrollbar-width:none; }
.kk-nav-inner::-webkit-scrollbar { display:none; }
.kk-nav a { display:inline-flex; align-items:center; flex:none; color:#fff; min-height:43px; text-decoration:none; font-size:14px; padding:0 17px; }
.kk-nav a[aria-current=page],.kk-nav a:hover { background:#a93300; }
.kk-nav a:focus-visible { outline-color:#fff; outline-offset:-4px; }

.kk-hero {
  background:linear-gradient(105deg,#fff4e7 0%,#ffebd1 56%,#f6b87c 100%);
  padding:clamp(28px,4.8vw,68px) 0;
  position:relative; overflow:hidden; border-bottom:1px solid #f2dfcf;
}
.kk-hero__in { width:min(1200px,calc(100% - 48px)); margin:auto; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr); align-items:center; gap:clamp(8px,3vw,38px); }
.kk-hero__copy { min-width:0; position:relative; z-index:1; }
.kk-hero .kh-theme { color:#8c3c1b; margin:0 0 9px; font-weight:800; }
.kk-hero h1 { color:#262421; max-width:19ch; margin:0; font-size:clamp(34px,4.2vw,60px); line-height:1.03; }
.kk-hero .kk-intro { color:#4c382b; font-size:clamp(15px,1.65vw,20px); line-height:1.55; max-width:54ch; margin:14px 0 20px; }
.kk-hero .kk-search {
  display:flex; align-items:stretch; margin:0; background:#fff; border:1px solid #e9ccb2; border-radius:50px; overflow:hidden;
  width:100%; max-width:630px; box-shadow:0 8px 25px #954f1820;
}
.kk-search:focus-within { outline:2px solid #ad3700; outline-offset:2px; }
.kk-hero .kk-search label { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.kk-hero .kk-search input[type=search] { min-width:0; flex:1; border:0; border-radius:0; padding:0 19px; color:#292929; background:#fff; min-height:55px; font-size:16px; box-shadow:none; }
.kk-hero .kk-search button { border:0; border-radius:0; min-width:94px; padding:0 19px; background:var(--kk-orange); color:#1e1008; font-size:16px; font-weight:800; }
.kk-hero .kk-search button:hover { background:#e44800; }
.kk-hero .kh-jump { margin:9px 0 0; display:flex; column-gap:16px; row-gap:0; }
.kk-hero .kh-jump a { color:#63351e; font-size:13px; min-height:37px; }
.kk-hero__art { width:100%; height:auto; display:block; filter:drop-shadow(0 15px 17px #ad5c2d24); }

.kk-home .kh-categories { background:#fff; width:min(1200px,calc(100% - 48px)); padding:clamp(23px,4.5vw,54px) 0 16px; margin:0 auto; }
.kk-home .kh-categories > :is(.frg-wrap,.kfw-in,.bsc-wrap,.gft-col,.obj-wall__head) { max-width:none; margin:0; padding:0; }
.kk-home .kh-categories h2 { color:#292929; font-size:clamp(26px,3.05vw,38px); margin:0 0 6px; }
.kk-home .kh-categories :is(.frg-lede,.bsc-sub,.xtr-wall__intro,.obj-wall__head p,.kfw-in>p,.gft-col p) { color:#5c5c5c; max-width:62ch; margin:0 0 16px; font-size:15px; }
.kk-site .kk-category-grid { list-style:none; padding:0; margin:16px auto 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.kk-site .kk-category-grid>li { display:block; margin:0; min-width:0; }
.kk-site .kk-category-grid .kk-tile { box-sizing:border-box; color:#333; display:flex; flex-direction:column; justify-content:start; min-height:100%; overflow:hidden; text-decoration:none; background:#fff; border:1px solid #e8e6e4; border-radius:10px; padding:0; min-width:0; position:relative; }
.kk-site .kk-category-grid .kk-tile:hover { border-color:#ee8c5c; box-shadow:0 7px 19px #ad370013; }
.kk-site .kk-category-grid .kk-tile img { display:block; width:100%; height:auto; aspect-ratio:240 / 170; object-fit:contain; background:#fff; margin:0; border:0; border-radius:0; max-height:190px; }
.kk-site .kk-tile .kk-tile-label { display:flex; align-items:center; justify-content:space-between; gap:7px; font-family:var(--kk-sans); font-weight:750; font-size:clamp(13px,1.5vw,16px); line-height:1.23; margin:0; padding:11px 12px; border-top:1px solid #f0eeec; background:#fafafa; color:#333; min-height:47px; }
.kk-tile-label i { font-style:normal; color:#ad3700; }
.kk-site .kk-tile .kk-tile-note { color:#5d5d5d; padding:0 12px 10px; margin:0; font-size:13px; font-weight:400; line-height:1.45; }
.kk-site .kk-tile .kk-tile-tag { font-size:10px; font-weight:750; color:#8d3005; background:#fff3eb; border-radius:6px; padding:3px 6px; position:absolute; top:8px; left:8px; }
.kk-site .kh-section { width:min(1200px,calc(100% - 48px)); }
.kk-site .kh-section .kh-inner { border-color:#e9e9e9; background:#f8f8f8; border-radius:12px; color:#333; }
.kk-site .kh-section :is(h2,h3,p) { color:#333; }
.kk-site .kh-section a,.kk-site .kh-guide li::before { color:#ad3700; }
.kk-site .kh-help-grid article { border:1px solid #e5e5e5; background:#fff; border-radius:9px; }
.kk-site .kh-section .kh-help-grid article a { min-height:40px; }
.kk-site .kh-guide li { border-color:#e1dcd8; }
.kk-site .kh-media { border-color:#e7e7e7; }
.kk-site .kh-photos img { background:#f2f2f2; }
.kk-site .kh-deals .kh-inner { background:#fff5ef; border:1px solid #f2d4c2; }
.kk-site .kh-outfit .kh-inner { background:#f8f8f8; }
.kk-site .kh-category-notes { margin-top:14px; }

.kk-guide-head { background:linear-gradient(102deg,#fff4e9,#ffecd9); padding:clamp(26px,4vw,52px) 0; border-bottom:1px solid #f4ddc9; }
.kk-guide-width { width:min(1140px,calc(100% - 48px)); margin-inline:auto; }
.kk-guide-head h1 { font-size:clamp(32px,4vw,54px); line-height:1.07; margin:0 0 12px; max-width:22ch; color:#292929; }
.kk-guide-head p { max-width:66ch; color:#543d2e; line-height:1.55; margin:0; }
.kk-eyebrow { color:#ad3700; font-size:13px; font-weight:800; letter-spacing:.085em; text-transform:uppercase; margin:0 0 8px; }
.kk-guide-grid { display:grid; grid-template-columns:235px minmax(0,1fr); gap:clamp(22px,4vw,48px); padding-block:30px 48px; }
.kk-step-index { position:sticky; top:14px; align-self:start; border:1px solid #eee5de; border-radius:12px; padding:15px; background:#fbf8f5; }
.kk-step-index ol { list-style:none; padding:0; margin:0; }
.kk-step-index a { display:grid; grid-template-columns:22px 1fr; gap:8px; align-items:center; padding:8px 3px; min-height:44px; color:#333; font-size:13px; line-height:1.28; text-decoration:none; }
.kk-step-index a:hover { color:#ad3700; text-decoration:underline; }
.kk-step-index span { font-weight:800; color:#ad3700; font-size:12px; }
.kk-steps { min-width:0; }
.kk-steps h2 { color:#292929; margin:0; font-size:clamp(23px,2.6vw,30px); line-height:1.15; }
.kk-steps p { color:#4d4d4d; line-height:1.55; }
.kk-video { margin:0 0 26px; padding:18px; border:1px solid #eee2d8; border-radius:13px; background:#fcf8f4; }
.kk-video h2 { margin-bottom:10px; }
.kk-video video { width:100%; display:block; aspect-ratio:16/9; height:auto; max-height:470px; object-fit:contain; background:#231d18; border-radius:7px; }
.kk-steps a { color:#ad3700; text-underline-offset:.2em; }
.kk-step { padding:22px 0 27px; border-top:1px solid #e7e7e7; scroll-margin-top:16px; }
.kk-step h2 { display:grid; grid-template-columns:43px 1fr; gap:10px; align-items:center; }
.kk-step-no { display:grid; place-items:center; border-radius:9px; background:#fff0e5; color:#a53200; font-size:17px; font-weight:800; min-height:42px; }
.kk-step p { margin:10px 0; }
.kk-tip { border-left:3px solid #ff5000; padding:10px 13px; margin:14px 0; background:#fff7f0; color:#4a372a; font-size:14px; line-height:1.48; }
.kk-screens { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0 0; }
.kk-screens figure { margin:0; min-width:0; border:1px solid #e8e8e8; border-radius:9px; overflow:hidden; background:#fff; }
.kk-screens a { display:block; }
.kk-screens img { display:block; background:#f6f6f6; width:100%; height:clamp(124px,19vw,213px); object-fit:contain; }
.kk-screens figcaption { padding:9px 11px; font-size:13px; line-height:1.35; color:#4b4b4b; border-top:1px solid #eee; }
.kk-guide-sources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:18px 0; border-top:1px solid #e7e7e7; }
.kk-guide-sources article { padding:15px; background:#f7f7f7; border-radius:9px; }
.kk-guide-sources h3 { font-size:17px; margin:0; }
.kk-guide-sources p { font-size:14px; margin:8px 0; }
.kk-more-guide { border-top:1px solid #e5e5e5; padding:16px 0; }
.kk-more-guide > summary { cursor:pointer; font-weight:750; color:#333; padding:14px 0; width:min(1140px,calc(100% - 48px)); margin:auto; }
.kk-old-title { margin-top:.6em; }
@media (max-width:740px) {
  .kk-bar,.kk-nav-inner,.kk-hero__in,.kk-home .kh-categories,.kk-guide-width,.kk-site .kh-section { width:calc(100% - 32px); }
  .kk-nav a { padding-inline:12px; }
  .kk-hero__in { grid-template-columns:minmax(0,1fr); position:relative; }
  .kk-hero__art { display:none; }
  .kk-hero .kk-intro { max-width:62ch; }
  .kk-site .kk-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .kk-guide-grid { grid-template-columns:minmax(0,1fr); gap:18px; padding-top:16px; }
  .kk-step-index { position:static; }
  .kk-step-index ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 10px; }
}
@media (max-width:480px) {
  .kk-bar { min-height:59px; gap:8px; }
  .kk-brand { gap:7px; font-size:14px; }
  .kk-brand img { width:96px; }
  .kk-brand span { padding-inline-start:7px; }
  .kk-actions { gap:0; }
  .kk-actions .kk-estimate { display:none; }
  .kk-actions .kk-register { padding:0 10px; font-size:12px; min-height:38px; }
  .kk-hero .kk-search button { min-width:72px; padding-inline:12px; }
  .kk-hero .kk-search input[type=search] { padding-inline:14px; min-height:49px; }
  .kk-site .kk-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kk-guide-sources { grid-template-columns:1fr; }
  .kk-video { padding:12px; }
}
.kk-site {
  --frg-red:#b3122a;
  --xtr-glass:#f2f4f5; --xtr-ask-bg:#fff2e3; --xtr-ask-bg2:#f5dcc5; --xtr-ask-ink:#593b26;
  --xtr-closed-bg:#ececec; --xtr-closed-ink:#484848;
  --orange-ink:#ad3700; --on-orange:#201008; --manila:#fff3e7; --manila-ink:#433729;
  --kb:#ff5000; --kbtext:#ad3700; --kfw-ok:#2f5d3a; --kfw-ok-bg:#edf6ef;
  --kfw-stop:#8a2a00; --kfw-stop-bg:#fff2e9;
}
.kk-site :is(.xtr-err,.bsc-err,.gft-err) { color:#b61e2f; }
.kk-site :is(.xtr-field,.bsc-fields) input[aria-invalid=true] { border-color:#b61e2f; }
.kk-site .bsc-chip { color:#2d2d2d; }
.kk-site[data-kk-layout="gift"] :is(.gft-search,.gft-search input,.gft-opts label,.gft-form input[type=text],.gft-form select,table,blockquote) { background:#fff; color:#333; }
.kk-site[data-kk-layout="gift"] th { background:#f4f4f4; }
.kk-site .gft-band,.kk-site .gft-alt { background:#f8f8f8; }
.kk-site .gft-go,.kk-site .gft-reg { background:#ff5000; color:#231208; }
.kk-site .gft-fig img { border-color:#e5e5e5; }
.kk-site .gft-tag { background:#fff5ed; color:#8c3b17; }
.kk-site .gft-shelf-order li.is-last { background:#fff1e9; color:#8a300a; }
.kk-catalogue-entry { padding-bottom:18px; }