/* Kuro: a street-style fashion store theme for Kadence, with a built-in shop. Bundled fonts, no external requests. */

@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/BarlowCondensed-600.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/BarlowCondensed-700.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/BarlowCondensed-800.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/Inter.woff2") format("woff2"); }

:root {
	--kr-accent: #EF5B67; --kr-accent-d: #D9444F; --kr-tint: #FDE6E8; --kr-bg: #FFFFFF; --kr-surface: #F7F7F7; --kr-ink: #333333; --kr-muted: #777777;
	--kr-line: #E8E8E8; --kr-sec: #FAD0D4; --kr-head: #2B2B2B; --kr-deep: #2B2B2B; --kr-new: #3FB950; --kr-star: #F5A623;
	--kr-display: "Barlow Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;
	--kr-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--kr-wrap: 1320px; --kr-gutter: clamp(1rem, 3.4vw, 2.75rem); --kr-hdr: 80px; --kr-ann: 38px;
	--kr-ease: cubic-bezier(.22, .8, .2, 1);
	--kr-sh: 0 18px 40px -22px rgba(0, 0, 0, .35);
}

html { scroll-behavior: auto; }
html, body { overflow-x: clip; }
html.kr-lock { overflow: hidden; }
body { background: var(--kr-bg); color: var(--kr-ink); font-family: var(--kr-body); font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; }
body, .site, .wp-site-blocks, #wrapper, .content-bg, #inner-wrap, .site-main, .entry-content-wrap, .content-wrap { background-color: var(--kr-bg) !important; }
::selection { background: var(--kr-accent); color: #fff; }
h1, h2, h3, h4 { font-family: var(--kr-display); color: var(--kr-head); font-weight: 700; letter-spacing: .01em; line-height: 1.02; text-transform: uppercase; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
.kr-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.screen-reader-text:not(:focus) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 2px solid var(--kr-accent); outline-offset: 3px; }
.kr-icon { flex: none; vertical-align: -4px; }
.kr-small { font-size: .88rem; color: var(--kr-muted); }
.kr-fine { font-size: .8rem; color: var(--kr-muted); margin: 1rem 0 0; }
.kr-center { text-align: center; }
.kr-note { font-size: .86rem; color: var(--kr-muted); background: var(--kr-surface); padding: .8rem 1rem; border-left: 3px solid var(--kr-accent); margin: 1rem 0; }
.kr-ph { display: grid; place-items: center; width: 100%; height: 100%; min-height: 160px; color: var(--kr-accent); background: var(--kr-tint); }
html.kr-pre body { opacity: 0; }
body { transition: opacity .5s ease; }

/* ---------------------------------------------------------------- SECTIONS */
.kr-section { padding: clamp(3rem, 6vw, 5.2rem) var(--kr-gutter); position: relative; }
body .kr-section > * { max-width: var(--kr-wrap); margin-left: auto; margin-right: auto; }
.kr-bleed { padding-left: 0; padding-right: 0; }
.kr-bleed > * { max-width: none !important; }
.kr-narrow > * { max-width: 820px !important; }
.kr-fullbleed { padding: 0 !important; }
body .entry-content > .kr-section:first-child { margin-top: 0; }
.kr-kicker { display: inline-flex; align-items: center; gap: .8rem; font: 600 .78rem/1 var(--kr-body); letter-spacing: .18em; text-transform: uppercase; color: var(--kr-accent); margin: 0 0 1rem; }
.kr-kicker::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.has-text-align-center.kr-kicker { display: flex; justify-content: center; } .has-text-align-center.kr-kicker::after { content: ""; width: 28px; height: 2px; background: currentColor; }
body .kr-title { font-size: clamp(2.2rem, 4.2vw, 3.6rem) !important; line-height: 1 !important; margin: 0 0 1rem !important; }
body .kr-title em, body .kr-pagetitle em { font-style: normal; color: var(--kr-accent); }
body .kr-bighead { font-size: clamp(3rem, 8vw, 6.5rem) !important; line-height: .95 !important; }
body .kr-pagetitle { font-size: clamp(2.8rem, 6.4vw, 5.4rem) !important; line-height: .96 !important; margin: 0 0 .8rem !important; }
.kr-lead { font-size: 1.12rem; color: var(--kr-ink); max-width: 62ch; }
.has-text-align-center.kr-lead { margin-left: auto; margin-right: auto; }
.kr-headrow { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; }
.kr-headrow .kr-title { margin: 0 !important; }
.kr-more a, .kr-linkbtn { display: inline-flex; align-items: center; gap: .5rem; background: none; border: 0; padding: 0 0 .25rem; font: 600 .78rem/1 var(--kr-body); letter-spacing: .14em; text-transform: uppercase; color: var(--kr-head); border-bottom: 2px solid var(--kr-accent); text-decoration: none; cursor: pointer; }
.kr-more a:hover, .kr-linkbtn:hover { color: var(--kr-accent); }
.kr-pagehead { text-align: center; background: var(--kr-surface); padding-top: clamp(2.6rem, 5vw, 4.4rem); padding-bottom: clamp(2.4rem, 5vw, 4rem); }
.kr-checks { list-style: none; padding: 0; margin: 1rem 0; display: grid; gap: .5rem; }
.kr-checks li { position: relative; padding-left: 1.7rem; } .kr-checks li::before { content: ""; position: absolute; left: 0; top: .5em; width: 14px; height: 8px; border-left: 2px solid var(--kr-accent); border-bottom: 2px solid var(--kr-accent); transform: rotate(-45deg); }

/* ----------------------------------------------------------------- BUTTONS */
body .kr-btn, body .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; background: var(--kr-accent); color: #fff; border: 2px solid var(--kr-accent); border-radius: 0; padding: .95em 1.8em; font: 700 .86rem/1 var(--kr-body); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background .25s, color .25s, border-color .25s, transform .25s; }
body .kr-btn:hover, body .wp-block-button__link:hover { background: var(--kr-head); border-color: var(--kr-head); color: #fff; }
body .kr-btn[disabled] { opacity: .45; cursor: not-allowed; }
body .kr-btn--ghost, body .is-style-outline .wp-block-button__link { background: transparent; color: var(--kr-head) !important; border-color: var(--kr-head) !important; }
body .kr-btn--ghost:hover, body .is-style-outline .wp-block-button__link:hover { background: var(--kr-head); color: #fff !important; }
body .kr-btn--sm { padding: .7em 1.2em; font-size: .74rem; }
body .kr-btn--light { background: #fff; color: var(--kr-head); border-color: #fff; }
.wp-block-buttons { margin-top: 1.6rem; gap: .8rem; }
.kr-iconbtn { width: 50px; height: 50px; display: grid; place-items: center; background: #fff; border: 1px solid var(--kr-line); color: var(--kr-head); cursor: pointer; transition: all .25s; }
.kr-iconbtn:hover, .kr-iconbtn.is-on { background: var(--kr-accent); border-color: var(--kr-accent); color: #fff; }
.kr-x { position: absolute; top: 14px; right: 14px; width: 42px; height: 42px; display: grid; place-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; z-index: 3; }
.kr-x:hover { color: var(--kr-accent); }

/* ------------------------------------------------------- ANNOUNCE + HEADER */
.kr-announce { position: relative; z-index: 95; height: var(--kr-ann); background: var(--kr-head); color: #fff; overflow: hidden; font: 600 .76rem/1 var(--kr-body); letter-spacing: .1em; text-transform: uppercase; }
.kr-announce span { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; transform: translateY(100%); transition: opacity .5s, transform .6s var(--kr-ease); padding: 0 1rem; text-align: center; white-space: nowrap; }
.kr-announce span.is-on { opacity: 1; transform: none; }
.kr-announce span:first-child:last-child { opacity: 1; transform: none; }
body.admin-bar .kr-announce { margin-top: 0; }
header#masthead.site-header { position: sticky !important; top: 0; z-index: 90; background: var(--kr-bg) !important; box-shadow: 0 1px 0 var(--kr-line); }
body.admin-bar header#masthead.site-header { top: 32px; }
header.site-header .site-header-inner-wrap, header.site-header .site-header-upper-inner-wrap, .site-header .site-header-row-container-inner, .site-header .site-main-header-wrap, .site-header #mobile-header, .site-header .site-header-row-container { background: var(--kr-bg) !important; border: 0 !important; box-shadow: none !important; }
.site-header .site-main-header-inner-wrap { position: relative; }
.site-header .site-branding { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; }
.site-branding .custom-logo { max-height: 40px; width: auto; }
.site-branding .site-title { font-family: var(--kr-display); font-weight: 800; font-size: 2rem; letter-spacing: .22em; text-transform: uppercase; color: var(--kr-head); text-decoration: none; }
.site-header .header-html, .site-header .mobile-html { display: flex; justify-content: flex-end; width: 100%; }
.kr-tools { display: flex; align-items: center; width: 100%; justify-content: flex-end; }
.kr-tools__l { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: .4rem; }
.kr-tools__r { display: flex; align-items: center; gap: .2rem; }
.kr-ibtn { position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; background: none; border: 0; color: var(--kr-head); cursor: pointer; text-decoration: none; transition: color .2s; }
.kr-ibtn:hover { color: var(--kr-accent); }
.kr-badge { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 4px; display: grid; place-items: center; background: var(--kr-accent); color: #fff; border-radius: 9px; font: 700 .66rem/1 var(--kr-body); }
.kr-badge[hidden] { display: none; }
body .kr-burger { display: inline-flex; align-items: center; gap: .7rem; background: transparent; border: 0; cursor: pointer; color: var(--kr-head); font: 700 .72rem/1 var(--kr-body); letter-spacing: .16em; text-transform: uppercase; padding: .6rem .4rem; }
.kr-burger__i { display: grid; gap: 5px; width: 22px; } .kr-burger__i i { display: block; height: 2px; background: currentColor; transition: width .3s var(--kr-ease); } .kr-burger__i i:nth-child(2) { width: 70%; } .kr-burger:hover .kr-burger__i i:nth-child(2) { width: 100%; }
body .kr-burger:hover { color: var(--kr-accent); }

/* ------------------------------------------------------------ FULLSCREEN MENU */
.kr-fm { position: fixed; inset: 0; z-index: 1000; visibility: hidden; }
.kr-fm.is-open { visibility: visible; }
.kr-fm[hidden] { display: none; }
.kr-fm__bg { position: absolute; inset: 0; background: var(--kr-head); transform: translateX(-100%); transition: transform .6s var(--kr-ease); }
.kr-fm.is-open .kr-fm__bg { transform: none; }
.kr-fm__in { position: relative; height: 100%; display: grid; grid-template-columns: 1.4fr 1fr; gap: 3rem; padding: clamp(4rem, 8vw, 6rem) var(--kr-gutter) 3rem; color: #fff; overflow-y: auto; opacity: 0; transition: opacity .4s .25s; }
.kr-fm.is-open .kr-fm__in { opacity: 1; }
.kr-fm .kr-x { color: #fff; top: 22px; right: var(--kr-gutter); }
.kr-fm__nav ul { list-style: none; margin: 0; padding: 0; }
.kr-fm__nav > ul > li { overflow: hidden; }
.kr-fm__nav a { display: inline-block; font: 800 clamp(2.4rem, 7vh, 4.4rem)/1.08 var(--kr-display); text-transform: uppercase; letter-spacing: .02em; color: #fff; text-decoration: none; transform: translateY(105%); transition: transform .7s var(--kr-ease), color .2s; }
.kr-fm.is-open .kr-fm__nav a { transform: none; }
.kr-fm__nav li:nth-child(2) a { transition-delay: .05s; } .kr-fm__nav li:nth-child(3) a { transition-delay: .1s; } .kr-fm__nav li:nth-child(4) a { transition-delay: .15s; } .kr-fm__nav li:nth-child(5) a { transition-delay: .2s; } .kr-fm__nav li:nth-child(6) a { transition-delay: .25s; } .kr-fm__nav li:nth-child(7) a { transition-delay: .3s; }
.kr-fm__nav ul:hover > li > a { color: rgba(255, 255, 255, .35); } .kr-fm__nav ul > li > a:hover { color: var(--kr-accent); }
.kr-fm__nav .sub-menu { display: flex; flex-wrap: wrap; gap: .3rem 1.4rem; margin: .1rem 0 .6rem; } .kr-fm__nav .sub-menu a { font: 600 1rem/1.4 var(--kr-body); letter-spacing: .1em; color: rgba(255, 255, 255, .7); transform: none; text-transform: uppercase; } .kr-fm__nav .sub-menu a:hover { color: var(--kr-accent); }
.kr-fm__side { align-self: end; color: rgba(255, 255, 255, .7); } .kr-fm__side .kr-kicker { color: var(--kr-accent); }

/* ----------------------------------------------------- DRAWER, MODAL, SEARCH */
.kr-drawer, .kr-modal, .kr-search { position: fixed; inset: 0; z-index: 1001; visibility: hidden; }
.kr-drawer.is-open, .kr-modal.is-open, .kr-search.is-open { visibility: visible; }
.kr-drawer[hidden], .kr-modal[hidden], .kr-search[hidden] { display: none; }
.kr-drawer__bg, .kr-modal__bg { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); opacity: 0; transition: opacity .35s; }
.is-open > .kr-drawer__bg, .is-open > .kr-modal__bg { opacity: 1; }
.kr-drawer__panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(440px, 100%); background: var(--kr-bg); display: flex; flex-direction: column; transform: translateX(100%); transition: transform .45s var(--kr-ease); }
.kr-drawer.is-open .kr-drawer__panel { transform: none; }
.kr-drawer header { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.4rem; border-bottom: 1px solid var(--kr-line); }
.kr-drawer header h2 { font-size: 1.6rem; margin: 0; } .kr-drawer header .kr-x { position: static; }
.kr-ship { padding: .9rem 1.4rem; background: var(--kr-surface); font-size: .82rem; font-weight: 600; } .kr-ship[hidden] { display: none; } .kr-ship p { margin: 0 0 .5rem; } .kr-ship span { display: block; height: 4px; background: var(--kr-line); } .kr-ship i { display: block; height: 100%; width: 0; background: var(--kr-accent); transition: width .5s var(--kr-ease); }
.kr-drawer__body { flex: 1; overflow-y: auto; padding: .6rem 1.4rem; }
.kr-drawer footer { padding: 1.2rem 1.4rem; border-top: 1px solid var(--kr-line); display: grid; gap: .6rem; } .kr-drawer footer:empty { display: none; }
.kr-sumrow { display: flex; justify-content: space-between; align-items: baseline; padding: .45rem 0; font-size: .95rem; } .kr-sumrow b { font-weight: 700; color: var(--kr-head); } .kr-sumrow--t { border-top: 1px solid var(--kr-line); margin-top: .4rem; padding-top: .9rem; font-size: 1.1rem; } .kr-sumrow--t b { font: 800 1.6rem var(--kr-display); }
.kr-ci { display: grid; grid-template-columns: 76px 1fr auto; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--kr-line); align-items: start; }
.kr-ci__img { aspect-ratio: 4 / 5; background: var(--kr-surface); display: block; overflow: hidden; } .kr-ci__img img { width: 100%; height: 100%; object-fit: cover; }
.kr-ci__t a { font: 700 1.1rem/1.1 var(--kr-display); text-transform: uppercase; text-decoration: none; color: var(--kr-head); } .kr-ci__t small { display: block; color: var(--kr-muted); font-size: .8rem; margin: .2rem 0 .4rem; }
.kr-ci__p { text-align: right; display: grid; gap: .5rem; justify-items: end; } .kr-ci__p button { background: none; border: 0; color: var(--kr-muted); cursor: pointer; padding: 2px; } .kr-ci__p button:hover { color: var(--kr-accent); }
.kr-qty { display: inline-flex; align-items: stretch; border: 1px solid var(--kr-line); } .kr-qty button { width: 44px; display: grid; place-items: center; background: #fff; border: 0; cursor: pointer; color: var(--kr-head); } .kr-qty button:hover { background: var(--kr-surface); }
.kr-qty input { width: 52px; text-align: center; border: 0; border-inline: 1px solid var(--kr-line); font: 600 1rem var(--kr-body); -moz-appearance: textfield; padding: 0; } .kr-qty input::-webkit-outer-spin-button, .kr-qty input::-webkit-inner-spin-button { -webkit-appearance: none; }
.kr-qty--sm button { width: 30px; height: 30px; } .kr-qty--sm span { display: grid; place-items: center; min-width: 32px; font-weight: 600; font-size: .9rem; border-inline: 1px solid var(--kr-line); }
.kr-empty { text-align: center; padding: 3rem 1rem; color: var(--kr-muted); } .kr-empty svg { color: var(--kr-accent); } .kr-empty h3 { margin: 1rem 0 .6rem; font-size: 1.8rem; } .kr-empty[hidden] { display: none; }
.kr-modal { display: grid; place-items: center; padding: 1.2rem; }
.kr-modal__box { position: relative; background: var(--kr-bg); width: min(960px, 100%); max-height: calc(100vh - 2.4rem); overflow-y: auto; padding: clamp(1.2rem, 3vw, 2.2rem); transform: translateY(30px); opacity: 0; transition: transform .45s var(--kr-ease), opacity .35s; }
.kr-modal.is-open .kr-modal__box { transform: none; opacity: 1; }
.kr-modal--wide .kr-modal__box { width: min(1100px, 100%); }
.kr-qv { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.2rem, 3vw, 2.4rem); }
.kr-qv__img { background: var(--kr-surface); aspect-ratio: 4 / 5; overflow: hidden; } .kr-qv__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .kr-qv__img img[hidden] { display: none; }
.kr-qv__info h2 { font-size: clamp(2rem, 3.6vw, 2.8rem); margin: 0 0 .5rem; }
.kr-search { background: rgba(255, 255, 255, .98); opacity: 0; transition: opacity .3s; } .kr-search.is-open { opacity: 1; }
.kr-search__in { max-width: 820px; margin: 0 auto; padding: 5rem var(--kr-gutter) 2rem; position: relative; } .kr-search .kr-x { top: 22px; right: var(--kr-gutter); }
.kr-search input[type="search"] { width: 100%; border: 0; border-bottom: 3px solid var(--kr-head); background: transparent; font: 700 clamp(1.8rem, 5vw, 3rem) var(--kr-display); text-transform: uppercase; padding: .4rem 0; color: var(--kr-head); outline: 0; border-radius: 0; }
.kr-search__res { margin-top: 1.2rem; display: grid; } .kr-search__res a { display: grid; grid-template-columns: 64px 1fr auto; gap: 1rem; align-items: center; padding: .7rem 0; border-bottom: 1px solid var(--kr-line); text-decoration: none; } .kr-search__res img { width: 64px; aspect-ratio: 4 / 5; object-fit: cover; } .kr-search__res b { display: block; font: 700 1.2rem var(--kr-display); text-transform: uppercase; } .kr-search__res small { color: var(--kr-muted); } .kr-search__res em { font-style: normal; font-weight: 700; color: var(--kr-accent); } .kr-search__res a:hover b { color: var(--kr-accent); }
.kr-toast { position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 30px); background: var(--kr-head); color: #fff; padding: .85rem 1.4rem; font: 600 .86rem var(--kr-body); z-index: 1100; opacity: 0; pointer-events: none; transition: opacity .3s, transform .4s var(--kr-ease); }
.kr-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.kr-cmpbar { position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 900; display: flex; align-items: center; gap: 1rem; background: var(--kr-head); color: #fff; padding: .7rem 1.2rem; box-shadow: var(--kr-sh); font-weight: 600; } .kr-cmpbar[hidden] { display: none; } .kr-cmpbar .kr-linkbtn { color: #fff; border-color: rgba(255, 255, 255, .5); }
.kr-popup__box { display: grid; grid-template-columns: 1fr 1fr; padding: 0 !important; width: min(860px, 100%); }
.kr-popup__img { background: var(--kr-tint); min-height: 340px; position: relative; overflow: hidden; } .kr-popup__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kr-popup__txt { padding: clamp(1.6rem, 4vw, 3rem); display: grid; align-content: center; gap: .6rem; } .kr-popup__txt h2 { font-size: clamp(2rem, 4vw, 2.8rem); margin: 0; } .kr-popup__txt p { margin: 0; color: var(--kr-muted); }
.kr-wipe { position: fixed; inset: 0; z-index: 2000; pointer-events: none; }
.kr-wipe i { position: absolute; inset: 0; transform: translateY(100%); transition: transform .42s var(--kr-ease); } .kr-wipe i:first-child { background: var(--kr-accent); } .kr-wipe i:last-child { background: var(--kr-head); transition-delay: .06s; }
body.kr-leaving .kr-wipe i { transform: none; }

/* ------------------------------------------------------------------- HEROES */
.kr-hero { position: relative; }
.kr-letter { display: inline-block; transform: translateY(105%); opacity: 0; will-change: transform; }
.kr-word { display: inline-block; overflow: hidden; vertical-align: top; padding: .06em .04em .12em; margin: -.06em -.04em -.12em; white-space: nowrap; }
.kr-slide.is-on .kr-letter, .is-in .kr-letter { transform: none; opacity: 1; transition: transform .9s var(--kr-ease), opacity .5s; transition-delay: calc(var(--i, 0) * 28ms + .35s); }
.kr-hero--slider { height: min(86vh, 860px); min-height: 540px; background: var(--kr-deep); color: #fff; overflow: hidden; }
body.admin-bar .kr-hero--slider { height: min(calc(86vh - 32px), 860px); }
.kr-hero__slides { position: absolute; inset: 0; }
.kr-slide { position: absolute; inset: 0; visibility: hidden; clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); }
.kr-slide.is-prev { visibility: visible; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 1; transition: visibility 0s 1s; }
.kr-slide.is-on { visibility: visible; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 2; transition: clip-path 1s var(--kr-ease); }
.kr-slide:first-child.is-on { transition: none; }
.kr-slide__bg { position: absolute; inset: -3%; transform: translate(calc(var(--mx, 0) * 1px), calc(var(--my, 0) * 1px)); transition: transform .5s ease-out; }
.kr-slide__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 20%; display: block; transform: scale(1.12); }
.kr-slide.is-on .kr-slide__bg img { animation: kr-kb 9s ease-out forwards; }
@keyframes kr-kb { from { transform: scale(1.12); } to { transform: scale(1.01); } }
.kr-slide__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .62), rgba(0, 0, 0, .3) 45%, rgba(0, 0, 0, .05) 80%); }
.kr-slide__in { position: absolute; left: clamp(1.4rem, 7vw, 7rem); right: clamp(4rem, 12vw, 9rem); top: 46%; transform: translateY(-50%); z-index: 3; max-width: 760px; padding-bottom: 46px; }
.kr-slide__kicker { display: inline-flex; align-items: center; gap: .8rem; margin: 0 0 1.1rem; font: 600 .82rem/1 var(--kr-body); letter-spacing: .2em; text-transform: uppercase; color: #fff; } .kr-slide__kicker::before { content: ""; width: 36px; height: 2px; background: var(--kr-accent); }
body .kr-slide__title { margin: 0 0 1.1rem; font: 800 clamp(3rem, 7.6vw, 7rem)/.94 var(--kr-display); letter-spacing: .005em; color: #fff; text-transform: uppercase; }
.kr-slide__sub { margin: 0 0 1.8rem; font-size: 1.15rem; color: rgba(255, 255, 255, .88); max-width: 46ch; opacity: 0; transform: translateY(14px); }
.kr-slide .kr-btn { opacity: 0; transform: translateY(14px); }
.kr-slide.is-on .kr-slide__sub, .kr-slide.is-on .kr-btn { opacity: 1; transform: none; transition: opacity .7s .9s, transform .8s var(--kr-ease) .9s, background .25s, color .25s, border-color .25s; }
.kr-hero__arr { position: absolute; top: 46%; z-index: 6; width: 52px; height: 52px; display: grid; place-items: center; background: #fff; color: var(--kr-head); border: 0; border-radius: 50%; cursor: pointer; transform: translateY(-50%); transition: background .25s, color .25s, transform .25s; }
.kr-hero__arr:hover { background: var(--kr-accent); color: #fff; } .kr-hero__arr--l { left: clamp(.6rem, 2vw, 1.6rem); } .kr-hero__arr--r { right: clamp(.6rem, 2vw, 1.6rem); }
.kr-hero__dots { position: absolute; left: 50%; bottom: 68px; transform: translateX(-50%); z-index: 6; display: flex; gap: .55rem; }
.kr-hero__dots button { width: 11px; height: 11px; border-radius: 50%; border: 2px solid #fff; background: transparent; padding: 0; cursor: pointer; transition: background .25s, transform .25s; } .kr-hero__dots button.is-on { background: #fff; transform: scale(1.15); }
.kr-hero__count { position: absolute; left: clamp(1.4rem, 7vw, 7rem); bottom: 66px; z-index: 6; display: flex; align-items: baseline; gap: .5rem; font: 600 .86rem var(--kr-body); letter-spacing: .14em; } .kr-hero__count b { font: 800 2rem/1 var(--kr-display); }
.kr-hero__prog { position: absolute; left: 0; right: 0; bottom: 46px; height: 3px; background: rgba(255, 255, 255, .25); z-index: 7; } .kr-hero__prog i { display: block; height: 100%; width: 0; background: var(--kr-accent); }
.kr-hero__ticker { position: absolute; left: 0; right: 0; bottom: 0; z-index: 8; height: 46px; background: var(--kr-accent); color: #fff; overflow: hidden; display: flex; align-items: center; }
.kr-mq { overflow: hidden; background: var(--kr-head); color: #fff; padding: 1.1rem 0; }
.kr-mq__t { display: flex; width: max-content; animation: kr-mq 36s linear infinite; } .kr-mq__t > div { display: flex; align-items: center; flex: none; gap: 1.6rem; padding-right: 1.6rem; }
.kr-hero__ticker .kr-mq__t { animation-duration: 28s; }
.kr-mq__w { font: 800 clamp(1.8rem, 3.4vw, 3rem)/1 var(--kr-display); text-transform: uppercase; letter-spacing: .02em; white-space: nowrap; } .kr-mq__w.is-o { color: transparent; -webkit-text-stroke: 1.5px #fff; }
.kr-hero__ticker .kr-mq__w { font-size: 1.05rem; letter-spacing: .14em; } .kr-hero__ticker .kr-mq__w.is-o { color: #fff; -webkit-text-stroke: 0; opacity: .8; }
.kr-mq__s { width: 9px; height: 9px; background: var(--kr-accent); transform: rotate(45deg); flex: none; } .kr-hero__ticker .kr-mq__s { background: #fff; width: 6px; height: 6px; }
@keyframes kr-mq { to { transform: translateX(-50%); } }
.kr-mqsec { padding: 0; } .kr-mqsec > * { max-width: none !important; }

/* Split hero */
.kr-hero--split { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(1rem, 4vw, 4rem); align-items: center; padding: clamp(2rem, 5vw, 4rem) var(--kr-gutter); max-width: 1500px; margin: 0 auto; min-height: min(80vh, 760px); overflow: hidden; }
body .kr-hero__h1 { font: 800 clamp(3.4rem, 8vw, 7.6rem)/.92 var(--kr-display); margin: 0; color: var(--kr-head); }
.kr-rot { position: relative; height: 1.04em; font: 800 clamp(3.4rem, 8vw, 7.6rem)/1 var(--kr-display); text-transform: uppercase; color: var(--kr-accent); overflow: hidden; margin: 0 0 1.4rem; }
.kr-rot__w { position: absolute; left: 0; top: 0; white-space: nowrap; transform: translateY(105%); transition: transform .65s var(--kr-ease); } .kr-rot__w.is-on { transform: none; } .kr-rot__w.is-out { transform: translateY(-105%); }
.kr-hero__sub { font-size: 1.15rem; max-width: 40ch; color: var(--kr-ink); }
.kr-hero__btns { display: flex; gap: .8rem; flex-wrap: wrap; margin-top: 1.8rem; }
.kr-hero__stats { display: flex; gap: 2.4rem; margin-top: 2.6rem; flex-wrap: wrap; } .kr-hero__stats b { display: block; font: 800 2rem/1 var(--kr-display); color: var(--kr-head); } .kr-hero__stats small { color: var(--kr-muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.kr-hero__art { position: relative; aspect-ratio: 1 / 1.05; }
.kr-hero__photo { position: absolute; left: 4%; top: 0; width: 72%; aspect-ratio: 4 / 5; overflow: hidden; background: var(--kr-surface); transform: translate(calc(var(--mx, 0) * var(--d, 1) * 1px), calc(var(--my, 0) * var(--d, 1) * 1px)); transition: transform .5s ease-out; }
.kr-hero__photo--b { left: auto; right: 0; top: auto; bottom: 0; width: 46%; border: 8px solid var(--kr-bg); } .kr-hero__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kr-tagcard { position: absolute; display: grid; grid-template-columns: 56px auto; gap: .8rem; align-items: center; background: #fff; padding: .55rem .9rem .55rem .55rem; box-shadow: var(--kr-sh); text-decoration: none; color: var(--kr-head); transform: translate(calc(var(--mx, 0) * var(--d, 1) * 1px), calc(var(--my, 0) * var(--d, 1) * 1px)); transition: transform .5s ease-out; font-size: .82rem; font-weight: 700; z-index: 3; }
.kr-tagcard b { display: block; font: 700 1rem var(--kr-display); text-transform: uppercase; } .kr-tagcard__img { aspect-ratio: 4 / 5; overflow: hidden; background: var(--kr-surface); } .kr-tagcard__img img { width: 100%; height: 100%; object-fit: cover; }
.kr-tagcard--1 { left: -4%; top: 14%; } .kr-tagcard--2 { right: 2%; top: 4%; }

/* Panels hero */
.kr-hero--panels { height: min(86vh, 860px); min-height: 520px; background: var(--kr-deep); overflow: hidden; }
.kr-hero__panels { position: absolute; inset: 0 0 46px 0; display: flex; }
.kr-panel { position: relative; flex: 1; overflow: hidden; color: #fff; text-decoration: none; transition: flex .7s var(--kr-ease); border-right: 2px solid var(--kr-bg); }
.kr-panel:last-child { border-right: 0; } .kr-panel.is-act { flex: 2.4; }
.kr-panel__bg { position: absolute; inset: 0; background: var(--kr-surface); } .kr-panel__bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 1.2s var(--kr-ease); } .kr-panel:hover .kr-panel__bg img, .kr-panel.is-act .kr-panel__bg img { transform: scale(1); }
.kr-panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .65)); }
.kr-panel__in { position: absolute; left: clamp(1rem, 2.4vw, 2.2rem); right: 1rem; bottom: clamp(1.4rem, 3vw, 2.6rem); z-index: 2; display: grid; gap: .5rem; }
.kr-panel__in small { font: 700 .8rem var(--kr-body); letter-spacing: .2em; color: var(--kr-accent); } .kr-panel__in b { font: 800 clamp(2.6rem, 6vw, 5.6rem)/.92 var(--kr-display); text-transform: uppercase; }
.kr-panel__in em { display: inline-flex; align-items: center; gap: .6rem; font: 700 .8rem var(--kr-body); letter-spacing: .14em; text-transform: uppercase; font-style: normal; opacity: 0; transform: translateY(10px); transition: all .5s var(--kr-ease); } .kr-panel:hover em, .kr-panel.is-act em { opacity: 1; transform: none; }
.kr-hero--panels .kr-hero__ticker { z-index: 5; }

/* ----------------------------------------------------------------- PRODUCTS */
.kr-pgrid { display: grid; gap: clamp(.8rem, 1.6vw, 1.5rem); grid-template-columns: repeat(4, 1fr); }
.kr-pgrid.kr-cols-3 { grid-template-columns: repeat(3, 1fr); } .kr-pgrid.kr-cols-2 { grid-template-columns: repeat(2, 1fr); }
.kr-pc[hidden] { display: none; }
.kr-pc__media { position: relative; aspect-ratio: 4 / 5; background: var(--kr-surface); overflow: hidden; }
.kr-pc__img { display: block; position: absolute; inset: 0; } .kr-pc__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .5s, transform .9s var(--kr-ease); }
.kr-pc__alt { opacity: 0; } .kr-pc:hover .kr-pc__alt { opacity: 1; } .kr-pc:hover .kr-pc__img img { transform: scale(1.04); }
.kr-bd { position: absolute; left: 10px; top: 10px; z-index: 2; background: var(--kr-new); color: #fff; font: 700 .68rem/1 var(--kr-body); letter-spacing: .08em; text-transform: uppercase; font-style: normal; padding: .45rem .6rem; }
.kr-bd--sale { background: var(--kr-accent); } .kr-bd--out { background: var(--kr-head); }
.kr-pc__tools { position: absolute; right: 10px; top: 10px; z-index: 3; display: grid; gap: 6px; }
.kr-pc__tools button { width: 38px; height: 38px; display: grid; place-items: center; background: #fff; color: var(--kr-head); border: 0; border-radius: 50%; cursor: pointer; box-shadow: 0 4px 12px -4px rgba(0, 0, 0, .4); opacity: 0; transform: translateX(10px); transition: opacity .3s, transform .35s var(--kr-ease), background .2s, color .2s; }
.kr-pc__tools button:nth-child(2) { transition-delay: .04s; } .kr-pc__tools button:nth-child(3) { transition-delay: .08s; }
.kr-pc:hover .kr-pc__tools button, .kr-pc__tools button:focus-visible, .kr-pc__tools button.is-on { opacity: 1; transform: none; }
.kr-pc__tools button:hover { background: var(--kr-accent); color: #fff; } .kr-pc__tools button.is-on { background: var(--kr-accent); color: #fff; } .kr-pc__tools [data-kr-wish].is-on svg { fill: currentColor; }
.kr-pc__add { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; background: var(--kr-accent); color: #fff; border: 0; padding: .95rem; font: 700 .78rem var(--kr-body); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; transform: translateY(101%); transition: transform .4s var(--kr-ease), background .2s; }
.kr-pc:hover .kr-pc__add, .kr-pc__add:focus-visible { transform: none; } .kr-pc__add:hover { background: var(--kr-head); } .kr-pc__add[disabled] { background: var(--kr-muted); cursor: not-allowed; }
.kr-pc.is-out .kr-pc__img { filter: grayscale(.6); opacity: .7; }
.kr-pc__txt { text-align: center; padding: .9rem .3rem 0; display: grid; gap: .15rem; justify-items: center; }
.kr-pc__cat { font: 600 .72rem var(--kr-body); letter-spacing: .14em; text-transform: uppercase; color: var(--kr-muted); }
.kr-pc__txt h3 { margin: 0; font: 700 1.28rem/1.1 var(--kr-display); } .kr-pc__txt h3 a { text-decoration: none; color: var(--kr-head); } .kr-pc__txt h3 a:hover { color: var(--kr-accent); }
.kr-price { font-size: 1rem; } .kr-price b { color: var(--kr-accent); font-weight: 700; } .kr-price s { color: var(--kr-muted); margin-right: .3rem; font-size: .9em; }
.kr-pc__dots { display: flex; gap: 5px; margin-top: .3rem; } .kr-pc__dots i, .kr-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .2); }
.kr-stars { position: relative; display: inline-flex; align-items: center; gap: .35rem; color: #D8D8D8; line-height: 1; }
.kr-stars__bg { display: inline-flex; } .kr-stars__fg { position: absolute; left: 0; top: 0; overflow: hidden; display: block; white-space: nowrap; } .kr-stars__fg span { display: inline-flex; color: var(--kr-star); } .kr-stars small { margin-left: auto; position: relative; left: 4px; color: var(--kr-muted); font-size: .74rem; }
.kr-stars svg { width: 14px; height: 14px; }
.kr-pc__txt .kr-stars { margin: .15rem 0; }
.kr-ptabs__nav { display: flex; gap: clamp(1rem, 3vw, 2.2rem); justify-content: center; margin: 0 0 2rem; flex-wrap: wrap; }
.kr-ptabs__nav button { background: none; border: 0; border-bottom: 2px solid transparent; padding: .3rem 0 .4rem; font: 700 .86rem var(--kr-body); letter-spacing: .14em; text-transform: uppercase; color: var(--kr-muted); cursor: pointer; transition: color .2s, border-color .2s; }
.kr-ptabs__nav button:hover { color: var(--kr-head); } .kr-ptabs__nav button.is-on { color: var(--kr-head); border-color: var(--kr-accent); }
.kr-tabpane { display: none; } .kr-tabpane.is-on { display: block; animation: kr-fade .5s var(--kr-ease); }
@keyframes kr-fade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.kr-pslider { position: relative; }
.kr-pgrid--slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 1.4rem; padding-bottom: .4rem; } .kr-pgrid--slider::-webkit-scrollbar { display: none; }
.kr-pgrid--slider .kr-pc { flex: 0 0 calc(25% - 1.05rem); scroll-snap-align: start; }
.kr-pslider__nav { display: flex; gap: .5rem; justify-content: center; margin-top: 1.4rem; } .kr-pslider__nav button, .kr-slider__nav button { width: 46px; height: 46px; display: grid; place-items: center; background: #fff; border: 1px solid var(--kr-line); color: var(--kr-head); border-radius: 50%; cursor: pointer; transition: all .25s; } .kr-pslider__nav button:hover, .kr-slider__nav button:hover { background: var(--kr-head); border-color: var(--kr-head); color: #fff; }

/* Collection tiles */
.kr-cats { display: grid; gap: clamp(.8rem, 1.6vw, 1.5rem); grid-template-columns: repeat(3, 1fr); }
.kr-cat { position: relative; display: block; aspect-ratio: 4 / 3.5; overflow: hidden; background: var(--kr-surface); text-decoration: none; color: #fff; }
.kr-cat__img, .kr-cat__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .kr-cat__img img { transition: transform 1s var(--kr-ease); } .kr-cat:hover .kr-cat__img img { transform: scale(1.07); }
.kr-cat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, .45)); }
.kr-cat__t { position: absolute; left: 1rem; bottom: 1rem; z-index: 2; display: flex; align-items: center; gap: .8rem; background: #fff; color: var(--kr-head); padding: .65rem 1.1rem; transition: background .25s, color .25s; }
.kr-cat__t b { font: 800 1.2rem/1 var(--kr-display); letter-spacing: .12em; text-transform: uppercase; } .kr-cat__t small { color: var(--kr-muted); font-size: .76rem; }
.kr-cat:hover .kr-cat__t { background: var(--kr-accent); color: #fff; } .kr-cat:hover .kr-cat__t small { color: rgba(255, 255, 255, .85); }

/* Shop */
.kr-shop { display: grid; grid-template-columns: 250px 1fr; gap: clamp(1.4rem, 3vw, 3rem); align-items: start; }
.kr-shop__side { position: sticky; top: calc(var(--kr-hdr) + 20px); display: grid; gap: 1.6rem; }
.kr-fgroup h3, .kr-fgroup h4 { font: 700 1.2rem var(--kr-display); margin: 0 0 .8rem; }
.kr-fchips { display: flex; flex-wrap: wrap; gap: .4rem; } .kr-fchips button, .kr-opt-btn { background: #fff; border: 1px solid var(--kr-line); padding: .5rem .9rem; font: 600 .8rem var(--kr-body); letter-spacing: .06em; text-transform: uppercase; color: var(--kr-head); cursor: pointer; transition: all .2s; }
.kr-fchips button:hover, .kr-opt-btn:hover { border-color: var(--kr-head); } .kr-fchips button.is-on, .kr-opt-btn.is-on { background: var(--kr-head); border-color: var(--kr-head); color: #fff; }
.kr-fchips--sq button { min-width: 46px; text-align: center; }
.kr-range input[type="range"], .kr-field input[type="range"] { width: 100%; accent-color: var(--kr-accent); }
.kr-range__t { display: flex; justify-content: space-between; font-size: .86rem; color: var(--kr-muted); } .kr-range__t b { color: var(--kr-head); }
.kr-check { display: flex; align-items: center; gap: .6rem; font-weight: 600; cursor: pointer; } .kr-check input { accent-color: var(--kr-accent); width: 18px; height: 18px; }
.kr-shop__bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1.2rem; margin-bottom: 1.4rem; border-bottom: 1px solid var(--kr-line); }
.kr-shop__count { margin: 0; color: var(--kr-muted); font-size: .9rem; } .kr-sort select { border: 1px solid var(--kr-line); padding: .6rem 2rem .6rem .8rem; font: 600 .86rem var(--kr-body); background: #fff; color: var(--kr-head); border-radius: 0; }
.kr-shop__filterbtn, .kr-shop__close { display: none; } .kr-shop__none { text-align: center; padding: 3rem 0; color: var(--kr-muted); }

/* Single product */
.single-kr_product .entry-hero, .single-kr_product .entry-header, .single-kr_product .post-thumbnail { display: none !important; }
.kr-sp { max-width: var(--kr-wrap); margin: 0 auto; padding: 1.4rem var(--kr-gutter) 3rem; }
.kr-crumbs { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .8rem; color: var(--kr-muted); margin-bottom: 1.4rem; } .kr-crumbs a { text-decoration: none; } .kr-crumbs a:hover { color: var(--kr-accent); } .kr-crumbs em { font-style: normal; color: var(--kr-head); font-weight: 600; }
.kr-sp__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(1.4rem, 4vw, 4rem); align-items: start; }
.kr-sp__gal { display: grid; grid-template-columns: 86px 1fr; gap: .8rem; }
.kr-sp__thumbs { display: grid; gap: .6rem; align-content: start; } .kr-sp__thumbs button { padding: 0; border: 2px solid transparent; background: var(--kr-surface); cursor: pointer; aspect-ratio: 4 / 5; overflow: hidden; } .kr-sp__thumbs button.is-on { border-color: var(--kr-head); } .kr-sp__thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kr-sp__main { position: relative; aspect-ratio: 4 / 5; background: var(--kr-surface); overflow: hidden; } .kr-sp__main img { width: 100%; height: 100%; object-fit: cover; display: block; } .kr-sp__main img[hidden] { display: none; }
.kr-sp__info { position: sticky; top: calc(var(--kr-hdr) + 20px); }
.kr-sp__info h1 { font-size: clamp(2.4rem, 4.4vw, 3.8rem); margin: 0 0 .6rem; }
.kr-sp__rate { margin-bottom: .6rem; } .kr-sp__info .kr-price { font-size: 1.6rem; display: block; margin: .3rem 0 1rem; } .kr-sp__ex { color: var(--kr-ink); margin: 0 0 1.2rem; }
.kr-opt { margin: 1.2rem 0; } .kr-opt h4 { font: 700 1rem var(--kr-body); text-transform: none; letter-spacing: 0; margin: 0 0 .6rem; display: flex; gap: .6rem; } .kr-opt h4 a { margin-left: auto; font-size: .8rem; font-weight: 500; color: var(--kr-muted); }
.kr-swatches { display: flex; gap: .6rem; flex-wrap: wrap; } .kr-swatches button { width: 34px; height: 34px; border-radius: 50%; background: var(--c); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--kr-line); cursor: pointer; padding: 0; transition: box-shadow .2s; } .kr-swatches button.is-on { box-shadow: 0 0 0 2px var(--kr-head); }
.kr-sizes { display: flex; gap: .5rem; flex-wrap: wrap; } .kr-sizes button { min-width: 52px; height: 46px; padding: 0 .8rem; background: #fff; border: 1px solid var(--kr-line); font: 600 .9rem var(--kr-body); color: var(--kr-head); cursor: pointer; transition: all .2s; } .kr-sizes button:hover { border-color: var(--kr-head); } .kr-sizes button.is-on { background: var(--kr-head); border-color: var(--kr-head); color: #fff; }
.kr-opt__err { color: var(--kr-accent); font-size: .85rem; font-weight: 600; margin: .5rem 0 0; } .kr-opt__err[hidden] { display: none; }
.kr-buy { display: flex; gap: .6rem; margin: 1.4rem 0 1rem; flex-wrap: wrap; } .kr-buy .kr-btn { flex: 1; min-width: 160px; height: 50px; padding-block: 0; }
.kr-stock { font-size: .86rem; font-weight: 600; color: var(--kr-new); margin: 0 0 1rem; } .kr-stock--low { color: #C97A00; } .kr-stock--out { color: var(--kr-accent); }
.kr-sp__perks { list-style: none; padding: 1rem 0 0; margin: 1rem 0 0; border-top: 1px solid var(--kr-line); display: grid; gap: .5rem; font-size: .9rem; } .kr-sp__perks li { display: flex; gap: .6rem; align-items: center; } .kr-sp__perks svg { color: var(--kr-accent); }
.kr-sp__meta { font-size: .82rem; color: var(--kr-muted); margin: 1rem 0 0; }
.kr-sp__tabs { margin-top: clamp(2.4rem, 5vw, 4rem); } .kr-sp__tabs .kr-ptabs__nav { justify-content: flex-start; border-bottom: 1px solid var(--kr-line); gap: 2rem; } .kr-sp__tabs .kr-ptabs__nav button { margin-bottom: -1px; padding-bottom: .9rem; }
.kr-sp__tabs .kr-tabpane { max-width: 820px; } .kr-sp__related { margin-top: clamp(2.6rem, 6vw, 4.5rem); } .kr-sp__related h2 { text-align: center; margin: 0 0 1.8rem; font-size: clamp(2rem, 3.6vw, 3rem); }

/* Cart, checkout, wishlist */
.kr-cartpage__grid, .kr-checkout { display: grid; grid-template-columns: 1.5fr 1fr; gap: clamp(1.4rem, 4vw, 3.5rem); align-items: start; }
.kr-cartlist .kr-ci { grid-template-columns: 96px 1fr auto; } .kr-cartlist--ro .kr-ci { grid-template-columns: 64px 1fr auto; }
.kr-checkout__sum { background: var(--kr-surface); padding: clamp(1.2rem, 3vw, 2rem); position: sticky; top: calc(var(--kr-hdr) + 20px); } .kr-checkout__sum h3 { margin: 0 0 1rem; font-size: 1.6rem; } .kr-checkout__sum .kr-btn { width: 100%; margin-top: 1rem; }
.kr-checkout h3 { margin: 0 0 1rem; font-size: 1.6rem; }
.kr-leadform__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.2rem; } .kr-field { display: grid; gap: .35rem; } .kr-field--wide { grid-column: 1 / -1; } .kr-field > span { font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--kr-head); }
.kr-field input, .kr-field select, .kr-field textarea, .kr-newsletter input[type="email"], .kr-contact input, .kr-contact textarea { width: 100%; border: 1px solid #D5D5D5; border-radius: 0; background: #fff; color: var(--kr-head); padding: .8rem .9rem; font: 400 1rem var(--kr-body); }
.kr-field input:focus, .kr-field select:focus, .kr-field textarea:focus, .kr-newsletter input:focus, .kr-contact input:focus, .kr-contact textarea:focus { outline: 0; border-color: var(--kr-head); box-shadow: 0 0 0 3px color-mix(in srgb, var(--kr-accent) 22%, transparent); }
.kr-newsletter__msg { min-height: 1.4em; margin: .8rem 0 0; font-size: .9rem; font-weight: 600; color: var(--kr-new); } .kr-newsletter__msg.is-error { color: var(--kr-accent); }
.kr-newsletter__form { display: flex; gap: 0; flex-wrap: wrap; } .kr-newsletter__form input[type="email"] { flex: 1; min-width: 200px; } .kr-newsletter__form .kr-btn { padding-inline: 1.4rem; } .kr-newsletter__consent { flex-basis: 100%; font-size: .8rem; margin-top: .5rem; } .kr-newsletter__msg { flex-basis: 100%; }
.kr-nlsec { background: var(--kr-tint); } .kr-newsletter h3 { font-size: clamp(2rem, 4vw, 3rem); margin: 0 0 .6rem; text-align: center; } .kr-newsletter > p { text-align: center; } .kr-nlsec .kr-newsletter__form { max-width: 560px; margin: 1.4rem auto 0; }
.kr-contact__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .kr-contact label { display: block; font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-bottom: .35rem; } .kr-contact p { margin: 0 0 1rem; }
.kr-card { background: var(--kr-bg); border: 1px solid var(--kr-line); padding: clamp(1.2rem, 3vw, 2rem); } .kr-card h3 { margin: 0 0 1rem; font-size: 1.7rem; }
.kr-info p { margin: 0 0 1rem; } .kr-contact-info { list-style: none; padding: 0; margin: 1rem 0; display: grid; gap: .8rem; } .kr-contact-info li { display: flex; gap: .8rem; align-items: center; } .kr-contact-info__icon { width: 38px; height: 38px; display: grid; place-items: center; background: var(--kr-tint); color: var(--kr-accent); flex: none; }
.kr-hours { list-style: none; padding: 0; margin: 1rem 0; } .kr-hours li { display: flex; justify-content: space-between; padding: .5rem 0; border-bottom: 1px solid var(--kr-line); }
.kr-social { display: flex; gap: .5rem; flex-wrap: wrap; } .kr-social__btn { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--kr-line); color: var(--kr-head); transition: all .2s; } .kr-social__btn:hover { background: var(--kr-accent); border-color: var(--kr-accent); color: #fff; }
.kr-tablewrap { overflow-x: auto; } .kr-table { width: 100%; border-collapse: collapse; font-size: .95rem; } .kr-table th, .kr-table td { padding: .85rem 1rem; text-align: left; border-bottom: 1px solid var(--kr-line); } .kr-table thead th { background: var(--kr-head); color: #fff; font: 700 .9rem var(--kr-body); letter-spacing: .08em; text-transform: uppercase; border: 0; }
.kr-cmptable td, .kr-cmptable th { text-align: center; vertical-align: top; } .kr-cmptable img { width: 140px; aspect-ratio: 4 / 5; object-fit: cover; display: block; margin: 0 auto .4rem; }

/* Tool, promo, usps, stats, lookbook, reviews, press, features */
.kr-toolsec { background: var(--kr-surface); }
.kr-tool { background: #fff; box-shadow: var(--kr-sh); max-width: 980px !important; } .kr-tool__in { display: grid; grid-template-columns: 1.2fr 1fr; } .kr-tool__q { padding: clamp(1.4rem, 3vw, 2.4rem); display: grid; gap: 1.2rem; } .kr-tool__q h3 { margin: 0; font-size: 1.8rem; }
.kr-tool__out { background: var(--kr-head); color: #fff; padding: clamp(1.4rem, 3vw, 2.4rem); display: grid; align-content: center; justify-items: start; gap: .8rem; } .kr-tool__out p { margin: 0; color: rgba(255, 255, 255, .8); }
.kr-sizer__big { font: 800 clamp(5rem, 11vw, 8rem)/.9 var(--kr-display); color: var(--kr-accent); }
.kr-range { display: grid; gap: .4rem; } .kr-range > span { display: flex; justify-content: space-between; font-weight: 700; font-size: .86rem; letter-spacing: .06em; text-transform: uppercase; } .kr-range output { color: var(--kr-accent); }
.kr-optrow { display: flex; gap: .5rem; flex-wrap: wrap; }
.kr-promo { position: relative; display: grid; grid-template-columns: 1fr 1fr; background: var(--kr-head); color: #fff; overflow: hidden; min-height: 420px; }
.kr-promo__img { position: relative; order: 2; } .kr-promo__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kr-promo__in { padding: clamp(2rem, 6vw, 5rem); display: grid; align-content: center; gap: 1rem; justify-items: start; } .kr-promo h2 { color: #fff; font-size: clamp(2.8rem, 6vw, 5.4rem); margin: 0; } .kr-promo p { color: rgba(255, 255, 255, .8); margin: 0; max-width: 42ch; }
.kr-promo .kr-kicker { color: var(--kr-accent); } .kr-promo:not(:has(.kr-promo__img)) { grid-template-columns: 1fr; text-align: center; } .kr-promo:not(:has(.kr-promo__img)) .kr-promo__in { justify-items: center; }
.kr-count { display: flex; gap: .8rem; } .kr-count span { display: grid; place-items: center; min-width: 74px; padding: .7rem .4rem; background: rgba(255, 255, 255, .1); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; } .kr-count b { font: 800 2.2rem/1 var(--kr-display); color: #fff; }
.kr-usps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4rem; } .kr-usp { display: flex; gap: 1rem; align-items: center; } .kr-usp > span { color: var(--kr-accent); } .kr-usp b { display: block; font: 700 1.15rem var(--kr-display); text-transform: uppercase; letter-spacing: .02em; color: var(--kr-head); } .kr-usp small { color: var(--kr-muted); font-size: .82rem; line-height: 1.4; display: block; }
.kr-usp-sec { padding: 2.2rem var(--kr-gutter); border-top: 1px solid var(--kr-line); background: var(--kr-surface); } .kr-usp-sec > * { max-width: var(--kr-wrap); margin: 0 auto; }
.kr-uspsec { background: var(--kr-surface); padding-block: 2.4rem; }
.kr-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; text-align: center; } .kr-stat strong { display: block; font: 800 clamp(3rem, 6vw, 5rem)/1 var(--kr-display); color: var(--kr-accent); } .kr-stat > span { font: 600 .8rem var(--kr-body); letter-spacing: .12em; text-transform: uppercase; color: var(--kr-muted); }
.kr-statsec { background: var(--kr-surface); }
.kr-lookbook { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 240px; gap: 1rem; } .kr-look { position: relative; overflow: hidden; background: var(--kr-surface); text-decoration: none; color: #fff; } .kr-look--0 { grid-column: span 2; grid-row: span 2; } .kr-look--3 { grid-row: span 2; } .kr-look img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--kr-ease); } .kr-look:hover img { transform: scale(1.06); } .kr-look::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, .55)); } .kr-look span { position: absolute; left: 1rem; bottom: .9rem; right: 1rem; z-index: 2; font-weight: 600; font-size: .86rem; display: grid; } .kr-look b { font: 700 1.4rem/1 var(--kr-display); text-transform: uppercase; }
.kr-revsec { background: var(--kr-surface); text-align: center; } .kr-revsec--photo { background: var(--kr-deep); color: #fff; } .kr-revsec--photo .kr-title, .kr-revsec--photo h2 { color: #fff; } .kr-revsec--photo .kr-kicker { color: #fff; }
.kr-slider { position: relative; } .kr-slider__track { display: flex; gap: 1.4rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .kr-slider__track::-webkit-scrollbar { display: none; }
.kr-quote { flex: 0 0 min(560px, 86%); scroll-snap-align: center; margin: 0; padding: clamp(1.4rem, 3vw, 2.2rem); background: #fff; color: var(--kr-ink); text-align: left; } .kr-revsec--photo .kr-quote { background: transparent; color: #fff; text-align: center; flex-basis: min(760px, 90%); }
.kr-quote__stars { display: flex; gap: 2px; color: var(--kr-star); margin-bottom: .8rem; } .kr-revsec--photo .kr-quote__stars { justify-content: center; }
body .kr-quote blockquote { margin: 0 0 1.2rem; padding: 0; border: 0; font: 400 1.1rem/1.65 var(--kr-body); color: inherit; max-width: none; text-align: inherit; font-style: normal; } .kr-quote p { margin: 0; }
.kr-quote figcaption { display: flex; align-items: center; gap: .8rem; } .kr-revsec--photo .kr-quote figcaption { justify-content: center; } .kr-quote figcaption small { display: block; opacity: .7; }
.kr-avatar { width: 46px; height: 46px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: var(--kr-accent); color: #fff; font-weight: 700; } .kr-avatar img { width: 100%; height: 100%; object-fit: cover; }
.kr-slider__nav { display: flex; gap: .5rem; justify-content: center; margin-top: 1.4rem; } .kr-slider__nav button:last-child svg { } .kr-slider__nav button:first-child svg { transform: scaleX(-1); } .kr-revsec--photo .kr-slider__nav button { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .5); }
.kr-press__k { display: flex; justify-content: center; } .kr-press { list-style: none; padding: 0; margin: 1.2rem 0 0; display: flex; flex-wrap: wrap; gap: 1rem 3rem; justify-content: center; font: 800 clamp(1.3rem, 2.4vw, 2rem) var(--kr-display); text-transform: uppercase; letter-spacing: .08em; color: var(--kr-head); } .kr-press li { opacity: .35; transition: opacity .2s; } .kr-press li:hover { opacity: 1; color: var(--kr-accent); }
.kr-feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; } .kr-feat { text-align: center; padding: 1.6rem 1rem; } .kr-feat__ic { display: inline-grid; place-items: center; width: 70px; height: 70px; background: var(--kr-tint); color: var(--kr-accent); border-radius: 50%; margin-bottom: 1rem; } .kr-feat h3 { margin: 0 0 .5rem; font-size: 1.7rem; } .kr-feat p { margin: 0; color: var(--kr-muted); }
.kr-aboutcols .wp-block-columns { align-items: center; } .kr-about__a img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.wp-block-details { border-bottom: 1px solid var(--kr-line); padding: 1.1rem 0; } .wp-block-details summary { font: 700 1.35rem var(--kr-display); text-transform: uppercase; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 1rem; } .wp-block-details summary::-webkit-details-marker { display: none; } .wp-block-details summary::after { content: "+"; font-size: 1.6rem; line-height: 1; color: var(--kr-accent); } .wp-block-details[open] summary::after { content: "−"; } .wp-block-details p { margin: .8rem 0 0; color: var(--kr-ink); }

/* Journal */
.kr-grid { display: grid; gap: clamp(1rem, 2vw, 1.8rem); } .kr-grid.kr-cols-3 { grid-template-columns: repeat(3, 1fr); } .kr-grid.kr-cols-4 { grid-template-columns: repeat(4, 1fr); } .kr-grid.kr-cols-2 { grid-template-columns: repeat(2, 1fr); }
.kr-post__media { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--kr-surface); overflow: hidden; } .kr-post__img { display: block; height: 100%; } .kr-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--kr-ease); } .kr-post:hover .kr-post__img img { transform: scale(1.05); }
.kr-save { display: none !important; }
.kr-post__body { padding-top: 1rem; } body .kr-chip { display: inline-block; font: 700 .7rem var(--kr-body); letter-spacing: .16em; text-transform: uppercase; color: var(--kr-accent); text-decoration: none; margin-bottom: .4rem; }
.kr-post h3 { margin: 0 0 .4rem; font: 700 1.5rem/1.1 var(--kr-display); } .kr-post h3 a { text-decoration: none; color: var(--kr-head); } .kr-post h3 a:hover { color: var(--kr-accent); } .kr-post__meta { margin: 0; font-size: .8rem; color: var(--kr-muted); } .kr-post__excerpt { margin: .4rem 0; color: var(--kr-muted); font-size: .95rem; }
.kr-progress { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 200; } .kr-progress span { display: block; height: 100%; width: 0; background: var(--kr-accent); }
.kr-share { display: flex; gap: .6rem; flex-wrap: wrap; padding: 1rem 0; } .kr-share a, .kr-share button { border: 1px solid var(--kr-line); background: #fff; padding: .5rem 1rem; font: 600 .8rem var(--kr-body); text-decoration: none; color: var(--kr-head); cursor: pointer; }
.single-post .entry-content p, .single-post .entry-content li { font-size: 1.06rem; line-height: 1.85; } .single-post .entry-content h2 { margin-top: 2.2rem; }
.entry-content img { border-radius: 0; }
body .entry-content blockquote { border: 0; border-left: 4px solid var(--kr-accent); padding: .4rem 0 .4rem 1.4rem; margin: 2rem 0; font: 700 1.8rem/1.2 var(--kr-display); text-transform: uppercase; color: var(--kr-head); }
body:not(.kr-has-hero).blog .site-main, body.archive .site-main, body.single-post .site-main, body.search .site-main, body.error404 .site-main { padding-top: 2rem; }

/* ------------------------------------------------------------------- FOOTER */
.site-footer, #colophon { background: var(--kr-deep) !important; color: rgba(255, 255, 255, .6); } #colophon a { color: rgba(255, 255, 255, .85); }
.kr-footer { background: var(--kr-deep); color: rgba(255, 255, 255, .68); padding: clamp(3rem, 6vw, 4.5rem) var(--kr-gutter) 0; position: relative; overflow: hidden; }
.kr-footer__in { max-width: var(--kr-wrap); margin: 0 auto; display: grid; grid-template-columns: 1.3fr .8fr .8fr 1.3fr; gap: clamp(1.6rem, 4vw, 3.5rem); position: relative; z-index: 2; }
.kr-footer h3 { color: #fff; font-size: 1.4rem; margin: 0 0 1rem; letter-spacing: .08em; } .kr-footer p { margin: 0 0 1rem; } .kr-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; } .kr-footer a { color: inherit; text-decoration: none; } .kr-footer a:hover { color: var(--kr-accent); }
.kr-footer__brand, .kr-footer .custom-logo-link { font: 800 2rem var(--kr-display); letter-spacing: .2em; text-transform: uppercase; color: #fff; } .kr-footer .custom-logo { filter: brightness(0) invert(1); max-height: 36px; width: auto; }
.kr-footer .kr-social__btn { border-color: rgba(255, 255, 255, .3); color: #fff; }
.kr-footer .kr-newsletter__form input[type="email"] { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .2); color: #fff; } .kr-footer .kr-newsletter__form .kr-btn { background: var(--kr-accent); }
.kr-footer .kr-contact-info__icon { background: rgba(255, 255, 255, .08); color: var(--kr-accent); }
.kr-footer__giant { font: 800 clamp(5rem, 24vw, 22rem)/.78 var(--kr-display); letter-spacing: .06em; text-transform: uppercase; text-align: center; margin: 2rem 0 -.1em !important; background: linear-gradient(180deg, rgba(255, 255, 255, .14), transparent 85%); -webkit-background-clip: text; background-clip: text; color: transparent; user-select: none; }
.kr-footer__nl p { font-size: .92rem; }

/* ------------------------------------------------------------------ REVEAL */
.kr-js .kr-rv { opacity: 0; transform: translateY(26px); }
.kr-js .kr-rv.kr-in { opacity: 1; transform: none; transition: opacity .8s var(--kr-ease) var(--rd, 0ms), transform .9s var(--kr-ease) var(--rd, 0ms); }
.kr-js .kr-pc.kr-rv.kr-in { transition-property: opacity, transform; }

/* -------------------------------------------------------------- RESPONSIVE */
@media (max-width: 1100px) {
	.kr-pgrid { grid-template-columns: repeat(3, 1fr); } .kr-pgrid--slider .kr-pc { flex-basis: calc(33.33% - 1rem); }
	.kr-footer__in { grid-template-columns: 1fr 1fr; } .kr-usps { grid-template-columns: repeat(2, 1fr); } .kr-grid.kr-cols-4 { grid-template-columns: repeat(2, 1fr); }
	.kr-lookbook { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
	.kr-fm__in { grid-template-columns: 1fr; gap: 1.6rem; } .kr-fm__side { align-self: start; }
	.kr-shop { grid-template-columns: 1fr; } .kr-shop__filterbtn { display: inline-flex; } .kr-shop__close { display: grid; position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; place-items: center; background: none; border: 0; cursor: pointer; }
	.kr-shop__side { position: fixed; z-index: 1002; top: 0; left: 0; bottom: 0; width: min(340px, 88vw); background: #fff; padding: 3.4rem 1.4rem 2rem; overflow-y: auto; transform: translateX(-102%); transition: transform .4s var(--kr-ease); align-content: start; } .kr-shop__side.is-open { transform: none; }
	.kr-sp__grid, .kr-cartpage__grid, .kr-checkout, .kr-qv, .kr-tool__in, .kr-promo, .kr-popup__box { grid-template-columns: 1fr; }
	.kr-sp__info, .kr-checkout__sum { position: static; } .kr-promo__img { order: 0; min-height: 240px; } .kr-popup__img { min-height: 180px; }
	.kr-hero--split { grid-template-columns: 1fr; } .kr-hero__art { max-width: 520px; margin: 0 auto; width: 100%; }
	.kr-hero--panels { height: auto; min-height: 0; } .kr-hero__panels { position: relative; inset: auto; flex-direction: column; } .kr-panel { flex: none; height: 30vh; min-height: 190px; border-right: 0; border-bottom: 2px solid var(--kr-bg); } .kr-panel.is-act { flex: none; } .kr-panel__in em { opacity: 1; transform: none; } .kr-hero--panels .kr-hero__ticker { position: relative; }
	.kr-slide__in { right: 1.4rem; left: 1.4rem; top: 44%; } .kr-hero__arr { width: 42px; height: 42px; top: auto; bottom: 120px; transform: none; } .kr-hero__count { display: none; }
	.kr-feats, .kr-cats { grid-template-columns: 1fr; } .kr-cat { aspect-ratio: 16 / 9; } .kr-stats { grid-template-columns: repeat(2, 1fr); } .kr-grid.kr-cols-3 { grid-template-columns: repeat(2, 1fr); }
	.kr-lookbook { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 200px; } .kr-look--0 { grid-column: span 2; }
}
@media (max-width: 782px) { body.admin-bar header#masthead.site-header { top: 46px; } }
@media (max-width: 640px) {
	.kr-pgrid, .kr-pgrid.kr-cols-3 { grid-template-columns: repeat(2, 1fr); } .kr-pgrid--slider .kr-pc { flex-basis: 70%; }
	.kr-leadform__fields, .kr-contact__row { grid-template-columns: 1fr; } .kr-footer__in { grid-template-columns: 1fr; } .kr-usps { grid-template-columns: 1fr; } .kr-grid.kr-cols-4, .kr-grid.kr-cols-3 { grid-template-columns: 1fr; }
	.kr-sp__gal { grid-template-columns: 1fr; } .kr-sp__thumbs { grid-auto-flow: column; grid-auto-columns: 64px; order: 2; } .kr-ci { grid-template-columns: 64px 1fr auto; }
	.kr-burger__t { display: none; } .kr-ibtn--acct { display: none; } .kr-pc__txt h3 { font-size: 1.1rem; }
	.kr-hero__dots { bottom: 60px; } .kr-slide__sub { font-size: 1rem; } .kr-promo__in { padding: 1.6rem; } .kr-count span { min-width: 58px; }
	.kr-search__res a { grid-template-columns: 48px 1fr auto; }
}
@media (hover: none) {
	.kr-pc__tools button { opacity: 1; transform: none; } .kr-pc__add { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
	.kr-letter, .kr-js .kr-rv { opacity: 1 !important; transform: none !important; } .kr-slide__sub, .kr-slide .kr-btn { opacity: 1 !important; transform: none !important; }
}
@media print { .kr-announce, header#masthead, .kr-footer, .kr-drawer, .kr-modal, .kr-toast { display: none !important; } }
.kr-wipe { visibility: hidden; } body.kr-leaving .kr-wipe { visibility: visible; }
body .kr-shop__filterbtn { display: none; }
@media (max-width: 900px) { body .kr-shop__filterbtn { display: inline-flex; } }
.kr-tool { margin-left: auto !important; margin-right: auto !important; width: 100%; }
.kr-range input[type="range"], .kr-field input[type="range"] { -webkit-appearance: none; appearance: none; height: 24px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.kr-range input[type="range"]::-webkit-slider-runnable-track { height: 4px; background: var(--kr-line); }
.kr-range input[type="range"]::-moz-range-track { height: 4px; background: var(--kr-line); }
.kr-range input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; margin-top: -7px; border-radius: 50%; background: var(--kr-accent); border: 3px solid #fff; box-shadow: 0 0 0 1px var(--kr-accent), 0 2px 6px rgba(0, 0, 0, .25); }
.kr-range input[type="range"]::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--kr-accent); border: 3px solid #fff; box-shadow: 0 0 0 1px var(--kr-accent); }
body .kr-hero__h1 { font-size: clamp(2.8rem, 5.6vw, 5.8rem); }
.kr-rot { font-size: clamp(2.8rem, 5.6vw, 5.8rem); }
body .entry-content .kr-quote blockquote, body .kr-quote blockquote { border: 0; padding: 0; margin: 0 0 1.2rem; font: 400 1.1rem/1.65 var(--kr-body); text-transform: none; color: inherit; max-width: none; }
body .kr-quote blockquote p { color: inherit; margin: 0; }
.kr-revsec--photo .kr-quote blockquote { font-size: clamp(1.15rem, 2vw, 1.5rem); }
body .kr-btn { white-space: nowrap; }
.kr-shop__bar { flex-wrap: wrap; } .kr-shop__count { flex: 1; }
body.admin-bar .kr-drawer__panel { top: 32px; } body.admin-bar .kr-fm__in { padding-top: 7rem; }
@media (max-width: 782px) { body.admin-bar .kr-drawer__panel { top: 46px; } }