:root {
--k1-ink: #16261f;
--k1-green: #14523a;
--k1-green-soft: #eef4f1;
--k1-green-line: #d3e2da;
--k1-red: #c22f24;
--k1-red-soft: #fdf0ef;
--k1-gold: #b8892f;
--k1-gold-ink: #8a6414;
--k1-gold-soft: #e8c583;
--k1-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.4 7-11a7 7 0 1 0-14 0c0 5.6 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E");
--k1-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
--k1-text: #46524c;
--k1-muted: #65716b;
--k1-line: #e6eae8;
--k1-panel: #f5f7f6;
--k1-white: #fff;
--k1-font: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
--k1-num: "Figtree", var(--k1-font);
--k1-r: 14px;
--k1-r-lg: 14px;
--k1-pill: 100px;
--k1-shell: 1440px;
--k1-wrap: 1400px;
--k1-pad: clamp(18px, 3.2vw, 40px);
--k1-sec: clamp(56px, 8vw, 104px);
--k1-ease: cubic-bezier(0.4, 0, 0.2, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip; }
:target { scroll-margin-top: 120px; }
body {
margin: 0;
font-family: var(--k1-font);
font-size: 16px;
line-height: 1.55;
color: var(--k1-text);
background: var(--k1-white);
-webkit-font-smoothing: antialiased;
}
img, svg { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4 { margin: 0; color: var(--k1-ink); font-weight: 500; line-height: 1.14; letter-spacing: -0.02em; }
p { margin: 0; }
button { font: inherit; cursor: pointer; }
:focus-visible { outline: 2px solid var(--k1-green); outline-offset: 3px; }
.k1-wrap { max-width: var(--k1-wrap); margin: 0 auto; padding: 0 var(--k1-pad); }
.k1-eb {
display: inline-flex; align-items: center; gap: 9px;
font-size: 11px; font-weight: 500;
letter-spacing: 0.16em; text-transform: uppercase;
color: var(--k1-red);
}
.k1-eb::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.k1-b {
text-decoration: none;
position: relative;
display: inline-flex; align-items: center; justify-content: center;
height: 50px; padding: 0 26px;
border: 0; border-radius: var(--k1-pill);
background: var(--k1-green); color: #fff;
font-size: 14.5px; font-weight: 500; letter-spacing: 0.01em;
transition: background 240ms var(--k1-ease), box-shadow 240ms var(--k1-ease);
}
.k1-b::after {
content: ""; width: 0; height: 9px; margin-left: 0; opacity: 0;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath d='M1.5 7.5 7.5 1.5M7.5 1.5H2.5M7.5 1.5v5' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center/contain;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath d='M1.5 7.5 7.5 1.5M7.5 1.5H2.5M7.5 1.5v5' stroke='%23000' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center/contain;
transition: width 260ms var(--k1-ease), margin-left 260ms var(--k1-ease), opacity 260ms var(--k1-ease);
}
.k1-b::after { width: 9px; margin-left: 9px; opacity: 0.85; transition: opacity 200ms ease-out, transform 200ms ease-out; }
.k1-b:hover::after, .k1-b:focus-visible::after { opacity: 1; transform: translate(2px, -2px); }
.k1-b { transition: background 200ms ease-out, box-shadow 200ms ease-out, transform 200ms ease-out, color 200ms ease-out; }
.k1-b:hover { transform: translateY(-1px); }
.k1-b:active { transform: translateY(0); transition-duration: 80ms; }
.k1-b:hover { background: #0f4230; box-shadow: 0 0 0 5px rgba(20, 82, 58, 0.14); }
.k1-b--red { background: var(--k1-red); }
.k1-b--red:hover { background: #a5251b; box-shadow: 0 0 0 5px rgba(194, 47, 36, 0.16); }
.k1-b--out { background: transparent; color: var(--k1-ink); box-shadow: inset 0 0 0 1px var(--k1-line); }
.k1-b--out:hover { background: var(--k1-ink); color: #fff; box-shadow: none; }
.k1-b--light { background: #fff; color: var(--k1-green); }
.k1-b--light:hover { background: #fff; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16); }
.k1-hero__cta .k1-b--ghost { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.34); }
.k1-hero__cta .k1-b--ghost:hover { background: rgba(255, 255, 255, 0.12); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); }
.k1-lnk {
display: inline-flex; align-items: center; gap: 8px;
height: 40px; padding: 0 18px; border-radius: var(--k1-pill);
font-size: 14px; font-weight: 500; color: var(--k1-green);
box-shadow: inset 0 0 0 1px var(--k1-line);
transition: background 200ms var(--k1-ease), color 200ms var(--k1-ease), box-shadow 200ms var(--k1-ease);
}
.k1-lnk svg { width: 15px; height: 15px; transition: transform 260ms var(--k1-ease); }
.k1-lnk:hover { background: var(--k1-green); color: #fff; box-shadow: none; }
.k1-lnk:hover svg { transform: translateX(3px); }
.k1-sh { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; flex-wrap: wrap; margin-bottom: clamp(22px, 3vw, 36px); }
.k1-sh__t { display: flex; flex-direction: column; gap: 12px; }
.k1-sh__t h2 { font-size: clamp(26px, 3.4vw, 40px); }
.k1-sh__t p { color: var(--k1-muted); max-width: 54ch; }
.k1-arw { display: none; gap: 8px; flex: none; }
@media (min-width: 900px) { .k1-arw { display: flex; } }
.k1-arw__b {
width: 42px; height: 42px; flex: none;
display: grid; place-items: center;
border-radius: var(--k1-pill);
border: 1px solid var(--k1-line);
background: #fff; color: var(--k1-ink); cursor: pointer;
transition: background 200ms var(--k1-ease), border-color 200ms var(--k1-ease), color 200ms var(--k1-ease);
}
.k1-arw__b svg { width: 17px; height: 17px; display: block; }
.k1-arw--sm .k1-arw__b { width: 28px; height: 28px; }
.k1-arw--sm .k1-arw__b svg { width: 14px; height: 14px; }
.k1-arw__b:hover:not(:disabled) { background: var(--k1-green); border-color: var(--k1-green); color: #fff; }
.k1-arw__b:disabled { opacity: .32; cursor: default; }
.k1-vh {
position: absolute; width: 1px; height: 1px; overflow: hidden;
clip-path: inset(50%); white-space: nowrap; margin: -1px; padding: 0; border: 0;
}
:root { --k1-hd-h: 104px; }
.k1-hd { position: sticky; top: 0; z-index: 60; background: #fff; transition: box-shadow 240ms var(--k1-ease); }
.k1-hd.is-stuck { box-shadow: 0 6px 20px rgba(22, 38, 31, 0.07); }
.k1-hd__util {
background: linear-gradient(90deg, #10402d 0%, var(--k1-green) 45%, #1c6b4b 100%);
color: rgba(255, 255, 255, 0.94);
}
.k1-hd__util-in {
max-width: var(--k1-shell); margin: 0 auto; padding: 9px var(--k1-pad);
display: flex; align-items: center; justify-content: center; gap: 22px; flex-wrap: wrap;
font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
}
.k1-hd__util-in span { display: inline-flex; align-items: center; gap: 22px; white-space: nowrap; }
.k1-hd__util-in span + span::before {
content: ""; width: 4px; height: 4px; border-radius: 50%;
background: var(--k1-gold); flex: none;
}
.k1-hd__util-count { color: #ffd9a1; }
.k1-hd__bar { position: relative; }
.k1-hd__in {
max-width: var(--k1-shell); margin: 0 auto; padding: 15px var(--k1-pad);
position: relative; display: flex; align-items: center; gap: clamp(16px, 3vw, 34px);
min-height: 74px;
}
.k1-hd__find { position: relative; display: flex; align-items: center; }
.k1-hd__find-form {
position: absolute; right: 100%; top: 50%; transform: translateY(-50%);
width: 0; opacity: 0; pointer-events: none; overflow: hidden;
border-radius: var(--k1-pill);
transition: width 320ms var(--k1-ease), opacity 200ms var(--k1-ease);
}
.k1-hd__find.is-open .k1-hd__find-form { width: var(--k1-find-w, 280px); opacity: 1; pointer-events: auto; }
.k1-hd__find-in {
width: 100%; height: 44px; padding: 0 20px;
border: 0; outline: none; border-radius: var(--k1-pill);
background: var(--k1-panel); font: 400 14px var(--k1-font); color: var(--k1-ink);
transition: background 200ms var(--k1-ease);
}
.k1-hd__find-in::placeholder { color: #9aa5a0; }
.k1-hd__find-go { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); }
.k1-hd__find-in:focus { background: #eef1ef; }
.k1-hd__find.is-open .k1-hd__find-btn { background: none; color: var(--k1-green); }
.k1-hd__logo {
position: absolute; left: 50%; transform: translateX(-50%);
transition: left 340ms var(--k1-ease), transform 340ms var(--k1-ease);
}
.k1-hd.is-finding .k1-hd__logo { left: var(--k1-pad); transform: none; }
.k1-hd__logo img { height: 58px; width: auto; display: block; }
.k1-hd__actions { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.k1-hd__gift {
display: inline-flex; align-items: center; gap: 9px;
height: 44px; padding: 0 18px; margin-right: 6px;
border-radius: var(--k1-pill);
background: var(--k1-red-soft); color: var(--k1-red);
font-size: 13.5px; font-weight: 500; white-space: nowrap;
transition: background 220ms var(--k1-ease), color 220ms var(--k1-ease);
}
.k1-hd__gift svg { width: 18px; height: 18px; }
.k1-hd__gift:hover { background: var(--k1-red); color: #fff; }
.k1-hd__lang { position: relative; margin-right: 2px; }
.k1-hd__langbtn {
display: inline-flex; align-items: center; gap: 6px;
height: 44px; padding: 0 12px;
border: 0; background: none; cursor: pointer;
border-radius: var(--k1-pill);
color: var(--k1-ink); font: inherit;
font-size: 13px; font-weight: 500; letter-spacing: 0.04em;
transition: background 200ms var(--k1-ease), color 200ms var(--k1-ease);
}
.k1-hd__langbtn svg { width: 19px; height: 19px; }
.k1-hd__langbtn:hover,
.k1-hd__lang.is-open .k1-hd__langbtn { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-hd__langmenu {
position: absolute; top: calc(100% + 6px); right: 0; z-index: 40;
min-width: 104px; padding: 6px;
background: #fff; border: 1px solid var(--k1-line);
border-radius: 14px; box-shadow: 0 14px 30px rgba(22, 38, 31, 0.12);
display: flex; flex-direction: column; gap: 2px;
}
.k1-hd__langmenu[hidden] { display: none; }
.k1-hd__langitem {
padding: 9px 12px; border-radius: 9px;
font-size: 13px; font-weight: 500; letter-spacing: 0.04em;
color: var(--k1-ink); white-space: nowrap;
transition: background 180ms var(--k1-ease), color 180ms var(--k1-ease);
}
.k1-hd__langitem:hover { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-hd__langitem.is-current { background: var(--k1-green-soft); color: var(--k1-green); font-weight: 700; }
.k1-hd__icon {
position: relative; display: grid; place-items: center;
width: 46px; height: 46px; border-radius: 23px;
border: 0; background: none; padding: 0; cursor: pointer;
color: var(--k1-ink);
transition: background 200ms var(--k1-ease), color 200ms var(--k1-ease);
}
.k1-hd__icon svg { width: 24px; height: 24px; }
.k1-hd__icon:hover { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-hd__icon--cart:hover { background: var(--k1-green); color: #fff; }
.k1-hd__badge[hidden] { display: none; }
.k1-hd__badge {
position: absolute; top: 2px; right: 2px;
min-width: 17px; height: 17px; padding: 0 5px;
display: grid; place-items: center;
background: var(--k1-red); color: #fff;
font: 700 10px/1 var(--k1-num); border-radius: 9999px;
box-shadow: 0 0 0 2px #fff;
}
.k1-hd__actions--lean { gap: 0; }
.k1-hd__nav { border-top: 1px solid var(--k1-line); border-bottom: 1px solid var(--k1-line); }
.k1-hd__menu {
max-width: var(--k1-shell); margin: 0 auto; padding: 0 var(--k1-pad);
display: flex; align-items: center; justify-content: center; gap: clamp(20px, 3vw, 34px);
}
.k1-hd__menu > li > a {
position: relative; display: inline-flex; padding: 14px 0;
font-size: 13.5px; font-weight: 500; letter-spacing: 0.02em;
color: var(--k1-ink); white-space: nowrap;
transition: color 200ms var(--k1-ease);
}
.k1-hd__menu > li > a::after {
content: ""; position: absolute; left: 0; right: 0; bottom: 9px; height: 2px;
border-radius: 2px; background: var(--k1-green);
transform: scaleX(0); transform-origin: left;
transition: transform 260ms var(--k1-ease);
}
.k1-hd__menu > li > a:hover { color: var(--k1-green); }
.k1-hd__menu > li > a:hover::after,
.k1-hd__menu > li.current-menu-item > a::after { transform: scaleX(1); }
.k1-hd__menu > li.current-menu-item > a { color: var(--k1-green); }
.k1-hd__nav { position: relative; }
.k1-hd__menu > li.has-mega { position: static; }
.k1-hd__menu > li.has-mega > a { align-items: center; }
.k1-mega__car { width: 12px; height: 12px; margin-left: 5px; margin-top: 1px; flex: none; transition: transform 200ms var(--k1-ease); }
.k1-hd__menu > li.has-mega:hover > a .k1-mega__car,
.k1-hd__menu > li.has-mega:focus-within > a .k1-mega__car { transform: rotate(180deg); }
.k1-mega {
position: absolute; left: 50%; top: 100%; z-index: 70;
width: min(1120px, calc(100vw - 2 * var(--k1-pad)));
padding-top: 10px;
opacity: 0; visibility: hidden; transform: translate(-50%, -6px);
transition: opacity 180ms var(--k1-ease), transform 220ms var(--k1-ease), visibility 0s linear 220ms;
}
.k1-mega::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 22px; }
.k1-hd__menu > li.has-mega:hover > .k1-mega,
.k1-hd__menu > li.has-mega:focus-within > .k1-mega,
.k1-hd__menu > li.has-mega.is-open > .k1-mega { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: 60ms, 60ms, 0s; }
.k1-mega__in {
display: grid; grid-template-columns: 1.05fr .95fr .8fr 1.1fr; gap: 0;
padding: 26px 30px 28px;
background: #fff; border: 1px solid var(--k1-line); border-radius: var(--k1-r-lg);
box-shadow: 0 24px 60px rgba(22, 38, 31, 0.14);
}
.k1-mega__in::before {
content: ""; position: absolute; top: 3px; left: var(--k1-mega-x, 50%);
width: 14px; height: 14px; transform: translateX(-50%) rotate(45deg);
background: #fff; border-left: 1px solid var(--k1-line); border-top: 1px solid var(--k1-line);
border-radius: 3px 0 0 0; box-shadow: -3px -3px 8px rgba(22, 38, 31, 0.07);
}
.k1-mega__col { padding: 0 26px; border-left: 1px solid var(--k1-line); min-width: 0; display: flex; flex-direction: column; }
.k1-mega__col:first-child { padding-left: 0; border-left: 0; }
.k1-mega__col--ft { padding-right: 0; }
.k1-mega__t { display: block; margin-bottom: 14px; font: 600 13px var(--k1-font); letter-spacing: .06em; text-transform: uppercase; color: var(--k1-green); }
.k1-mega__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.k1-mega__list a {
display: flex; align-items: center; gap: 12px;
padding: 8px 10px; margin: 0 -10px; border-radius: 10px;
color: var(--k1-ink); text-decoration: none; white-space: normal;
transition: background 120ms var(--k1-ease), color 120ms var(--k1-ease);
}
.k1-mega__list a:hover { background: var(--k1-green-soft); }
.k1-mega__lb { font-size: 15px; font-weight: 500; }
.k1-mega__n { margin-left: auto; font: 500 13px var(--k1-num); color: var(--k1-muted); flex: none; }
.k1-mega__list a.is-soon .k1-mega__lb { color: var(--k1-muted); font-weight: 400; }
.k1-mega__list a:hover .k1-mega__lb { color: var(--k1-green); }
.k1-mega__list--pic a { padding: 6px 10px; }
.k1-mega__th { width: 46px; height: 46px; border-radius: 10px; overflow: hidden; flex: none; background: var(--k1-panel); }
.k1-mega__th img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 420ms var(--k1-ease); }
.k1-mega__list--pic a:hover .k1-mega__th img { transform: scale(1.07); }
.k1-mega__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.k1-mega__chip {
display: inline-flex; align-items: center; height: 36px; padding: 0 15px; border-radius: var(--k1-pill);
background: var(--k1-green); color: #fff; border: 1px solid var(--k1-green);
font: 500 13.5px var(--k1-font); text-decoration: none; white-space: nowrap;
transition: background 140ms var(--k1-ease), border-color 140ms var(--k1-ease);
}
.k1-mega__chip:hover { background: #0f4230; border-color: #0f4230; }
.k1-mega__chip--hot { background: var(--k1-red); border-color: var(--k1-red); }
.k1-mega__chip--hot:hover { background: #a5251b; border-color: #a5251b; }
.k1-mega__all { margin-top: auto; padding-top: 16px; display: inline-flex; align-items: center; gap: 6px; font: 500 14px var(--k1-font); color: var(--k1-green); text-decoration: none; }
.k1-mega__all:hover { color: #0f4230; }
.k1-mega__ft { display: block; position: relative; height: 100%; min-height: 300px; border-radius: 12px; overflow: hidden; text-decoration: none; color: #fff; background: var(--k1-ink); }
.k1-mega__ft img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; transition: transform 600ms var(--k1-ease); }
.k1-mega__ft::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12, 22, 17, 0) 34%, rgba(12, 22, 17, 0.92) 100%); }
.k1-mega__ft:hover img { transform: scale(1.04); }
.k1-mega__ft--soon { cursor: default; }
.k1-mega__ft--soon:hover img { transform: none; }
.k1-mega__ft--soon img { filter: saturate(.7); }
.k1-mega__ft-soon { align-self: flex-start; padding: 4px 10px; border-radius: var(--k1-pill); background: rgba(255, 255, 255, 0.14); color: #ffd9a1; font: 600 11px/1.3 var(--k1-font); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }
.k1-mega__ft-tx { position: absolute; left: 18px; right: 18px; bottom: 16px; z-index: 1; display: flex; flex-direction: column; gap: 5px; }
.k1-mega__ft-t { font: 600 17px/1.25 var(--k1-font); letter-spacing: -0.01em; text-wrap: balance; }
.k1-mega__ft-s { font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.82); }
@media (max-width: 1100px) { .k1-mega__in { grid-template-columns: 1fr 1fr 1fr; } .k1-mega__col--ft { display: none; } .k1-mega__col:nth-child(3) { padding-right: 0; } }
@media (max-width: 900px) { .k1-mega, .k1-mega__car { display: none; } }
@media (prefers-reduced-motion: reduce) { .k1-mega, .k1-mega__car, .k1-mega__ft img, .k1-mega__th img { transition: none; } }
.k1-hd__burger { display: none; border: 0; background: none; padding: 10px; }
.k1-hd__navtop, .k1-hd__navfoot, .k1-hd__navlangs, .k1-hd__scrim { display: none; }
.k1-hd__burger span { display: block; width: 22px; height: 2px; background: var(--k1-ink); margin: 5px 0; transition: transform 200ms var(--k1-ease), opacity 200ms var(--k1-ease); }
@media (max-width: 1000px) {
.k1-hd__util-in { gap: 16px; font-size: 10px; letter-spacing: 0.06em; flex-wrap: nowrap; overflow: hidden; }
.k1-hd__util-in span:nth-child(n+3) { display: none; }
.k1-hd__gift span { display: none; }
.k1-hd__gift { padding: 0; width: 44px; justify-content: center; }
}
@media (max-width: 900px) {
.k1-hd__burger { display: block; }
:root { --k1-hd-h: 84px; }
.k1-hd__in { padding: 10px var(--k1-pad); gap: 10px; }
.k1-hd__logo { left: 50%; transform: translateX(-50%); }
.k1-hd.is-finding .k1-hd__logo { left: 50%; transform: translateX(-50%); }
.k1-hd__icon--acc, .k1-hd__gift { display: none; }
.k1-hd__icon { width: 42px; height: 42px; }
.k1-hd__actions { gap: 2px; }
.k1-hd__find { position: static; }
.k1-hd__find-form,
.k1-hd__find.is-open .k1-hd__find-form {
left: 0; right: 0; top: 100%; transform: none;
width: auto; height: 0; padding: 0 var(--k1-pad);
background: #fff; box-sizing: border-box;
border-bottom: 1px solid var(--k1-line); box-shadow: 0 10px 20px rgba(22, 38, 31, 0.06);
transition: height 280ms var(--k1-ease), padding 280ms var(--k1-ease), opacity 200ms var(--k1-ease);
}
.k1-hd__find.is-open .k1-hd__find-form { height: 58px; padding: 0 var(--k1-pad) 14px; }
.k1-hd__logo img { height: 41px; }
.k1-hd__scrim {
display: block; position: fixed; inset: 0; z-index: 200;
background: rgba(22, 38, 31, 0.42);
opacity: 0; transition: opacity 320ms var(--k1-ease);
}
.k1-hd__scrim[hidden] { display: none; }
.k1-hd--open .k1-hd__scrim { opacity: 1; }
.k1-hd__nav {
position: fixed; top: 0; left: 0; bottom: 0; z-index: 210;
width: min(330px, 88vw);
display: flex; flex-direction: column;
background: #fff; border: 0;
transform: translateX(-100%);
transition: transform 340ms var(--k1-ease);
box-shadow: 20px 0 50px rgba(22, 38, 31, 0.14);
overflow-y: auto;
}
.k1-hd--open .k1-hd__nav { transform: none; }
.k1-hd__navtop {
display: flex; align-items: center; justify-content: space-between;
padding: 18px 20px; border-bottom: 1px solid var(--k1-line);
}
.k1-hd__navtop img { height: 30px; width: auto; }
.k1-hd__navx {
border: 0; background: var(--k1-panel); color: var(--k1-ink);
width: 36px; height: 36px; border-radius: 18px;
display: grid; place-items: center; cursor: pointer;
transition: background 200ms var(--k1-ease), color 200ms var(--k1-ease);
}
.k1-hd__navx:hover { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-hd__navx svg { width: 16px; height: 16px; }
.k1-hd__menu { flex-direction: column; align-items: stretch; gap: 0; padding: 6px 0; margin: 0; max-width: none; }
.k1-hd__menu > li { border-bottom: 1px solid var(--k1-line); }
.k1-hd__menu > li:last-child { border-bottom: 0; }
.k1-hd__menu > li > a {
display: flex; align-items: center; justify-content: space-between;
padding: 16px 20px; font-size: 16px; width: 100%;
transition: background 180ms var(--k1-ease), color 180ms var(--k1-ease);
}
.k1-hd__menu > li > a::after {
content: ""; position: static; transform: none;
width: 7px; height: 7px; border-radius: 0; background: none;
border-right: 1.6px solid #c2cbc6; border-top: 1.6px solid #c2cbc6;
rotate: 45deg; flex: none;
}
.k1-hd__menu > li > a:hover { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-hd__menu > li > a:hover::after { border-color: var(--k1-green); }
.k1-hd__menu > li.current-menu-item > a { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-hd__menu > li.current-menu-item > a::after { border-color: var(--k1-green); }
.k1-hd__lang { display: none; }
.k1-hd__navlangs {
display: flex; gap: 6px; margin-top: auto;
padding: 14px 12px 0; background: var(--k1-panel);
}
.k1-hd__navlang {
flex: 1; text-align: center;
padding: 10px 0; border-radius: var(--k1-r);
background: #fff; border: 1px solid var(--k1-line);
font-size: 13px; font-weight: 500; letter-spacing: 0.04em;
color: var(--k1-text);
transition: background 180ms var(--k1-ease), color 180ms var(--k1-ease), border-color 180ms var(--k1-ease);
}
.k1-hd__navlang.is-current {
background: var(--k1-green); border-color: var(--k1-green);
color: #fff; font-weight: 700;
}
.k1-hd__navfoot {
display: flex; flex-direction: column; gap: 2px;
padding: 16px 12px 22px;
background: var(--k1-panel);
}
.k1-hd__navlink {
display: flex; align-items: center; gap: 12px;
padding: 11px 12px; border-radius: var(--k1-r);
font-size: 14.5px; color: var(--k1-text);
transition: background 180ms var(--k1-ease), color 180ms var(--k1-ease);
}
.k1-hd__navlink svg { width: 18px; height: 18px; flex: none; color: var(--k1-green); }
.k1-hd__navlink:hover { background: #fff; color: var(--k1-ink); }
}
.k1-cmp { background: var(--k1-green-soft); border-bottom: 1px solid var(--k1-green-line); }
.k1-cmp__in { display: flex; align-items: center; gap: 14px; padding-top: 10px; padding-bottom: 10px; flex-wrap: wrap; }
.k1-cmp__badge {
flex: none; padding: 5px 10px; border-radius: var(--k1-r-ctl);
background: var(--k1-red); color: #fff;
font: 600 10.5px/1 var(--k1-num); letter-spacing: .08em; text-transform: uppercase;
}
.k1-cmp__tx { font-size: 14px; font-weight: 500; color: var(--k1-ink); }
.k1-cmp__n { font: 600 13px var(--k1-num); color: var(--k1-muted); font-variant-numeric: tabular-nums; }
.k1-cmp__n::before { content: "·"; margin-right: 10px; color: var(--k1-green-line); }
.k1-cmp__left { font: 600 13px var(--k1-num); color: var(--k1-gold-ink); margin-right: auto; }
.k1-cmp__left::before { content: "·"; margin-right: 10px; color: var(--k1-green-line); font-weight: 400; }
.k1-cmp__cta {
flex: none; display: inline-flex; align-items: center; gap: 7px;
font-size: 13.5px; font-weight: 500; color: var(--k1-green);
transition: gap 200ms var(--k1-ease);
}
.k1-cmp__cta svg { width: 14px; height: 14px; }
.k1-cmp__cta:hover { gap: 11px; }
@media (max-width: 720px) {
.k1-cmp__in { gap: 4px 10px; padding-top: 8px; padding-bottom: 8px; }
.k1-cmp__n { display: none; }
.k1-cmp__badge { font-size: 10px; padding: 4px 8px; }
.k1-cmp__left { margin-right: auto; font-size: 12px; }
.k1-cmp__left::before { display: none; }
.k1-cmp__tx { flex: 1 1 100%; order: 3; font-size: 13px; }
.k1-cmp__cta { order: 4; font-size: 13px; }
}
.k1-hero { padding: clamp(28px, 4vw, 52px) 0 0; }
.k1-hero__grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.k1-hero__grid > * { min-width: 0; }
.k1-hero__main {
position: relative; overflow: hidden;
border-radius: var(--k1-r-lg);
background: var(--k1-green);
color: #fff;
padding: clamp(34px, 4.4vw, 64px);
display: flex; flex-direction: column; justify-content: flex-end;
min-height: clamp(360px, 34vw, 460px);
}
.k1-hero__main .k1-eb,
.k1-hero__h,
.k1-hero__p,
.k1-hero__cta { max-width: 40ch; }
.k1-hero__main::after {
content: ""; position: absolute; right: -14%; top: -34%;
width: 58%; aspect-ratio: 1; border-radius: 50%;
background: radial-gradient(circle at 38% 38%, rgba(255, 255, 255, 0.1), transparent 64%);
}
.k1-hero__ph {
position: absolute; inset: 0; z-index: 0;
width: 100%; height: 100%; object-fit: cover;
animation: k1-kenburns 38s ease-in-out infinite alternate;
}
@keyframes k1-kenburns {
from { transform: scale(1); }
to { transform: scale(1.08) translate(1.2%, -1.2%); }
}
@media (prefers-reduced-motion: reduce) { .k1-hero__ph { animation: none; } }
.k1-hero__main.has-ph::before {
content: ""; position: absolute; inset: 0; z-index: 1;
background:
linear-gradient(to top, rgba(11, 51, 35, 0.96) 22%, rgba(15, 62, 43, 0.7) 62%, rgba(18, 72, 50, 0.52) 100%),
linear-gradient(to right, rgba(11, 51, 35, 0.78), rgba(11, 51, 35, 0.28));
}
.k1-hero__main.has-ph > *:not(.k1-hero__ph):not(.k1-hero__adv) { position: relative; z-index: 2; }
.k1-hero__main.has-ph > .k1-hero__adv { z-index: 2; }
.k1-hero__main--split {
display: flex; flex-direction: row; justify-content: flex-start; align-items: center;
padding: 0;
min-height: clamp(440px, 40vw, 580px);
}
.k1-hero__main--split::after { display: none; }
.k1-hero__main--split::before {
content: ""; position: absolute; inset: 0; z-index: 1;
background:
linear-gradient(to right, rgba(8, 24, 18, 0.58) 0%, rgba(8, 24, 18, 0.34) 34%, rgba(8, 24, 18, 0) 58%),
radial-gradient(60% 95% at 16% 55%, rgba(8, 28, 20, 0.5), rgba(8, 28, 20, 0) 72%);
}
.k1-hero__copy {
display: flex; flex-direction: column; justify-content: center;
gap: 14px;
width: min(46%, 580px);
padding: clamp(34px, 4.4vw, 64px);
position: relative; z-index: 2;
gap: 18px;
}
.k1-hero__main--split .k1-hero__h { font-size: clamp(30px, 2.95vw, 44px); max-width: none; }
.k1-hero__photo {
position: absolute; inset: 0; z-index: 0;
display: block; width: 100%; height: 100%;
object-fit: cover;
object-position: 100% 45%;
}
.k1-hero__adv {
position: absolute; top: clamp(20px, 2.4vw, 28px); right: clamp(22px, 3vw, 34px);
width: min(46%, 300px);
display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px;
mask-image: linear-gradient(to bottom, #000 40%, rgba(0, 0, 0, 0.18) 100%);
-webkit-mask-image: linear-gradient(to bottom, #000 40%, rgba(0, 0, 0, 0.18) 100%);
pointer-events: none;
}
.k1-hero__adv span {
aspect-ratio: 1; border-radius: 6px;
background: rgba(255, 255, 255, 0.07);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
display: grid; place-items: center;
font: 600 10px/1 var(--k1-num); color: rgba(255, 255, 255, 0.42);
}
@media (max-width: 1200px) { .k1-hero__adv { display: none; } }
.k1-hero__adv span.is-last {
background: rgba(255, 217, 161, 0.16);
box-shadow: inset 0 0 0 1px rgba(255, 217, 161, 0.5);
color: #ffd9a1;
}
.k1-hero__adv span.is-open {
background: rgba(255, 217, 161, 0.13);
box-shadow: inset 0 0 0 1px rgba(255, 217, 161, 0.32);
color: rgba(255, 226, 188, 0.85);
}
.k1-hero__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.k1-hero__chips a {
padding: 8px 14px; border-radius: var(--k1-pill);
background: #fff; color: var(--k1-ink); font-size: 13px; font-weight: 500;
transition: background 200ms var(--k1-ease), color 200ms var(--k1-ease);
}
.k1-hero__chips a:hover { background: var(--k1-red); color: #fff; }
.k1-hero__main .k1-eb { color: #ffd9a1; position: relative; }
.k1-hero__h {
position: relative;
margin: 16px 0 14px;
font-size: clamp(30px, 4.4vw, 54px);
color: #fff;
max-width: 16ch;
}
.k1-hero__p { position: relative; color: rgba(255, 255, 255, 0.82); max-width: 46ch; }
.k1-hero__cta { position: relative; margin-top: 26px; display: flex; gap: 10px; flex-wrap: wrap; }
.k1-hero__side { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (max-width: 760px) { .k1-hero__side { grid-template-columns: 1fr; } }
.k1-hero__card {
position: relative; overflow: hidden;
border-radius: var(--k1-r-lg);
min-height: 236px;
padding: clamp(24px, 2.6vw, 34px);
display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
transition: transform 260ms var(--k1-ease), box-shadow 260ms var(--k1-ease);
}
.k1-hero__card::after {
content: ""; position: absolute; right: -20%; bottom: -46%;
width: 62%; aspect-ratio: 1; border-radius: 50%;
background: rgba(22, 38, 31, 0.035);
transition: transform 420ms var(--k1-ease);
}
.k1-hero__card:hover::after { transform: translate(-6%, -6%) scale(1.08); }
.k1-hero__card > * { position: relative; }
.k1-hero__card--b .k1-hero__ic { color: var(--k1-green); background: #fff; }
.k1-hero__card:hover .k1-hero__ic { background: var(--k1-green); color: #fff; }
.k1-hero__card--b:hover .k1-hero__ic { background: var(--k1-green); }
.k1-hero__card:hover { transform: translateY(-3px); }
.k1-hero__card.k1-hero__card--dark { background: var(--k1-ink); }
.k1-hero__card--dark::before {
content: ""; position: absolute; top: -70px; right: -50px;
width: 280px; height: 280px; border-radius: 50%;
background: radial-gradient(circle, rgba(194, 47, 36, 0.28), transparent 65%);
}
.k1-hero__card--dark::after {
right: auto; bottom: -90px; left: -60px; top: auto;
width: 300px; height: 300px; aspect-ratio: auto;
background: radial-gradient(circle, rgba(184, 137, 47, 0.2), transparent 65%);
transform: none !important;
}
.k1-hero__row { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.k1-hero__card--dark .k1-hero__ic { background: rgba(255, 255, 255, 0.1); color: #fff; }
.k1-hero__card--dark:hover .k1-hero__ic { background: rgba(255, 255, 255, 0.16); color: #fff; }
.k1-hero__card--dark h2 { color: #fff; font-size: clamp(19px, 1.8vw, 24px); }
.k1-hero__card.k1-hero__card--dark p { color: rgba(255, 255, 255, 0.9); }
.k1-hero__foot {
display: flex; align-items: center; gap: 16px;
margin-top: auto; padding-top: 8px; width: 100%;
}
.k1-hero__card .k1-hero__btn { position: static; }
.k1-hero__card .k1-hero__btn::before { content: ""; position: absolute; inset: 0; z-index: 1; }
.k1-hero__card--dark .k1-hero__btn { color: var(--k1-ink); }
.k1-hero__price { color: var(--k1-muted); font-size: 14px; }
.k1-hero__price .woocommerce-Price-amount { font: 600 16px var(--k1-num); color: var(--k1-red); }
.k1-hero__card--dark .k1-hero__price { color: rgba(255, 255, 255, 0.6); }
.k1-hero__card--dark .k1-hero__price .woocommerce-Price-amount { color: #fff; }
.k1-hero__card-ph {
position: absolute; top: 12px; right: 12px;
width: calc(44% - 12px); height: calc(100% - 24px);
object-fit: cover; border-radius: calc(var(--k1-r-lg) - 4px);
transition: transform 480ms var(--k1-ease);
}
.k1-hero__card.has-ph { padding-right: calc(44% + 18px); }
.k1-hero__card.has-ph:hover .k1-hero__card-ph { transform: scale(1.02); }
.k1-hero__card.has-ph::after { display: none; }
.k1-hero__card.has-ph::before { z-index: 0; }
.k1-hero__card.has-ph .k1-hero__card-ph { z-index: 1; }
.k1-hero__card.has-ph > *:not(.k1-hero__card-ph) { position: relative; z-index: 2; }
.k1-hero__card--dark.has-ph .k1-hero__card-ph { object-position: center 30%; }
.k1-hero__from {
display: inline-flex; align-items: center; gap: 8px;
margin-top: 10px;
font-size: 11.5px; font-weight: 500;
letter-spacing: 0.1em; text-transform: uppercase;
color: var(--k1-red);
}
.k1-hero__from::before {
content: ""; width: 6px; height: 6px; border-radius: 50%;
background: var(--k1-red);
}
.k1-hero__from b { font: 600 15px var(--k1-num); letter-spacing: 0; }
.k1-hero__from .woocommerce-Price-amount { font-family: var(--k1-num); }
.k1-hero__badge {
display: inline-block; margin-bottom: 8px;
padding: 4px 11px; border-radius: var(--k1-pill);
background: var(--k1-red); color: #fff;
font-size: 11.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;
}
.k1-hero__card > .k1-lnk { position: static; }
.k1-hero__card .k1-lnk::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.k1-hero__chips { z-index: 2; }
.k1-hero__card .k1-lnk:focus-visible { outline: none; }
.k1-hero__card:focus-within { box-shadow: 0 0 0 3px rgba(20, 82, 58, 0.3); }
.k1-hero__card--a { background: var(--k1-panel); }
.k1-hero__card--b { background: var(--k1-green-soft); }
.k1-hero__card h2 { font-size: clamp(19px, 1.8vw, 23px); }
.k1-hero__card p { margin-top: 7px; color: var(--k1-text); font-size: 14.5px; line-height: 1.55; max-width: 34ch; }
.k1-hero__card .k1-lnk { margin-top: auto; align-self: flex-start; }
.k1-hero__clock { display: flex; gap: 10px; margin-top: 18px; }
.k1-hero__unit {
flex: 1; text-align: center; padding: 12px 6px;
background: #fff; border-radius: var(--k1-r);
}
.k1-hero__unit b { display: block; font: 700 clamp(19px, 2vw, 26px)/1 var(--k1-num); color: var(--k1-green); }
.k1-hero__unit span { font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--k1-muted); }
@media (max-width: 900px) {
.k1-hero__grid { grid-template-columns: 1fr; }
.k1-hero__side { grid-template-rows: auto auto; }
}
svg { display: block; }
.k1-usp__ic,
.k1-hero__ic,
.k1-fq__help-ic {
flex: none; width: 46px; height: 46px;
display: grid; place-items: center; border-radius: 14px;
background: #fff; color: var(--k1-green);
transition: background 260ms var(--k1-ease), color 260ms var(--k1-ease);
}
.k1-usp__ic svg,
.k1-hero__ic svg,
.k1-fq__help-ic svg { display: block; width: 23px; height: 23px; }
.k1-usp { margin-top: clamp(28px, 4vw, 48px); }
.k1-usp__grid {
display: grid; grid-template-columns: repeat(4, 1fr);
background: var(--k1-panel); border: 1px solid var(--k1-line);
border-radius: var(--k1-r-lg);
padding: clamp(18px, 2.2vw, 26px) clamp(18px, 2.6vw, 32px);
}
.k1-usp__i {
display: flex; align-items: center; gap: 14px;
padding: 0 clamp(14px, 1.8vw, 24px);
border-left: 1px solid var(--k1-line);
}
.k1-usp__i:first-child { border-left: 0; padding-left: 0; }
.k1-usp__i:last-child { padding-right: 0; }
.k1-usp__i:hover .k1-usp__ic { background: var(--k1-green); color: #fff; }
.k1-usp__tx { display: flex; flex-direction: column; gap: 2px; }
.k1-usp__i b { font-size: 15.5px; font-weight: 500; color: var(--k1-ink); line-height: 1.3; }
.k1-usp__tx span { font-size: 13.5px; color: var(--k1-muted); line-height: 1.45; }
@media (max-width: 1024px) {
.k1-usp__grid { grid-template-columns: 1fr 1fr; row-gap: 20px; }
.k1-usp__i { border-left: 0; padding: 0; }
.k1-usp__i:nth-child(even) { border-left: 1px solid var(--k1-line); padding-left: 20px; }
.k1-usp__i:nth-child(odd) { padding-right: 20px; }
}
@media (max-width: 560px) {
.k1-usp__grid { grid-template-columns: 1fr; row-gap: 16px; padding: 18px; }
.k1-usp__i:nth-child(even) { border-left: 0; padding-left: 0; }
.k1-usp__i:nth-child(odd) { padding-right: 0; }
}
.k1-cat { padding: var(--k1-sec) 0 0; }
.k1-cat__grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(258px, 1fr);
gap: 16px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-left: var(--k1-pad);
scrollbar-width: none;
margin-inline: calc(var(--k1-pad) * -1);
padding-inline: var(--k1-pad);
padding-bottom: 4px;
overscroll-behavior-x: contain;
}
.k1-cat__grid::-webkit-scrollbar { display: none; }
.k1-cat__grid > * { scroll-snap-align: start; }
@media (min-width: 1100px) {
.k1-cat__grid:not(.is-many) { grid-auto-flow: row; grid-template-columns: repeat(auto-fit, minmax(258px, 1fr)); overflow: visible; margin-inline: 0; padding-inline: 0; }
}
.k1-cat__i {
position: relative; overflow: hidden;
border-radius: var(--k1-r-lg);
padding: clamp(26px, 2.6vw, 38px);
min-height: 230px;
display: flex; flex-direction: column; justify-content: space-between;
background: var(--k1-panel);
transition: transform 260ms var(--k1-ease);
}
.k1-cat__i:nth-child(4n+2) { background: var(--k1-green-soft); }
.k1-cat__i:nth-child(4n+3) { background: #fdf6ec; }
.k1-cat__i:nth-child(4n+4) { background: var(--k1-red-soft); }
.k1-cat__i:hover { transform: translateY(-3px); }
.k1-cat__i:not(.has-img) { justify-content: flex-end; }
.k1-cat__i:not(.has-img) .k1-cat__n { color: var(--k1-ink); }
.k1-cat__i::after {
content: ""; position: absolute; right: -22%; bottom: -40%;
width: 60%; aspect-ratio: 1; border-radius: 50%;
background: rgba(20, 82, 58, 0.04);
transition: transform 420ms var(--k1-ease);
}
.k1-cat__i:hover::after { transform: translate(-8%, -8%) scale(1.06); }
.k1-cat__n { position: relative; font-size: clamp(21px, 2.1vw, 28px); }
.k1-cat__d { position: relative; margin-top: 9px; color: var(--k1-muted); font-size: 14.5px; max-width: 26ch; }
.k1-cat__i.has-img {
min-height: clamp(340px, 29vw, 420px); color: #fff;
flex-direction: row; align-items: flex-end; justify-content: space-between;
gap: 16px;
}
.k1-cat__ph {
position: absolute; inset: 0; z-index: 0;
width: 100%; height: 100%; object-fit: cover;
transition: transform 520ms var(--k1-ease);
}
.k1-cat__i.has-img:hover .k1-cat__ph { transform: scale(1.05); }
.k1-cat__i.has-img::after {
content: ""; position: absolute; inset: 0; z-index: 1; background: none;
background-image: linear-gradient(180deg, rgba(11, 30, 22, 0) 42%, rgba(11, 30, 22, 0.45) 62%, rgba(11, 30, 22, 0.88) 100%);
width: auto; aspect-ratio: auto; border-radius: 0; transform: none;
}
.k1-cat__i.has-img:hover::after { transform: none; }
.k1-cat__i.has-img > *:not(.k1-cat__ph) { position: relative; z-index: 2; }
.k1-cat__i.has-img .k1-cat__n { color: #fff; font-size: 25px; }
.k1-cat__i.has-img .k1-cat__d { color: rgba(255, 255, 255, 0.82); font-size: 14.5px; margin-top: 5px; max-width: 28ch; }
.k1-cat__i.has-img .k1-cat__go { margin-top: 0; align-self: flex-end; flex: none; }
.k1-cat__i.has-img:hover .k1-cat__go { background: var(--k1-green); color: #fff; }
.k1-cat__go {
position: relative; align-self: flex-start; margin-top: 24px;
width: 46px; height: 46px; border-radius: 23px;
display: grid; place-items: center;
background: #fff; color: var(--k1-green);
transition: background 240ms var(--k1-ease), color 240ms var(--k1-ease), transform 240ms var(--k1-ease);
}
.k1-cat__go svg { width: 17px; height: 17px; }
.k1-cat__i:hover .k1-cat__go { background: var(--k1-green); color: #fff; transform: translateX(5px); }
@media (max-width: 860px) {
.k1-cat__grid { grid-auto-columns: minmax(238px, 78vw); }
.k1-cat__i { min-height: 200px; }
.k1-cat__i.has-img { min-height: clamp(260px, 62vw, 320px); }
}
.k1-pg { padding: var(--k1-sec) 0 0; }
.k1-pg__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.k1-p {
display: flex; flex-direction: column; position: relative;
padding-bottom: 16px; border-bottom: 1px solid var(--k1-line);
}
.k1-p__fig {
position: relative;
aspect-ratio: 1; border-radius: 10px;
background: var(--k1-panel); border: 0;
display: grid; place-items: center;
overflow: hidden;
transition: background 240ms var(--k1-ease);
}
.k1-p:hover .k1-p__fig { background: #eef1ef; }
.k1-p:has(.k1-p__notify) .k1-p__img { opacity: 0.55; }
.k1-p:has(.k1-p__notify) .k1-p__img--alt { opacity: 0; }
@media (hover: hover) and (pointer: fine) {
.k1-p:has(.k1-p__notify):hover .k1-p__img--alt { opacity: 0.55; }
}
.k1-p__ph {
font: 500 15px/1.35 var(--k1-font);
color: #a8b3ad; text-align: center; padding: 0 18px;
max-width: 20ch;
}
.k1-p__tag {
position: absolute; top: 14px; left: 14px;
padding: 5px 11px; border-radius: 9999px;
background: var(--k1-red); color: #fff;
font: 600 11.5px/1 var(--k1-num); letter-spacing: 0.03em;
}
.k1-p__add {
margin-top: 8px; height: 44px; border-radius: var(--k1-pill);
display: flex; align-items: center; justify-content: center; gap: 8px;
background: var(--k1-red); color: #fff;
font-size: 14.5px; font-weight: 500; cursor: pointer;
box-shadow: 0 10px 24px rgba(178, 44, 34, 0.22);
transition: background 200ms var(--k1-ease), box-shadow 200ms var(--k1-ease);
}
.k1-p__add svg { width: 17px; height: 17px; flex: none; }
.k1-p__add-tx { line-height: 1; }
.k1-p__add:hover { background: #a5251b; box-shadow: 0 6px 16px rgba(178, 44, 34, 0.28); }
.k1-p__n {
margin-top: 10px; font-size: 15.5px; line-height: 1.4;
min-height: 2.8em; font-weight: 500; color: var(--k1-ink);
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 900px) {
.k1-p__n { -webkit-line-clamp: 3; min-height: 4.2em; }
}
.k1-p__pr { margin-top: 6px; font: 700 18px/1.3 var(--k1-num); color: var(--k1-red); display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.k1-p__pr del { color: var(--k1-muted); font-weight: 400; font-size: 14px; }
.k1-p__pr ins { text-decoration: none; color: var(--k1-red); }
.k1-p__low { font: 500 12.5px var(--k1-font); color: var(--k1-gold-ink); }
.k1-p__tag--top { background: var(--k1-green); }
.k1-p__tag--pop { background: rgba(20, 82, 58, 0.86); }
.k1-p__tag--top,
.k1-p__tag--pop { display: inline-flex; align-items: center; gap: 5px; }
.k1-p__tag--top svg,
.k1-p__tag--pop svg { width: 11px; height: 11px; flex: none; }
.k1-p__ship {
margin-top: 5px; display: flex; align-items: center; gap: 6px;
font: 400 12px/1.35 var(--k1-font); color: var(--k1-muted);
}
.k1-p__ship svg { width: 14px; height: 14px; flex: none; opacity: 0.75; }
.k1-p__ship--free { color: var(--k1-green); font-weight: 500; }
.k1-p__ship--free svg { opacity: 1; }
@media (max-width: 560px) {
.k1-p__ship { font-size: 11.5px; }
}
.k1-p__notify {
margin-top: 8px; height: 44px; border-radius: var(--k1-pill);
display: grid; place-items: center;
background: var(--k1-panel); color: var(--k1-muted);
box-shadow: inset 0 0 0 1px var(--k1-line);
font-size: 14.5px; font-weight: 500;
transition: color 200ms var(--k1-ease), box-shadow 200ms var(--k1-ease);
}
.k1-p__notify:hover { color: var(--k1-green); box-shadow: inset 0 0 0 1px var(--k1-green); }
@media (max-width: 1024px) { .k1-pg__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .k1-pg__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.k1-pm { padding: var(--k1-sec) 0 0; }
.k1-pm__in {
border-radius: var(--k1-r-lg);
background: var(--k1-ink); color: #fff;
padding: clamp(34px, 4.4vw, 60px);
display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center;
position: relative; overflow: hidden;
}
.k1-pm__in::after {
content: ""; position: absolute; inset: 0; pointer-events: none;
background:
radial-gradient(58% 88% at 6% 118%, rgba(194, 47, 36, 0.32), transparent 64%),
radial-gradient(42% 72% at 104% -14%, rgba(255, 217, 161, 0.11), transparent 62%);
}
.k1-pm__ph { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.k1-pm__in.has-ph::before {
content: ""; position: absolute; inset: 0; z-index: 1;
background: linear-gradient(to right, rgba(16, 24, 20, 0.88) 28%, rgba(16, 24, 20, 0.55) 50%, rgba(16, 24, 20, 0.18) 78%, rgba(16, 24, 20, 0.28));
}
.k1-pm__in.has-ph::after { z-index: 1; }
.k1-pm__in.has-ph > *:not(.k1-pm__ph) { position: relative; z-index: 2; }
@media (max-width: 760px) {
.k1-pm__ph { object-position: 42% 50%; }
.k1-pm__in.has-ph::before { background: linear-gradient(180deg, rgba(14, 58, 41, 0.86) 0%, rgba(14, 58, 41, 0.72) 100%); }
}
.k1-pm__h { position: relative; font-size: clamp(24px, 3vw, 38px); color: #fff; margin: 14px 0 12px; }
.k1-pm__p { position: relative; color: rgba(255, 255, 255, 0.72); max-width: 44ch; }
.k1-pm__in .k1-eb { position: relative; color: #ffb9b2; }
.k1-pm__in .k1-b { position: relative; margin-top: 26px; }
.k1-pm__clock { position: relative; display: flex; gap: 12px; justify-content: flex-end; flex-wrap: wrap; }
.k1-pm__note {
flex-basis: 100%; text-align: right;
margin-top: 8px; font-size: 12px; letter-spacing: .04em;
color: rgba(255, 255, 255, .66);
}
.k1-pm__u {
text-align: center; min-width: 82px; padding: 16px 10px;
border-radius: var(--k1-r); background: rgba(255, 255, 255, 0.07);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
}
.k1-pm__u b { display: block; font: 700 clamp(22px, 2.4vw, 30px)/1 var(--k1-num); }
.k1-pm__u span { font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); }
@media (max-width: 860px) {
.k1-pm__in { grid-template-columns: 1fr; }
.k1-pm__clock { justify-content: flex-start; }
.k1-pm__note { text-align: left; }
}
.k1-rv { padding: var(--k1-sec) 0 0; }
.k1-rv__hd {
display: flex; align-items: flex-end; justify-content: space-between;
gap: 24px; flex-wrap: wrap; margin-bottom: 26px;
}
.k1-rv__side { display: flex; align-items: center; gap: 22px; }
.k1-rv__sum { display: flex; align-items: center; gap: 12px; }
.k1-rv__avg { font: 700 30px/1 var(--k1-num); color: var(--k1-ink); }
.k1-rv__sum-tx { display: flex; flex-direction: column; gap: 3px; }
.k1-rv__sum-stars { display: flex; gap: 2px; color: var(--k1-gold); }
.k1-rv__sum-n { font-size: 13px; color: var(--k1-muted); }
.k1-rv__nav { display: flex; gap: 8px; }
.k1-rv__btn {
width: 44px; height: 44px; border-radius: 50%;
border: 1px solid var(--k1-line); background: #fff; color: var(--k1-ink);
display: grid; place-items: center; cursor: pointer;
transition: background 200ms var(--k1-ease), color 200ms var(--k1-ease), border-color 200ms var(--k1-ease), opacity 200ms var(--k1-ease);
}
.k1-rv__btn svg { width: 16px; height: 16px; }
.k1-rv__btn:hover { background: var(--k1-ink); color: #fff; border-color: var(--k1-ink); }
.k1-rv__btn:disabled { opacity: 0.3; cursor: default; background: #fff; color: var(--k1-ink); border-color: var(--k1-line); }
.k1-rv__btn:focus-visible { outline: 2px solid var(--k1-green); outline-offset: 2px; }
.k1-rv__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 0; padding: 0; }
.k1-rv__grid--rail {
display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
scrollbar-width: none; -webkit-overflow-scrolling: touch;
padding: 4px 0 8px; margin: -4px 0 -8px;
}
.k1-rv__grid--rail::-webkit-scrollbar { display: none; }
.k1-rv__grid--rail { overscroll-behavior-x: contain; touch-action: pan-x pan-y; }
.k1-rv__grid--rail > .k1-rv__i { flex: 0 0 calc((100% - 32px) / 3); scroll-snap-align: start; scroll-snap-stop: always; }
.k1-rv__i {
display: flex; flex-direction: column; gap: 16px;
padding: 28px 28px 24px; border-radius: var(--k1-r-lg);
background: #fff; border: 1px solid var(--k1-line);
position: relative;
transition: box-shadow 260ms var(--k1-ease), transform 260ms var(--k1-ease);
}
.k1-rv__i::before {
content: "\201C"; position: absolute; top: 14px; right: 24px;
font: 700 72px/1 Georgia, "Times New Roman", serif; color: var(--k1-panel);
pointer-events: none;
}
.k1-rv__s { display: flex; gap: 3px; color: var(--k1-gold); position: relative; }
.k1-rv__b { margin: 0; font-size: 16.5px; color: var(--k1-ink); line-height: 1.6; flex: 1; text-wrap: pretty; }
.k1-rv__w {
display: flex; align-items: center; gap: 12px;
padding-top: 16px; border-top: 1px solid var(--k1-line);
font-size: 13px; color: var(--k1-muted);
}
.k1-rv__av {
width: 40px; height: 40px; border-radius: 50%; flex: none;
display: grid; place-items: center;
background: var(--k1-panel); color: var(--k1-green);
font: 500 15px/1 var(--k1-num);
}
.k1-rv__av--1 { background: #e8efe9; color: #14523a; }
.k1-rv__av--2 { background: #f6e9dd; color: #8a4b1f; }
.k1-rv__av--3 { background: #f7e2e0; color: #9b2c26; }
.k1-rv__av--4 { background: #f3ebd6; color: #7a5a12; }
.k1-rv__av--5 { background: #e3ebf2; color: #244a6b; }
.k1-rv__av--0 { background: #ece6f3; color: #4d3b73; }
.k1-rv__av--ph { object-fit: cover; display: block; width: 44px; height: 44px; }
.k1-rv__grid--empty { pointer-events: none; }
.k1-rv__i--ph { gap: 10px; opacity: .55; }
.k1-rv__ph-line { display: block; height: 10px; border-radius: var(--k1-pill); background: var(--k1-line); }
.k1-rv__ph-line--short { width: 62%; }
.k1-rv__ph-who { display: flex; align-items: center; gap: 12px; margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--k1-line); }
.k1-rv__ph-av { width: 34px; height: 34px; border-radius: 50%; background: var(--k1-line); flex: none; }
.k1-rv__ph-line--name { width: 96px; height: 9px; }
.k1-rv__empty {
margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--k1-line);
font-size: 14.5px; color: var(--k1-muted); max-width: 52ch;
}
.k1-rv__who { display: flex; flex-direction: column; gap: 2px; }
.k1-rv__who b { font-size: 14.5px; font-weight: 500; color: var(--k1-ink); }
.k1-rv__who a { color: var(--k1-muted); }
.k1-rv__who a:hover { color: var(--k1-green); }
.k1-rv__who-row { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.k1-rv__ok { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--k1-green); }
.k1-rv__ok svg { width: 12px; height: 12px; }
@media (max-width: 900px) {
.k1-rv__grid { grid-template-columns: 1fr; }
.k1-rv__grid--rail { padding-left: var(--k1-pad); padding-right: var(--k1-pad); margin-left: calc(-1 * var(--k1-pad)); margin-right: calc(-1 * var(--k1-pad)); scroll-padding-left: var(--k1-pad); }
.k1-rv__grid--rail > .k1-rv__i { flex-basis: min(82%, 360px); }
.k1-rv__i { padding: 22px 22px 20px; }
.k1-rv__hd { margin-bottom: 18px; }
}
.k1-nl { padding: var(--k1-sec) 0; }
.k1-nl__in {
position: relative;
border-radius: var(--k1-r-lg); background: var(--k1-ink);
padding: clamp(32px, 3.5vw, 48px);
display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(28px, 4vw, 64px); align-items: center;
}
.k1-nl__bg {
position: absolute; inset: 0; overflow: hidden;
border-radius: var(--k1-r-lg); pointer-events: none;
}
.k1-nl__bg::before {
content: ""; position: absolute; top: -80px; right: 20%;
width: 300px; height: 300px; border-radius: 50%;
background: radial-gradient(circle, rgba(184, 137, 47, 0.18), transparent 65%);
}
.k1-nl__hd { position: relative; display: flex; flex-direction: column; gap: 12px; }
.k1-nl__eb {
display: inline-flex; align-items: center; gap: 9px;
color: rgba(255, 255, 255, 0.85);
font-size: 11.5px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase;
}
.k1-nl__eb i { width: 6px; height: 6px; border-radius: 50%; background: var(--k1-red); }
.k1-nl__t { font-size: clamp(22px, 2.2vw, 28px); color: #fff; line-height: 1.2; }
.k1-nl__t b { font-family: var(--k1-num); font-weight: 700; color: #d9b45e; }
.k1-nl__b { font-size: 15px; line-height: 1.65; color: rgba(255, 255, 255, 0.72); }
.k1-nl__form { position: relative; display: flex; flex-direction: column; gap: 14px; }
.k1-nl__row {
display: flex; gap: 6px; align-items: center;
background: #fff; border-radius: var(--k1-pill);
padding: 6px 6px 6px 20px;
}
.k1-nl__row input { flex: 1; min-width: 0; border: 0; outline: none; background: none; font: 400 15px var(--k1-font); color: var(--k1-ink); }
.k1-nl__row button {
border: 0; border-radius: var(--k1-pill); height: 48px; padding: 0 26px;
background: var(--k1-red); color: #fff;
font: 500 15px var(--k1-font); white-space: nowrap; cursor: pointer;
transition: background 220ms var(--k1-ease);
}
.k1-nl__row button:hover { background: #a5251b; }
.k1-hp, .k1-nl__hp, .k1-ct__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.k1-nl__msg { order: 1; }
.k1-nl__msg:empty { display: none; }
.k1-nl__ok { order: 2; }
.k1-nl__ok { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 13px; line-height: 1.55; color: rgba(255, 255, 255, 0.6); }
.k1-nl__ok input {
appearance: none; -webkit-appearance: none; flex: none;
width: 20px; height: 20px; margin-top: 1px;
border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 6px;
background: rgba(255, 255, 255, 0.08); cursor: pointer;
transition: background 160ms var(--k1-ease), border-color 160ms var(--k1-ease);
}
.k1-nl__ok input:checked {
background: var(--k1-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.4 8.4 3 3 6.2-6.6'/%3E%3C/svg%3E") center / 12px no-repeat;
border-color: var(--k1-red);
}
.k1-nl__ok a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.k1-nl__msg { font-size: 13px; color: #d9b45e; }
.k1-nl__msg.is-error { color: #ffb9b2; }
@media (max-width: 860px) {
.k1-nl__in { grid-template-columns: 1fr; }
.k1-nl__in > * { min-width: 0; }
.k1-nl__row { flex-wrap: wrap; }
.k1-nl__row input { min-width: 8ch; padding: 10px 0; }
.k1-nl__row button { flex: 1; }
}
.k1-ft { background: var(--k1-ink); color: rgba(255, 255, 255, 0.72); }
.k1-ft__in {
max-width: var(--k1-wrap); margin: 0 auto; padding: clamp(44px, 5vw, 72px) var(--k1-pad) 36px;
display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto;
gap: 40px; justify-content: space-between;
}
.k1-ft__logo img { height: 56px; width: auto; opacity: 0.92; }
.k1-ft__tx { margin: 16px 0 20px; font-size: 14.5px; line-height: 1.65; max-width: 36ch; }
.k1-ft__ck {
border: 0; background: none; padding: 0; margin-left: 10px; cursor: pointer;
font: 400 13px var(--k1-font); color: rgba(255, 255, 255, 0.5);
text-decoration: underline; text-underline-offset: 3px;
}
.k1-ft__ck:hover { color: #fff; }
.k1-ft__legal { margin: -8px 0 20px; font-size: 13px; line-height: 1.75; color: rgba(255, 255, 255, 0.5); }
.k1-ft__legal a { color: rgba(255, 255, 255, 0.5); }
.k1-ft__legal a:hover { color: #fff; }
.k1-ft__soc { display: flex; gap: 8px; }
.k1-ft__soc a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 21px; background: rgba(255, 255, 255, 0.07); color: #fff; transition: background 200ms var(--k1-ease); }
.k1-ft__soc a:hover { background: var(--k1-red); }
.k1-ft__soc svg { width: 19px; height: 19px; fill: currentColor; }
.k1-ft__soc svg[stroke] { fill: none; }
.k1-ft__h { margin-bottom: 14px; font-size: 15px; font-weight: 500; color: #fff; }
.k1-ft__m { display: flex; flex-direction: column; gap: 10px; }
.k1-ft__m a { font-size: 14.5px; }
.k1-ft__m a:hover { color: #fff; }
.k1-ft__bot {
max-width: var(--k1-wrap); margin: 0 auto; padding: 20px var(--k1-pad);
border-top: 1px solid rgba(255, 255, 255, 0.09);
display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap;
font-size: 13px; color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1080px) { .k1-ft__in { grid-template-columns: 1fr 1fr; gap: 36px; } }
@media (max-width: 620px) {
.k1-ft__in { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
.k1-ft__brand, .k1-ft__logo, .k1-ft__soc { grid-column: 1 / -1; }
.k1-ft__c ul { gap: 7px; }
.k1-ft__c a { font-size: 14px; }
}
[data-k1-reveal] {
opacity: 0; transform: translateY(22px); filter: blur(8px);
transition: opacity 700ms var(--k1-ease), transform 700ms var(--k1-ease), filter 700ms var(--k1-ease);
transition-delay: calc(var(--i, 0) * 70ms);
}
[data-k1-reveal].is-in { opacity: 1; transform: none; filter: blur(0); }
[data-k1-reveal].is-done { filter: none; }
@media (prefers-reduced-motion: reduce) {
[data-k1-reveal] { opacity: 1; transform: none; filter: none; transition: none; }
}
.k1-glass {
-webkit-backdrop-filter: blur(18px) saturate(115%);
backdrop-filter: blur(18px) saturate(115%);
background: rgba(255, 255, 255, 0.16);
border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
}
.k1-glass--ink {
background: rgba(16, 38, 31, 0.42);
border-color: rgba(255, 255, 255, 0.14);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.k1-glass { background: rgba(16, 38, 31, 0.62); }
}
.k1-roll { display: block; overflow: hidden; height: 1em; line-height: 1em; }
.k1-roll__t { display: flex; align-items: center; height: 1em; white-space: pre; }
.k1-roll__l {
display: inline-block; line-height: 1em;
text-shadow: 0 1.15em currentColor;
transform: translateY(0);
transition: transform 560ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition-delay: calc(var(--l, 0) * 12ms);
}
[data-k1-roll]:hover .k1-roll__l,
[data-k1-roll]:focus-visible .k1-roll__l { transform: translateY(-1.15em); }
@media (prefers-reduced-motion: reduce) {
.k1-roll__l { transition: none; text-shadow: none; }
[data-k1-roll]:hover .k1-roll__l, [data-k1-roll]:focus-visible .k1-roll__l { transform: none; }
}
.k1-hd.is-stuck { box-shadow: 0 6px 20px rgba(22, 38, 31, 0.07); }
.k1-hd { transition: box-shadow 240ms var(--k1-ease); }
.k1-p__add.is-busy { opacity: 1; transform: none; }
.k1-p__add.is-done {
opacity: 1; transform: none;
background: var(--k1-green);
}
.k1-p__add.is-done svg { display: none; }
.k1-p__add.is-done::before {
content: ""; width: 17px; height: 17px; flex: none;
background: currentColor;
-webkit-mask: center / contain no-repeat; mask: center / contain no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4 10-10'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4 10-10'/%3E%3C/svg%3E");
animation: k1-tick 340ms cubic-bezier(.34, 1.4, .5, 1) both;
}
@keyframes k1-tick {
from { transform: scale(.4); opacity: 0; }
to   { transform: scale(1);  opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.k1-p__add.is-done::before { animation: none; }
}
.k1-fd { padding: var(--k1-sec) 0 0; }
.k1-fd__in {
position: relative;
border-radius: var(--k1-r-lg); background: var(--k1-ink);
padding: clamp(28px, 3vw, 44px);
}
.k1-fd__bg {
position: absolute; inset: 0; overflow: hidden;
border-radius: var(--k1-r-lg); pointer-events: none;
}
.k1-fd__bg::before {
content: ""; position: absolute; top: -80px; right: -40px;
width: 280px; height: 280px; border-radius: 50%;
background: radial-gradient(circle, rgba(194, 47, 36, 0.22), transparent 65%);
}
.k1-fd__bg::after {
content: ""; position: absolute; bottom: -90px; left: -60px;
width: 300px; height: 300px; border-radius: 50%;
background: radial-gradient(circle, rgba(184, 137, 47, 0.16), transparent 65%);
}
.k1-fd__hd { position: relative; margin-bottom: 22px; }
.k1-fd__eb {
display: inline-flex; align-items: center; gap: 9px; margin-bottom: 10px;
color: rgba(255, 255, 255, 0.85);
font-size: 11.5px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase;
}
.k1-fd__eb i { width: 6px; height: 6px; border-radius: 50%; background: var(--k1-red); }
.k1-fd__t { font-size: clamp(22px, 2.2vw, 28px); color: #fff; }
.k1-fd__bar {
position: relative; background: #fff; border-radius: 14px; padding: 10px;
display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: stretch;
}
.k1-fd__f {
position: relative; padding: 12px 18px; border-radius: var(--k1-r);
display: flex; flex-direction: column; gap: 3px; cursor: pointer;
transition: background 180ms var(--k1-ease);
}
.k1-fd__f:hover { background: var(--k1-panel); }
.k1-fd__f + .k1-fd__f::before {
content: ""; position: absolute; left: -5.5px; top: 16%;
width: 1px; height: 68%; background: var(--k1-line);
}
.k1-fd__l { font-size: 12px; font-weight: 500; color: var(--k1-muted); text-transform: uppercase; letter-spacing: 0.06em; }
.k1-fd__f .k1-sel { min-width: 0; width: 100%; }
.k1-fd__f .k1-sel__btn {
width: 100%; height: auto; min-height: 0; padding: 0;
border: 0; background: none; box-shadow: none;
display: flex; align-items: center; justify-content: space-between; gap: 10px;
font: 500 16px var(--k1-font); color: var(--k1-ink);
}
.k1-fd__f .k1-sel__btn svg { width: 16px; height: 16px; color: var(--k1-muted); flex: none; }
.k1-fd__f .k1-sel__list { left: -8px; right: -8px; width: auto; top: calc(100% + 16px); }
.k1-fd__f:focus-within { outline: 2px solid var(--k1-green); outline-offset: -2px; }
.k1-fd__go {
border: 0; padding: 0 30px; border-radius: var(--k1-r);
display: inline-flex; align-items: center; gap: 9px;
background: var(--k1-red); color: #fff;
font: 500 15.5px var(--k1-font); cursor: pointer;
transition: background 200ms var(--k1-ease);
}
.k1-fd__go svg { width: 17px; height: 17px; }
.k1-fd__go:hover { background: #a5251b; }
@media (max-width: 860px) {
.k1-fd__bar { grid-template-columns: 1fr; }
.k1-fd__f + .k1-fd__f::before { left: 8%; top: -5.5px; width: 84%; height: 1px; }
.k1-fd__go { height: 52px; justify-content: center; }
}
.k1-mq { margin-top: var(--k1-sec); overflow: hidden; background: var(--k1-ink); padding: 16px 0; }
.k1-mq__track { display: flex; width: max-content; animation: k1-mq 32s linear infinite; }
.k1-mq__set { display: flex; }
.k1-mq__i {
display: inline-flex; align-items: center; gap: 24px;
margin-right: 24px; white-space: nowrap;
font-size: 14px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase;
color: rgba(255, 255, 255, 0.82);
}
.k1-mq__i::after { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--k1-red); }
@keyframes k1-mq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .k1-mq__track { animation: none; } }
.k1-fq { padding: var(--k1-sec) 0 0; }
.k1-fq__in { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(24px, 4vw, 64px); align-items: start; }
.k1-fq__hd { display: flex; flex-direction: column; gap: 12px; }
.k1-fq__hd h2 { font-size: clamp(26px, 3.2vw, 38px); }
.k1-fq__hd p { color: var(--k1-muted); max-width: 34ch; }
.k1-fq__help {
margin-top: 14px; padding: clamp(20px, 2.2vw, 26px);
background: var(--k1-green-soft); border-radius: var(--k1-r-lg);
max-width: 34ch;
}
.k1-fq__help .k1-fq__help-ic { margin-bottom: 16px; }
.k1-fq__help b { display: block; font-size: 16px; font-weight: 500; color: var(--k1-ink); }
.k1-fq__help p { margin-top: 8px; font-size: 14px; line-height: 1.55; color: var(--k1-text); }
.k1-fq__help .k1-lnk { margin-top: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--k1-green-line); }
.k1-fq__help .k1-lnk:hover { background: var(--k1-green); box-shadow: none; }
.k1-fq__list { display: flex; flex-direction: column; margin-top: 29px; }
.k1-fq__i { border-top: 1px solid var(--k1-line); }
.k1-fq__i:last-child { border-bottom: 1px solid var(--k1-line); }
.k1-fq__i button {
width: 100%; border: 0; background: none; padding: 20px 0;
display: flex; align-items: center; justify-content: space-between; gap: 20px;
font: 500 17px var(--k1-font); color: var(--k1-ink); text-align: left;
}
.k1-fq__i button svg { width: 17px; height: 17px; flex: none; color: var(--k1-green); transition: transform 260ms var(--k1-ease); }
.k1-fq__i.is-open button svg { transform: rotate(45deg); }
.k1-fq__a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 320ms var(--k1-ease); }
.k1-fq__i.is-open .k1-fq__a { grid-template-rows: 1fr; }
.k1-fq__a > p { overflow: hidden; font-size: 15px; line-height: 1.65; color: var(--k1-text); padding-right: 40px; }
.k1-fq__i.is-open .k1-fq__a > p { padding-bottom: 20px; }
@media (max-width: 860px) { .k1-fq__in { grid-template-columns: 1fr; } .k1-fq__list { margin-top: 0; } }
.k1-pg-doc { padding-bottom: var(--k1-sec); }
.k1-pg-doc__hd { background: none; padding: clamp(24px, 3.4vw, 40px) 0 0; margin-bottom: clamp(16px, 2.4vw, 26px); }
.k1-pg-doc__hd h1 { font-size: clamp(28px, 4vw, 46px); }
.k1-pg-doc__lead { margin-top: 14px; font-size: 17px; line-height: 1.6; color: var(--k1-text); max-width: 60ch; }
.k1-prose { max-width: 74ch; }
.k1-prose > * + * { margin-top: 1.1em; }
.k1-prose > h2 { font-size: clamp(21px, 2.4vw, 27px); margin-top: 1.8em; }
.k1-prose > h3 { font-size: 18px; margin-top: 1.5em; }
.k1-prose > h2:first-child, .k1-prose > h3:first-child { margin-top: 0; }
.k1-prose > p, .k1-prose > ul li, .k1-prose > ol li { font-size: 16px; line-height: 1.7; color: var(--k1-text); }
.k1-prose > ul, .k1-prose > ol { padding-left: 0; display: flex; flex-direction: column; gap: 9px; list-style: none; }
.k1-prose > ul li, .k1-prose > ol li { list-style: none; }
.k1-prose > ul li { position: relative; padding-left: 22px; }
.k1-prose > ul li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 6px; height: 6px; border-radius: 50%; background: var(--k1-green); }
.k1-prose > ol { counter-reset: k1; }
.k1-prose > ol li { position: relative; padding-left: 32px; counter-increment: k1; }
.k1-prose > ol li::before {
content: counter(k1); position: absolute; left: 0; top: 2px;
width: 22px; height: 22px; border-radius: 11px;
background: var(--k1-green-soft); color: var(--k1-green);
font: 600 12px/22px var(--k1-num); text-align: center;
}
.k1-prose strong { color: var(--k1-ink); font-weight: 600; }
.k1-prose > p a, .k1-prose > ul a, .k1-prose > ol a,
.k1-prose > table a, .k1-prose > blockquote a {
color: var(--k1-green); text-decoration: underline; text-underline-offset: 3px;
}
.k1-prose > p a:hover, .k1-prose > ul a:hover, .k1-prose > ol a:hover,
.k1-prose > table a:hover, .k1-prose > blockquote a:hover { color: var(--k1-red); }
.k1-prose table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--k1-line); border-radius: var(--k1-r); overflow: hidden; }
.k1-prose th, .k1-prose td { padding: 13px 16px; text-align: left; border-bottom: 1px solid var(--k1-line); font-size: 15px; }
.k1-prose thead th { background: var(--k1-panel); font-weight: 500; color: var(--k1-ink); }
.k1-prose tr:last-child td { border-bottom: 0; }
.k1-prose blockquote {
border-left: 3px solid var(--k1-green); padding: 4px 0 4px 20px;
color: var(--k1-ink); font-size: 17px;
}
.k1-cn {
display: grid;
grid-template-columns: 1.3fr 0.7fr;
gap: clamp(24px, 3vw, 48px); margin-top: 8px; align-items: stretch;
}
.k1-cn__pair {
display: grid; grid-template-columns: 1fr 1fr;
gap: clamp(24px, 3vw, 48px);
}
.k1-cn__i {
background: var(--k1-panel); border-radius: var(--k1-r-lg); padding: 24px;
min-width: 0;
display: flex; flex-direction: column; justify-content: center;
}
.k1-cn__i b { display: block; font-size: 14px; font-weight: 500; color: var(--k1-muted); margin-bottom: 6px; }
.k1-cn__i span, .k1-cn__i a {
font-size: 17px; color: var(--k1-ink); text-decoration: none;
overflow-wrap: anywhere; min-width: 0;
}
@media (max-width: 760px) {
.k1-cn { grid-template-columns: 1fr; gap: 12px; }
.k1-cn__pair { grid-template-columns: 1fr; gap: 12px; }
}
.k1-santa {
background: var(--k1-green-soft); border-radius: var(--k1-r-lg);
padding: clamp(20px, 2.6vw, 28px); margin: 4px 0 20px;
display: flex; flex-direction: column; gap: 14px; width: 100%;
}
.k1-santa__lead { font-size: 14.5px; color: var(--k1-green); }
.k1-santa__f { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.k1-santa__f label { font-size: 13.5px; font-weight: 500; color: var(--k1-ink); }
.k1-santa__f label span { color: var(--k1-red); }
.k1-santa__f input, .k1-santa__f select, .k1-santa__f textarea {
width: 100%; min-height: 46px; padding: 11px 15px;
border: 1px solid var(--k1-line); border-radius: var(--k1-r);
background: #fff; font: 400 15px var(--k1-font); color: var(--k1-ink);
}
.k1-santa__f textarea { min-height: 84px; resize: vertical; }
.k1-santa__f input:focus, .k1-santa__f select:focus, .k1-santa__f textarea:focus {
outline: none; border-color: var(--k1-green); box-shadow: 0 0 0 4px rgba(20, 82, 58, 0.1);
}
.k1-santa__f small { font-size: 12.5px; color: var(--k1-muted); }
.k1-pd form.cart:has(.k1-santa) { flex-direction: column; align-items: stretch; }
.k1-pd form.cart:has(.k1-santa) .quantity { display: none; }
@media (max-width: 760px) {
.k1-hd__inner { padding: 10px var(--k1-pad); gap: 12px; }
.k1-hd__logo img { height: 39px; }
.k1-hd__icon { width: 42px; height: 42px; }
.k1-hero { padding-top: 20px; }
.k1-hero__grid { gap: 12px; }
.k1-hero__main { min-height: 0; padding: 28px 24px 32px; }
.k1-hero__main--split { flex-direction: column; align-items: stretch; padding: 0; min-height: 0; background: transparent; overflow: visible; gap: 14px; }
.k1-hero__main--split::before { display: none; }
.k1-hero__main--split .k1-hero__photo {
position: relative; order: 1; height: auto; aspect-ratio: 5 / 4;
border-radius: var(--k1-r-lg); object-position: 90% 42%;
}
.k1-hero__main--split .k1-hero__copy > .k1-eb { display: none; }
.k1-hero__main--split .k1-hero__copy {
order: 2; width: auto; margin-top: 0; padding: 22px 22px 24px; gap: 14px;
background: var(--k1-green); border-radius: var(--k1-r-lg);
}
.k1-hero__main--split .k1-hero__h { font-size: clamp(26px, 7.4vw, 32px); }
.k1-hero__card.has-ph { padding-right: 24px; padding-top: 218px; }
.k1-hero__card.has-ph .k1-hero__card-ph {
top: 12px; left: 12px; right: auto; bottom: auto; width: calc(100% - 24px); height: 194px;
object-position: center 40%;
}
.k1-hero__cta { flex-direction: column; align-items: stretch; }
.k1-hero__cta .k1-b { justify-content: center; }
.k1-hero__side { gap: 12px; }
.k1-fd__in, .k1-pm__in { padding: 26px 22px; }
.k1-pm__clock { flex-wrap: wrap; gap: 8px; }
.k1-pm__u { min-width: calc(50% - 4px); }
.k1-mq { margin-top: 44px; }
.k1-nl__in { padding: 36px var(--k1-pad); gap: 22px; }
.k1-ft__in { padding-top: 44px; }
.k1-ft__bot { flex-direction: column; align-items: flex-start; gap: 8px; }
}
.k1-pg + .k1-pg { padding-top: calc(var(--k1-sec) * 0.55); }
.k1-cat + .k1-pg { padding-top: calc(var(--k1-sec) * 0.75); }
.k1-usp + .k1-fd { padding-top: var(--k1-sec); }
.k1-pg__grid > .k1-p { align-content: start; min-width: 0; }
.k1-pg__strip { grid-column: 1 / -1; list-style: none; margin: 8px 0; }
.k1-ss {
display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr); align-items: center;
min-height: 220px; border-radius: var(--k1-r-lg); overflow: hidden;
background: var(--k1-ink); color: #fff; text-decoration: none;
transition: transform 220ms var(--k1-ease), box-shadow 220ms var(--k1-ease);
}
.k1-ss:hover { transform: translateY(-2px); box-shadow: 0 18px 40px -24px rgba(16, 24, 20, 0.7); }
.k1-ss__ph-wrap { display: block; align-self: stretch; position: relative; min-height: 220px; }
.k1-ss__ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 30%; }
.k1-ss__ph-wrap::after {
content: ""; position: absolute; inset: 0;
background: linear-gradient(to right, rgba(16, 24, 20, 0) 55%, var(--k1-ink) 100%);
}
.k1-ss__t { display: block; padding: 26px 32px 26px 8px; }
.k1-ss .k1-eb { color: #ffb9b2; }
.k1-ss__h { display: block; font: 500 clamp(19px, 2vw, 26px)/1.16 var(--k1-font); letter-spacing: -0.02em; color: #fff; margin: 10px 0 8px; text-wrap: balance; }
.k1-ss__p { display: block; color: rgba(255, 255, 255, 0.72); max-width: 46ch; font-size: 14.5px; line-height: 1.5; }
.k1-ss__row { display: flex; align-items: center; gap: 16px; margin-top: 18px; flex-wrap: wrap; }
.k1-ss__price { color: #ffd9a1; font-weight: 600; font-size: 14px; }
@media (max-width: 720px) {
.k1-ss { grid-template-columns: 1fr; min-height: 0; }
.k1-ss__ph-wrap { min-height: 150px; }
.k1-ss__ph-wrap::after { background: linear-gradient(to bottom, rgba(16, 24, 20, 0) 50%, var(--k1-ink) 100%); }
.k1-ss__t { padding: 6px 20px 22px; }
}
.k1-p--more { border-bottom: 0; padding-bottom: 0; min-width: 0; }
.k1-p__more {
display: flex; flex-direction: column; justify-content: flex-end; gap: 12px;
height: 100%; min-height: 380px; padding: clamp(16px, 1.8vw, 24px);
background: var(--k1-green); color: #fff; border-radius: 10px;
text-decoration: none; position: relative; overflow: hidden;
transition: transform 260ms var(--k1-ease);
}
.k1-p__more::after {
content: ""; position: absolute; right: -18%; top: -22%; width: 70%; aspect-ratio: 1; border-radius: 50%;
background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.12), transparent 66%);
}
.k1-p__more:hover { transform: translateY(-3px); }
.k1-p__more-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 50%; transition: transform 600ms var(--k1-ease); }
.k1-p__more::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(20, 82, 58, 0) 42%, rgba(16, 60, 43, 0.62) 68%, rgba(14, 50, 36, 0.94) 100%); }
.k1-p__more:hover .k1-p__more-bg { transform: scale(1.04); }
.k1-p__more-sp { flex: 1; }
.k1-p__more-txt { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.k1-p__more-t { font: 600 clamp(18px, 1.7vw, 23px)/1.2 var(--k1-font); letter-spacing: -0.01em; }
.k1-p__more-s { font-size: 13.5px; line-height: 1.45; color: rgba(255, 255, 255, 0.72); }
.k1-p__more .k1-b { align-self: flex-start; margin-top: 4px; position: relative; z-index: 2; padding: 0 20px; max-width: 100%; text-align: center; }
@media (prefers-reduced-motion: reduce) { .k1-p__more-bg { transition: none; } }
.k1-blog { padding: clamp(32px, 5vw, 60px) 0 var(--k1-sec); }
.k1-blog__hd { max-width: 60ch; margin-bottom: clamp(28px, 4vw, 44px); }
.k1-blog__hd h1 { font-size: clamp(28px, 3.6vw, 42px); }
.k1-blog__hd p { margin-top: 12px; font-size: 16.5px; line-height: 1.6; color: var(--k1-muted); }
.k1-blog__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 4px 24px; }
.k1-blog__i {
display: flex; flex-direction: column; gap: 14px;
padding: 24px 0; border-top: 1px solid var(--k1-line);
}
.k1-blog__ph { display: block; border-radius: var(--k1-r-lg); overflow: hidden; background: var(--k1-panel); aspect-ratio: 16 / 10; }
.k1-blog__ph img { width: 100%; height: 100%; object-fit: cover; transition: transform 420ms var(--k1-ease); }
.k1-blog__i:hover .k1-blog__ph img { transform: scale(1.03); }
.k1-blog__tx { display: flex; flex-direction: column; gap: 8px; }
.k1-blog__i h2 { font-size: 21px; line-height: 1.3; transition: color 200ms var(--k1-ease); }
.k1-blog__i:hover h2 { color: var(--k1-green); }
.k1-blog__i p { font-size: 15px; line-height: 1.6; color: var(--k1-muted); }
.k1-blog__cat {
display: inline-block; margin-bottom: 8px;
font: 500 11.5px var(--k1-font); letter-spacing: .08em; text-transform: uppercase;
color: var(--k1-green);
}
.k1-blog__meta { font: 500 12.5px var(--k1-font); letter-spacing: .04em; text-transform: uppercase; color: var(--k1-muted); }
@media (max-width: 720px) { .k1-blog__grid { grid-template-columns: 1fr; } }
.k1-post { padding: clamp(24px, 4vw, 40px) 0 var(--k1-sec); }
.k1-post__a { max-width: 640px; margin: 0 auto; }
.k1-post__crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--k1-muted); margin-bottom: clamp(20px, 3vw, 32px); }
.k1-post__crumbs a { color: var(--k1-muted); }
.k1-post__crumbs a:hover { color: var(--k1-green); }
.k1-post__crumbs span[aria-hidden] { color: var(--k1-line); }
.k1-post__hd h1 { font-size: clamp(30px, 4.2vw, 46px); line-height: 1.1; }
.k1-post__lead { margin-top: 16px; font-size: 18.5px; line-height: 1.55; color: var(--k1-text); }
.k1-post__meta { display: flex; gap: 10px; align-items: center; margin-top: 18px; padding-bottom: 24px; border-bottom: 1px solid var(--k1-line); font-size: 13.5px; color: var(--k1-muted); }
.k1-post__ph { margin: 28px 0; border-radius: var(--k1-r-lg); overflow: hidden; }
.k1-post__body { max-width: none; padding-top: 28px; }
.k1-post__body > * + * { margin-top: 1.15em; }
.k1-post__body h2 { font-size: clamp(23px, 2.6vw, 29px); margin-top: 1.9em; }
.k1-post__body h3 { font-size: 19px; margin-top: 1.5em; }
.k1-post__body p, .k1-post__body li { font-size: 17px; line-height: 1.7; }
.k1-post__body ul, .k1-post__body ol { padding-left: 22px; list-style: revert; }
.k1-post__body li + li { margin-top: 6px; }
.k1-post__body a { color: var(--k1-green); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--k1-green-line); }
.k1-post__body a:hover { text-decoration-color: var(--k1-green); }
.k1-post__body .k1-lead { font-size: 18px; line-height: 1.65; color: var(--k1-text); }
.k1-post__body table { width: 100%; border-collapse: collapse; margin-top: 1.6em; font-size: 15.5px; }
.k1-post__body th { text-align: left; font-weight: 500; color: var(--k1-ink); padding: 10px 12px; background: var(--k1-panel); }
.k1-post__body td { padding: 10px 12px; border-top: 1px solid var(--k1-line); }
.k1-post__body th:first-child, .k1-post__body td:first-child { padding-left: 0; }
.k1-post__cta {
margin-top: clamp(40px, 5vw, 64px); padding: clamp(24px, 3vw, 34px);
border-radius: var(--k1-r-lg); background: var(--k1-green-soft);
display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
}
.k1-post__cta b { font-size: 18px; font-weight: 500; color: var(--k1-ink); }
.k1-post__cta p { font-size: 15px; color: var(--k1-text); max-width: 46ch; }
.k1-post__cta .k1-b { margin-top: 10px; }
.k1-post__more { max-width: 640px; margin: clamp(48px, 6vw, 72px) auto 0; padding-top: clamp(32px, 4vw, 44px); border-top: 1px solid var(--k1-line); }
.k1-post__more h2 { font-size: 22px; margin-bottom: 20px; }
.k1-post__more-list { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.k1-post__more-i { display: block; padding: 20px; border-radius: var(--k1-r-lg); background: var(--k1-panel); transition: background 200ms var(--k1-ease); }
.k1-post__more-i:hover { background: var(--k1-green-soft); }
.k1-post__more-i h3 { font-size: 16.5px; line-height: 1.35; }
.k1-post__more-i p { margin-top: 8px; font-size: 14px; color: var(--k1-muted); }
@media (max-width: 720px) { .k1-post__more-list { grid-template-columns: 1fr; } }
.k1-arch { padding: clamp(32px, 5vw, 60px) 0 var(--k1-sec); }
.k1-arch__hd { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }
.k1-arch__hd h1 { font-size: clamp(26px, 3.6vw, 40px); }
.k1-arch__list { display: flex; flex-direction: column; gap: 4px; max-width: 74ch; }
.k1-arch__i { padding: 22px 0; border-bottom: 1px solid var(--k1-line); }
.k1-arch__i h2, .k1-arch__i h3 { font-size: 20px; }
.k1-arch__i a:hover h2, .k1-arch__i a:hover h3 { color: var(--k1-red); }
.k1-arch__i p { margin-top: 8px; font-size: 15px; color: var(--k1-muted); }
.k1-arch .k1-single__title { font-size: clamp(26px, 3.6vw, 40px); margin-bottom: 20px; }
.k1-arch .k1-single__thumb img { border-radius: var(--k1-r-lg); margin-bottom: 24px; }
.k1-arch .k1-single__content { max-width: 74ch; }
.k1-arch .k1-single__content > * + * { margin-top: 1.1em; }
.k1-arch .k1-archive__item { padding: 22px 0; border-bottom: 1px solid var(--k1-line); }
.k1-arch__hd--search { align-items: center; text-align: center; }
.k1-srch { display: flex; gap: 10px; width: 100%; max-width: 520px; margin-top: 6px; }
.k1-srch input {
flex: 1; min-width: 0; height: 48px; padding: 0 16px;
border: 1px solid var(--k1-line); border-radius: var(--k1-r);
background: #fff; font: inherit; font-size: 15px; color: var(--k1-text);
}
.k1-srch input:focus { outline: none; border-color: var(--k1-green); }
.k1-srch input::-webkit-search-cancel-button { cursor: pointer; }
.k1-srch .k1-b { flex: none; height: 48px; }
.k1-arch__blk + .k1-arch__blk { margin-top: 64px; }
.k1-arch__st {
font-size: 13px; letter-spacing: .1em; text-transform: uppercase;
color: var(--k1-muted); font-weight: 600; margin-bottom: 20px;
padding-bottom: 14px; border-bottom: 1px solid var(--k1-line);
}
.k1-arch__blk .k1-arch__list { max-width: none; }
.k1-arch__more { margin-top: 32px; text-align: center; }
@media (max-width: 560px) {
.k1-srch { flex-direction: column; }
.k1-srch input { flex: none; width: 100%; }
.k1-srch .k1-b { width: 100%; }
}
.k1-msg {
padding: clamp(56px, 9vw, 120px) 0;
display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center;
}
.k1-msg .k1-wrap { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.k1-msg h1, .k1-msg h2 { font-size: clamp(28px, 4vw, 44px); }
.k1-msg p { color: var(--k1-muted); max-width: 48ch; }
.k1-msg__cta { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; justify-content: center; margin-top: 4px; }
.k1-msg__ic {
display: grid; place-items: center; width: 64px; height: 64px;
border-radius: 20px; background: var(--k1-panel); color: var(--k1-green); margin-bottom: 6px;
}
.k1-msg__ic svg { width: 30px; height: 30px; }
.k1-msg__chips { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-top: 4px; }
.k1-msg__chips a {
padding: 9px 16px; border-radius: var(--k1-pill);
background: var(--k1-panel); font-size: 13.5px; color: var(--k1-ink);
transition: background 200ms var(--k1-ease), color 200ms var(--k1-ease);
}
.k1-msg__chips a:hover { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-msg .k1-sp__find { margin-top: 10px; }
.k1-arch .k1-msg { padding-top: clamp(32px, 5vw, 56px); }
.k1-pack {
display: flex; align-items: center; gap: 12px; cursor: pointer;
padding: 14px; border-radius: var(--k1-r);
border: 1px solid var(--k1-line); background: #fff;
transition: border-color 200ms var(--k1-ease), background 200ms var(--k1-ease);
}
.k1-pack { transition: border-color 200ms var(--k1-ease), background 200ms var(--k1-ease), border-radius 200ms var(--k1-ease); }
.k1-pack:hover { border-color: var(--k1-green-line); }
.k1-pack.is-on { border-color: var(--k1-green-line); background: var(--k1-green-soft); }
.k1-pack input { position: absolute; opacity: 0; width: 0; height: 0; margin: 0; }
.k1-pack__ic {
order: 0; flex: none; align-self: center;
width: 34px; height: 34px; border-radius: 10px;
display: grid; place-items: center;
background: var(--k1-panel); color: var(--k1-green);
transition: background 180ms var(--k1-ease), color 180ms var(--k1-ease);
}
.k1-pack__ic svg { width: 19px; height: 19px; display: block; }
.k1-pack.is-on .k1-pack__ic { background: #fff; }
.k1-pack__body { order: 1; flex: 1; min-width: 0; }
.k1-pack__box { align-self: center; }
.k1-pack__box {
order: 2; flex: none; width: 22px; height: 22px; margin: 0;
border-radius: 6px; border: 1.5px solid var(--k1-line); background: #fff;
display: grid; place-items: center; color: transparent;
transition: background 180ms var(--k1-ease), border-color 180ms var(--k1-ease), color 180ms var(--k1-ease);
}
.k1-pack__box { transition: background 180ms var(--k1-ease), border-color 180ms var(--k1-ease), color 180ms var(--k1-ease); }
.k1-pack__box svg { width: 12px; height: 12px; transform: scale(.6); opacity: 0; transition: transform 200ms cubic-bezier(.16,1,.3,1), opacity 140ms var(--k1-ease); }
.k1-pack.is-on .k1-pack__box svg { transform: none; opacity: 1; }
.k1-pack.is-on .k1-pack__box { background: var(--k1-green); border-color: var(--k1-green); color: #fff; }
.k1-pack__body { display: flex; flex-direction: column; gap: 3px; }
.k1-pack__body b { font-size: 14px; font-weight: 500; color: var(--k1-ink); }
.k1-pack__body b i { font-style: normal; font-family: var(--k1-num); font-weight: 700; color: var(--k1-green); }
.k1-pack__body > span { font-size: 12.5px; line-height: 1.5; color: var(--k1-muted); }
.k1-pack:has(input:focus-visible) { border-color: var(--k1-green); box-shadow: 0 0 0 3px var(--k1-green-soft); }
.k1-pack + .k1-pack { margin-top: 10px; }
.k1-dw__pack { padding: 14px 22px; }
.k1-dw__trust { margin: 0 22px; display: flex; align-items: center; gap: 9px; padding: 11px 14px; border-radius: var(--k1-r); background: var(--k1-green-soft); color: var(--k1-green); font: 500 13.5px var(--k1-font); }
.k1-dw__trust svg { width: 17px; height: 17px; flex: none; }
.k1-dw__pr del { color: var(--k1-muted); font-weight: 400; margin-right: 4px; }
.k1-dw__pr ins { text-decoration: none; color: var(--k1-red); font-weight: 700; }
.k1-dw__pr--nuol { display: inline-flex; align-items: center; gap: 5px; }
.k1-dw__nuol {
display: inline-grid; place-items: center; width: 16px; height: 16px;
border-radius: 8px; background: var(--k1-red-soft); color: var(--k1-red);
font: 700 10px/1 var(--k1-num); font-style: normal;
padding-top: 1px; box-sizing: border-box;
}
.k1-dw__vat { display: block; margin-top: 8px; font-size: 12px; color: var(--k1-muted); text-align: center; }
.k1-pack-wrap { margin: 0 0 22px; max-width: 460px; }
.k1-gift-msg {
margin: -1px 0 0;
border: 1px solid var(--k1-green-line); border-top-width: 0;
border-radius: 0 0 var(--k1-r) var(--k1-r); background: var(--k1-green-soft);
display: grid; grid-template-rows: 0fr;
animation: k1-gift-in 260ms cubic-bezier(.16, 1, .3, 1) forwards;
}
.k1-gift-msg > * { min-height: 0; }
.k1-gift-msg__in { overflow: hidden; padding: 14px 16px 16px; }
@keyframes k1-gift-in {
from { grid-template-rows: 0fr; opacity: 0; }
to   { grid-template-rows: 1fr; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.k1-gift-msg { animation: none; grid-template-rows: 1fr; }
}
.k1-pack.is-on:has(+ .k1-gift-msg) { border-radius: var(--k1-r) var(--k1-r) 0 0; }
.k1-gift-msg label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 7px; }
.k1-gift-msg textarea {
width: 100%; padding: 10px 12px; resize: vertical;
font: inherit; font-size: 14px; line-height: 1.5; color: var(--k1-ink);
border: 1px solid var(--k1-green-line); border-radius: 10px; background: #fff;
}
.k1-gift-msg textarea:focus-visible { outline: 0; border-color: var(--k1-green); box-shadow: 0 0 0 3px rgba(20, 82, 58, .12); }
.k1-gift-msg__hint {
display: flex; justify-content: space-between; gap: 12px;
margin-top: 6px; font-size: 12px; color: var(--k1-muted);
}
.k1-gift-msg__count { font-family: var(--k1-num); flex: none; }
.k1-dw { position: fixed; inset: 0; z-index: 200; }
.k1-dw[hidden] { display: none; }
.k1-dw__scrim {
position: absolute; inset: 0; background: rgba(22, 38, 31, 0.42);
opacity: 0; transition: opacity 320ms var(--k1-ease);
}
.k1-dw.is-open .k1-dw__scrim { opacity: 1; }
.k1-dw__panel {
position: absolute; top: 0; right: 0; bottom: 0;
width: min(430px, 100%);
background: #fff;
display: flex; flex-direction: column;
transform: translateX(100%);
transition: transform 340ms var(--k1-ease);
box-shadow: -20px 0 50px rgba(22, 38, 31, 0.14);
}
.k1-dw.is-open .k1-dw__panel { transform: none; }
.k1-dw__hd {
display: flex; align-items: center; justify-content: space-between;
padding: 20px 22px; border-bottom: 1px solid var(--k1-line);
}
.k1-dw__hd h2 { font-size: 20px; }
.k1-dw__close {
border: 0; background: var(--k1-panel); color: var(--k1-ink);
width: 38px; height: 38px; border-radius: 19px;
display: grid; place-items: center;
transition: background 200ms var(--k1-ease);
}
.k1-dw__close:hover { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-dw__close svg { width: 17px; height: 17px; }
.k1-dw__content { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; }
.k1-dw__foot { position: sticky; bottom: 0; background: #fff; margin-top: auto; }
.k1-dw__ship { padding: 16px 22px; border-bottom: 1px solid var(--k1-line); background: var(--k1-green-soft); }
.k1-dw__ship-t { font-size: 13.5px; font-weight: 500; color: var(--k1-green); }
.k1-dw__ship-t.is-done::before {
content: ""; display: inline-block; vertical-align: -1px;
width: 13px; height: 13px; margin-right: 5px;
background: currentColor;
-webkit-mask: center / contain no-repeat; mask: center / contain no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4 10-10'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4 10-10'/%3E%3C/svg%3E");
}
.k1-dw__ship-t .amount, .k1-dw__ship-t bdi { font-weight: 700; }
.k1-dw__bar { display: block; height: 6px; border-radius: 3px; background: #fff; margin-top: 10px; overflow: hidden; }
.k1-dw__bar i { display: block; height: 100%; border-radius: 3px; background: var(--k1-green); transition: width 420ms var(--k1-ease); }
.k1-dw__items { padding: 6px 22px; }
.k1-dw__i, .k1-dw__u { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--k1-line); position: relative; }
.k1-dw__u:last-child, .k1-dw__i:last-child { border-bottom: 0; }
.k1-dw__fig {
position: relative; flex: none; width: 66px; height: 66px;
border-radius: var(--k1-r); background: var(--k1-panel);
display: grid; place-items: center; overflow: hidden;
}
.k1-dw__fig img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.k1-dw__fig em { font: 600 20px/1 var(--k1-num); color: #a8b3ad; font-style: normal; }
.k1-dw__fig--sm { width: 56px; height: 56px; }
.k1-dw__badge {
position: absolute; top: 3px; left: 3px; max-width: calc(100% - 6px);
padding: 3px 6px; border-radius: 9999px;
font: 600 8.5px/1 var(--k1-num); letter-spacing: 0.02em; text-transform: uppercase; color: #fff;
white-space: nowrap; overflow: hidden;
}
.k1-dw__badge--sale { background: var(--k1-red); }
.k1-dw__badge--new { background: var(--k1-green); }
.k1-dw__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.k1-dw__body:has(.k1-dw__empty) { justify-content: center; }
.k1-dw__n { font-size: 14.5px; font-weight: 500; color: var(--k1-ink); line-height: 1.35; padding-right: 22px; }
.k1-dw__n:hover { color: var(--k1-red); }
.k1-dw__note { font-size: 12.5px; color: var(--k1-muted); }
.k1-dw__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 2px; }
.k1-dw__qty { display: inline-flex; align-items: center; gap: 2px; border: 1px solid var(--k1-line); border-radius: var(--k1-pill); padding: 2px; }
.k1-dw__qty button {
width: 26px; height: 26px; border: 0; border-radius: 13px; background: none;
color: var(--k1-ink); font-size: 15px; line-height: 1;
transition: background 180ms var(--k1-ease);
}
.k1-dw__qty button:hover { background: var(--k1-panel); }
.k1-dw__qty b { min-width: 20px; text-align: center; font: 600 13px/1 var(--k1-num); }
.k1-dw__pr { font: 700 14.5px/1 var(--k1-num); color: var(--k1-green); }
.k1-dw__pr del { color: var(--k1-muted); font-weight: 400; font-size: 13px; margin-right: 5px; }
.k1-dw__pr ins { text-decoration: none; color: var(--k1-red); }
.k1-dw__x {
position: absolute; top: 12px; right: 0;
border: 0; background: none; color: #b3beb8; padding: 4px;
transition: color 180ms var(--k1-ease);
}
.k1-dw__x:hover { color: var(--k1-red); }
.k1-dw__x svg { width: 14px; height: 14px; }
.k1-dw__add {
border: 0; border-radius: var(--k1-pill); padding: 7px 14px;
background: var(--k1-green); color: #fff; font: 500 12.5px var(--k1-font);
transition: background 200ms var(--k1-ease);
}
.k1-dw__add:hover { background: #0f4230; }
.k1-dw__add.is-done { background: var(--k1-green); }
.k1-dw__add.is-done::before {
content: ""; width: 15px; height: 15px; flex: none; margin-right: 5px;
background: currentColor;
-webkit-mask: center / contain no-repeat; mask: center / contain no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4 10-10'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4 10-10'/%3E%3C/svg%3E");
animation: k1-tick 340ms cubic-bezier(.34, 1.4, .5, 1) both;
}
.k1-dw__up { padding: 8px 22px 4px; margin-top: auto; border-top: 1px solid var(--k1-line); }
.k1-dw__up h3 { margin: 0; font-size: 11.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--k1-red); }
.k1-dw__uphd { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; }
.k1-dw__uphd .k1-arw { display: flex; gap: 6px; }
.k1-dw__up ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.k1-dw__up ul[data-k1-rail] {
grid-auto-flow: column; grid-auto-columns: calc((100% - 16px) / 3);
grid-template-columns: none;
overflow-x: auto; scroll-snap-type: x proximity;
scrollbar-width: none; padding: 6px; margin: -6px;
}
.k1-dw__up ul[data-k1-rail]::-webkit-scrollbar { display: none; }
.k1-dw__up ul[data-k1-rail] > li { scroll-snap-align: start; }
.k1-dw__up li { display: flex; flex-direction: column; gap: 6px; padding: 8px; border: 1px solid var(--k1-line); border-radius: var(--k1-r); background: #fff; }
.k1-dw__ufig { display: grid; place-items: center; aspect-ratio: 1; overflow: hidden; border-radius: 8px; background: #fff; }
.k1-dw__ufig img { width: auto; height: auto; max-width: 86%; max-height: 86%; object-fit: contain; }
.k1-dw__un { font-size: 11.5px; line-height: 1.3; color: var(--k1-ink); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: 3.9em; flex-shrink: 0; }
.k1-dw__upr { font: 700 12.5px var(--k1-num); color: var(--k1-ink); }
.k1-dw__up .k1-dw__add { margin-top: auto; width: 100%; height: auto; padding: 8px 0; font-size: 12px; }
.k1-dw__empty {
flex: 1; margin: auto 0; padding: 44px 22px; text-align: center;
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
}
.k1-dw__empty p { color: var(--k1-muted); }
.k1-dw__foot { padding: 18px 22px 22px; border-top: 1px solid var(--k1-line); display: flex; flex-direction: column; gap: 12px; }
.k1-dw__line { display: flex; align-items: baseline; justify-content: space-between; font-size: 13.5px; color: var(--k1-muted); }
.k1-dw__line + .k1-dw__line { margin-top: -4px; }
.k1-dw__sum { display: flex; align-items: baseline; justify-content: space-between; padding-top: 8px; border-top: 1px solid var(--k1-line); }
.k1-dw__sum span { font-size: 14px; color: var(--k1-muted); }
.k1-dw__sum b { font: 700 20px/1 var(--k1-num); color: var(--k1-ink); }
.k1-dw__go { width: 100%; }
.k1-dw__cart { text-align: center; font-size: 13.5px; color: var(--k1-muted); text-decoration: underline; text-underline-offset: 3px; }
.k1-dw__cart:hover { color: var(--k1-green); }
@media (prefers-reduced-motion: reduce) {
.k1-dw__panel, .k1-dw__scrim { transition: none; }
}
.k1-ck { position: fixed; left: 0; bottom: 0; z-index: 300; padding: clamp(14px, 2vw, 22px); }
.k1-ck__panel { max-height: min(72vh, 620px); overflow-y: auto; overscroll-behavior: contain; }
.k1-ck[hidden] { display: none; }
.k1-ck__panel {
width: min(430px, calc(100vw - 28px));
background: #fff; border-radius: var(--k1-r-lg);
box-shadow: 0 20px 50px rgba(22, 38, 31, 0.18);
padding: clamp(20px, 2.4vw, 26px);
animation: k1-ck-in 380ms var(--k1-ease);
}
@keyframes k1-ck-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .k1-ck__panel { animation: none; } }
.k1-ck h2 { font-size: 17px; margin-bottom: 8px; }
.k1-ck p { font-size: 13.5px; line-height: 1.6; color: var(--k1-text); }
.k1-ck p a { color: var(--k1-green); text-decoration: underline; text-underline-offset: 3px; }
.k1-ck__btns { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 18px; }
.k1-ck__btns .k1-b { position: relative; z-index: 0; }
.k1-ck__btns .k1-b:hover, .k1-ck__btns .k1-b:focus-visible { z-index: 1; }
.k1-ck__btns .k1-b { flex: none; white-space: nowrap; }
.k1-ck__btns .k1-b::after { display: none; }
.k1-ck__more {
border: 0; background: none; padding: 6px 4px; cursor: pointer;
font: 400 13px var(--k1-font); color: var(--k1-muted);
text-decoration: underline; text-underline-offset: 3px;
}
.k1-ck__more:hover { color: var(--k1-green); }
.k1-ck__set { max-height: min(70vh, 520px); overflow-y: auto; padding: 0 6px 8px; margin: 0 -6px; }
.k1-ck__row {
display: flex; gap: 12px; align-items: flex-start;
padding: 13px 0; border-top: 1px solid var(--k1-line); cursor: pointer;
}
.k1-ck__row.is-locked { cursor: default; }
.k1-ck__row input { position: absolute; opacity: 0; width: 0; height: 0; }
.k1-ck__sw {
flex: none; width: 38px; height: 22px; margin-top: 2px;
border-radius: 11px; background: #d7ddd9;
transition: background 200ms var(--k1-ease);
display: block; position: relative;
}
.k1-ck__sw i {
position: absolute; top: 3px; left: 3px; width: 16px; height: 16px;
border-radius: 50%; background: #fff;
transition: transform 200ms var(--k1-ease);
}
.k1-ck__row.is-on .k1-ck__sw,
.k1-ck__row.is-locked .k1-ck__sw { background: var(--k1-green); }
.k1-ck__row.is-on .k1-ck__sw i,
.k1-ck__row.is-locked .k1-ck__sw i { transform: translateX(16px); }
.k1-ck__row.is-locked .k1-ck__sw { opacity: 0.55; }
.k1-ck__txt { display: flex; flex-direction: column; gap: 3px; }
.k1-ck__txt b { font-size: 14px; font-weight: 500; color: var(--k1-ink); }
.k1-ck__txt > span { font-size: 12.5px; line-height: 1.55; color: var(--k1-muted); }
.k1-b--line { background: transparent; color: var(--k1-ink); box-shadow: inset 0 0 0 1px var(--k1-line); }
.k1-b--line:hover { background: var(--k1-panel); color: var(--k1-ink); box-shadow: inset 0 0 0 1px var(--k1-green-line); }
.k1-b--sm { height: 40px; padding: 0 18px; font-size: 13.5px; }
.k1-b--ghost { background: var(--k1-panel); color: var(--k1-ink); }
.k1-b--ghost:hover { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-sp__empty-ic {
display: grid; place-items: center; width: 56px; height: 56px;
border-radius: 28px; background: var(--k1-panel); color: var(--k1-muted);
margin-bottom: 4px;
}
.k1-sp__empty-ic svg { width: 24px; height: 24px; }
.k1-sp__find {
display: flex; gap: 8px; width: min(100%, 440px);
margin: 6px auto 0; align-self: center;
}
.k1-sp__find input {
flex: 1; min-width: 0; height: 50px; padding: 0 18px;
border: 1px solid var(--k1-line); border-radius: var(--k1-pill);
background: #fff; font: 400 15px var(--k1-font); color: var(--k1-ink); text-align: center;
transition: border-color 180ms var(--k1-ease), box-shadow 180ms var(--k1-ease);
}
.k1-sp__find input:focus { outline: none; border-color: var(--k1-green); box-shadow: 0 0 0 4px rgba(20, 82, 58, 0.1); }
.k1-sp__find .k1-b { flex: none; }
.k1-sp__empty .k1-lnk { margin-top: 6px; }
.k1-prose:has(.k1-ct) { max-width: none; }
.k1-prose:has(.k1-ct) > p,
.k1-prose:has(.k1-ct) > h2,
.k1-prose:has(.k1-ct) > h3 { max-width: 60ch; }
.k1-prose:has(.k1-ct) > p { margin-bottom: 4px; font-size: 16.5px; color: var(--k1-text); }
.k1-ct { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: clamp(24px, 3vw, 48px); align-items: start; margin-top: 8px; }
.k1-ct__form {
border: 1px solid var(--k1-line); border-radius: var(--k1-r-lg);
padding: clamp(24px, 3vw, 36px);
display: flex; flex-direction: column; gap: 18px;
}
.k1-ct__head {
display: flex; align-items: flex-start; gap: 16px;
padding-bottom: 20px; margin-bottom: 2px; border-bottom: 1px solid var(--k1-line);
}
.k1-ct__head h2 { font-size: clamp(20px, 2.2vw, 25px); margin-bottom: 6px; }
.k1-ct__head p { font-size: 14.5px; line-height: 1.6; color: var(--k1-muted); max-width: 56ch; }
.k1-ct__ic {
flex: none; width: 46px; height: 46px;
display: grid; place-items: center; border-radius: 14px;
background: var(--k1-green-soft); color: var(--k1-green);
}
.k1-ct__ic svg { display: block; width: 23px; height: 23px; }
.k1-ct__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.k1-ct__f { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.k1-ct__f label { font-size: 13.5px; font-weight: 500; color: var(--k1-ink); }
.k1-ct__f label span { color: var(--k1-red); }
.k1-ct__f input, .k1-ct__f textarea, .k1-ct__f select {
width: 100%; min-height: 52px; padding: 14px 16px;
border: 1px solid var(--k1-line); border-radius: var(--k1-r);
background: #fff; font: 400 15px var(--k1-font); color: var(--k1-ink);
transition: border-color 180ms var(--k1-ease), box-shadow 180ms var(--k1-ease);
}
.k1-ct__f textarea { min-height: 140px; resize: vertical; line-height: 1.6; }
.k1-ct__f input:focus, .k1-ct__f textarea:focus, .k1-ct__f select:focus {
outline: none; border-color: var(--k1-green); box-shadow: 0 0 0 4px rgba(20, 82, 58, 0.1);
}
.k1-ct__ok { display: flex; align-items: center; gap: 11px; cursor: pointer; font-size: 13.5px; color: var(--k1-text); line-height: 1.55; }
.k1-ct__ok input {
appearance: none; -webkit-appearance: none; flex: none;
width: 20px; height: 20px; margin: 0;
border: 1.5px solid var(--k1-line); border-radius: 6px; background: #fff; cursor: pointer;
transition: background 160ms var(--k1-ease), border-color 160ms var(--k1-ease);
}
.k1-ct__ok input:checked {
background: var(--k1-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.4 8.4 3 3 6.2-6.6'/%3E%3C/svg%3E") center / 13px no-repeat;
border-color: var(--k1-green);
}
.k1-ct__ok a { color: var(--k1-green); text-decoration: underline; text-underline-offset: 3px; }
.k1-ct__send { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.k1-ct__note { font-size: 13px; color: var(--k1-muted); }
.k1-ct__msg { padding: 14px 16px; border-radius: var(--k1-r); font-size: 14px; line-height: 1.5; }
.k1-ct__msg[hidden] { display: none; }
.k1-ct__msg.is-ok { background: var(--k1-green-soft); color: var(--k1-green); }
.k1-ct__msg.is-bad { background: var(--k1-red-soft); color: var(--k1-red); }
.k1-ct__side { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.k1-ct__side > * { min-width: 0; }
.k1-ct__card { border-radius: var(--k1-r-lg); background: var(--k1-panel); padding: clamp(20px, 2.4vw, 26px); min-width: 0; overflow-wrap: anywhere; }
.k1-ct__card--soft { background: var(--k1-green-soft); }
.k1-ct__card h3, .k1-ct__req h3 { font-size: 16px; font-weight: 500; margin-bottom: 8px; }
.k1-ct__card p { font-size: 13.5px; line-height: 1.6; color: var(--k1-text); }
.k1-ct__mail { display: inline-block; margin-bottom: 6px; font: 500 17px var(--k1-font); color: var(--k1-green); }
.k1-ct__mail:hover { color: var(--k1-red); }
.k1-ct__req { border: 1px solid var(--k1-line); border-radius: var(--k1-r-lg); padding: clamp(20px, 2.4vw, 26px); }
.k1-ct__req dl { display: flex; flex-direction: column; }
.k1-ct__req dl > div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid var(--k1-line); font-size: 13.5px; }
.k1-ct__req dl > div:last-child { border-bottom: 0; }
.k1-ct__req dt { color: var(--k1-muted); }
.k1-ct__req dd { margin: 0; color: var(--k1-ink); text-align: right; }
.k1-ct__req dd a { color: var(--k1-green); }
.k1-ct__reg { margin-top: 14px; font-size: 12px; line-height: 1.5; color: var(--k1-muted); }
@media (max-width: 900px) {
.k1-ct { grid-template-columns: 1fr; }
.k1-ct__grid { grid-template-columns: 1fr; }
}
.k1-sel { position: relative; min-width: 220px; }
.k1-sel__btn {
width: 100%; height: 44px; padding: 0 16px;
display: flex; align-items: center; justify-content: space-between; gap: 12px;
border: 1px solid var(--k1-line); border-radius: var(--k1-pill);
background: #fff; color: var(--k1-ink);
font: 500 13.5px var(--k1-font);
transition: border-color 200ms var(--k1-ease), box-shadow 200ms var(--k1-ease);
}
.k1-sel__btn svg { width: 12px; height: 12px; flex: none; color: var(--k1-muted); transition: transform 240ms var(--k1-ease); }
.k1-sel__btn:hover { border-color: var(--k1-green); }
.k1-sel.is-open .k1-sel__btn { border-color: var(--k1-green); box-shadow: 0 0 0 4px rgba(20, 82, 58, 0.1); }
.k1-sel.is-open .k1-sel__btn svg { transform: rotate(180deg); }
.k1-sel__list {
display: flex; flex-direction: column; gap: 2px;
position: absolute; z-index: 40; top: calc(100% + 8px); right: 0; min-width: 100%;
background: #fff; border: 1px solid var(--k1-line); border-radius: var(--k1-r-lg);
padding: 6px; margin: 0; list-style: none;
box-shadow: 0 18px 40px rgba(22, 38, 31, 0.14);
opacity: 0; visibility: hidden; transform: translateY(-6px);
transition: opacity 200ms var(--k1-ease), transform 200ms var(--k1-ease), visibility 200ms;
max-height: min(280px, 45dvh); overflow-y: auto; overscroll-behavior: contain;
}
.k1-sel.is-open .k1-sel__list { opacity: 1; visibility: visible; transform: none; }
.k1-sel__o {
padding: 10px 14px; border-radius: var(--k1-r);
font-size: 14px; color: var(--k1-text); white-space: nowrap; cursor: pointer;
transition: background 160ms var(--k1-ease), color 160ms var(--k1-ease);
}
.k1-sel__o:hover { background: var(--k1-panel); color: var(--k1-ink); }
.k1-sel__o.is-active { background: var(--k1-panel); color: var(--k1-ink); box-shadow: inset 0 0 0 2px var(--k1-green); }
.k1-sel__o.is-on { background: var(--k1-green-soft); color: var(--k1-green); font-weight: 500; }
@media (max-width: 760px) { .k1-sel { min-width: 0; width: 100%; } }
.k1-ct__f .k1-sel, .k1-santa__f .k1-sel { min-width: 0; width: 100%; }
.k1-ct__f .k1-sel__btn, .k1-santa__f .k1-sel__btn {
width: 100%; height: 52px; padding: 0 16px;
border-radius: var(--k1-r); font: 400 15px var(--k1-font);
}
.k1-ct__f .k1-sel__o, .k1-santa__f .k1-sel__o { font-size: 14.5px; }
.k1-ct__f .k1-sel__btn span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.k1-ct__f .k1-sel__list, .k1-santa__f .k1-sel__list { width: 100%; }
@media (max-width: 760px) {
.k1-sel .k1-sel__list {
position: fixed; width: auto; min-width: 0;
top: auto; bottom: 0; right: 0; left: 0; z-index: 120;
max-height: min(60dvh, 420px);
border-radius: var(--k1-r-lg) var(--k1-r-lg) 0 0;
border: 1px solid var(--k1-line); border-bottom: 0;
padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px));
box-shadow: 0 -12px 40px rgba(22, 38, 31, 0.22);
transform: translateY(12px);
}
.k1-sel.is-open .k1-sel__list { transform: none; }
.k1-sel .k1-sel__o { padding: 14px 16px; font-size: 15px; white-space: normal; }
.k1-sel.is-open::before {
content: ""; position: fixed; inset: 0; z-index: 119;
background: rgba(22, 38, 31, 0.38);
}
}
.wc-block-components-validation-error,
.k1-err {
display: flex; align-items: flex-start; gap: 6px;
margin-top: 6px; font-size: 13px; line-height: 1.45; color: var(--k1-red);
}
.wc-block-components-validation-error p { margin: 0; color: inherit; font-size: inherit;
display: flex; align-items: flex-start; gap: 6px; }
.wc-block-components-validation-error p > svg { display: none; }
.wc-block-components-validation-error::before,
.k1-err::before {
content: ""; flex: none; width: 15px; height: 15px; margin-top: 1px;
background: var(--k1-red);
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.6v5M12 16.2h.01'/%3E%3C/svg%3E") center / contain no-repeat;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.6v5M12 16.2h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wc-block-components-text-input.has-error input,
input.k1-invalid, select.k1-invalid, textarea.k1-invalid,
.woocommerce form .form-row.woocommerce-invalid input.input-text {
border-color: var(--k1-red);
}
.wc-block-components-text-input.has-error input:focus,
input.k1-invalid:focus, select.k1-invalid:focus, textarea.k1-invalid:focus {
border-color: var(--k1-red);
box-shadow: 0 0 0 4px rgba(194, 47, 36, 0.12);
}
.woocommerce form .form-row.woocommerce-validated input.input-text { border-color: var(--k1-green-line); }
.k1-tr { padding: var(--k1-sec) 0 0; }
.k1-tr__in {
display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(24px, 4vw, 60px);
align-items: center;
background: var(--k1-green-soft); border-radius: var(--k1-r-lg);
padding: clamp(28px, 4vw, 52px);
}
.k1-tr__hd { display: flex; flex-direction: column; gap: 12px; }
.k1-tr__hd h2 { font-size: clamp(24px, 3vw, 34px); max-width: 18ch; }
.k1-tr__hd p { font-size: 15px; line-height: 1.6; color: var(--k1-text); max-width: 36ch; }
.k1-tr__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.k1-tr__list li {
display: flex; align-items: flex-start; gap: 13px;
background: #fff; border-radius: var(--k1-r-lg); padding: 18px 20px;
}
.k1-tr__ic {
flex: none; width: 40px; height: 40px;
display: grid; place-items: center; border-radius: 14px;
background: var(--k1-green-soft); color: var(--k1-green);
}
.k1-tr__ic svg { display: block; width: 21px; height: 21px; }
.k1-tr__tx { display: flex; flex-direction: column; gap: 3px; }
.k1-tr__tx b { font-size: 14.5px; font-weight: 500; color: var(--k1-ink); line-height: 1.35; }
.k1-tr__tx > span { font-size: 12.5px; line-height: 1.5; color: var(--k1-muted); }
@media (max-width: 900px) {
.k1-tr__in { grid-template-columns: 1fr; }
.k1-tr__list { grid-template-columns: 1fr; }
}
.k1-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.k1-badges__i { display: inline-flex; align-items: center; }
.k1-badges img { display: block; height: 38px; width: auto; max-width: 160px; object-fit: contain; }
.k1-badges--reviews { margin-bottom: 22px; }
.k1-badges--product { margin-top: 26px; }
.k1-badges--checkout { margin-top: 26px; }
.k1-badges--footer { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.09); }
.k1-badges--footer img { height: 30px; opacity: 0.75; transition: opacity 200ms var(--k1-ease); }
.k1-badges--footer .k1-badges__i:hover img { opacity: 1; }
.k1-skip {
position: absolute; left: 50%; top: 0; transform: translate(-50%, -140%);
z-index: 400; padding: 12px 22px; border-radius: 0 0 var(--k1-r) var(--k1-r);
background: var(--k1-green); color: #fff; font-size: 14px; font-weight: 500;
transition: transform 180ms var(--k1-ease);
}
.k1-skip:focus { transform: translate(-50%, 0); outline: none; }
.k1-main:focus { outline: none; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
outline: 2px solid var(--k1-green);
outline-offset: 3px;
}
.k1-hd__util a:focus-visible,
.k1-ft a:focus-visible,
.k1-ft button:focus-visible,
.k1-mq a:focus-visible,
.k1-pm a:focus-visible,
.k1-hero__main a:focus-visible { outline-color: #ffd9a1; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.k1-p__img {
position: absolute; inset: 0;
width: 100%; height: 100%;
max-width: none; max-height: none;
padding: 7%; box-sizing: border-box;
object-fit: contain; display: block;
transition: transform 320ms var(--k1-ease);
}
.k1-p:hover .k1-p__img { transform: scale(1.03); }
.k1-p__img--alt {
grid-area: 1 / 1; opacity: 0; pointer-events: none;
transition: opacity 260ms var(--k1-ease);
}
.k1-p__fig > .k1-p__img { grid-area: 1 / 1; }
@media (hover: hover) and (pointer: fine) {
.k1-p:hover .k1-p__img--alt { opacity: 1; }
.k1-p__fig:has(.k1-p__img--alt):hover .k1-p__img:not(.k1-p__img--alt) { opacity: 0; }
.k1-p__img:not(.k1-p__img--alt) { transition: opacity 260ms var(--k1-ease); }
}
.k1-p__tag--nauja { background: var(--k1-green); }
.k1-p__tag--out { background: var(--k1-ink); }
.k1-p__tag--soon { background: #fff; color: var(--k1-gold-ink); box-shadow: inset 0 0 0 1px var(--k1-gold-soft); }
.k1-p__rate { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; min-height: 18px; }
.k1-p__rate[aria-hidden="true"] { display: none; }
.k1-p__rate .k1-p__stars { display: inline-flex; align-items: center; }
.k1-p__stars { display: inline-flex; gap: 1px; color: var(--k1-gold); }
.k1-p__stars svg { display: block; }
.k1-p__rate-n { font: 600 12.5px/1 var(--k1-num); color: var(--k1-muted); }
.k1-toast {
position: fixed; left: 50%; bottom: 28px; z-index: 120;
transform: translate(-50%, 16px); opacity: 0; pointer-events: none;
padding: 13px 22px; border-radius: var(--k1-pill);
background: var(--k1-ink); color: #fff;
font-size: 14px; font-weight: 500; letter-spacing: -.01em;
box-shadow: 0 12px 34px rgba(15, 32, 24, .24);
transition: opacity 220ms var(--k1-ease), transform 220ms var(--k1-ease);
max-width: calc(100vw - 32px); text-align: center;
}
.k1-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.k1-toast.is-error { background: var(--k1-red); }
.k1-pd__off { position: relative; }
.k1-pd__off .k1-wish { position: absolute; top: 14px; right: 14px; }
.k1-pd__off .k1-rs__t { padding-right: 56px; }
.k1-wish {
display: inline-grid; place-items: center; cursor: pointer;
background: none; border: 0; padding: 0; color: var(--k1-muted);
transition: color 180ms var(--k1-ease), transform 180ms var(--k1-ease);
}
.k1-wish svg { width: 20px; height: 20px; fill: none; transition: fill 180ms var(--k1-ease); }
.k1-wish:hover { color: var(--k1-red); }
.k1-wish.is-on { color: var(--k1-red); }
.k1-wish.is-on svg { fill: currentColor; }
.k1-wish.is-busy { opacity: .5; pointer-events: none; }
.k1-wish:active svg { transform: scale(.88); }
.k1-wish:focus-visible { outline: 2px solid var(--k1-green); outline-offset: 3px; border-radius: 6px; }
.k1-wish--card {
position: absolute; top: 12px; right: 12px; z-index: 2;
width: 36px; height: 36px; border-radius: 50%;
background: rgba(255, 255, 255, .92); color: var(--k1-ink);
box-shadow: 0 2px 10px rgba(15, 32, 24, .1);
opacity: 0; transform: scale(.9);
transition: opacity 200ms var(--k1-ease), transform 200ms var(--k1-ease), color 180ms var(--k1-ease);
}
.k1-p:hover .k1-wish--card,
.k1-wish--card:focus-visible,
.k1-wish--card.is-on { opacity: 1; transform: none; }
.k1-wish--card svg { width: 18px; height: 18px; }
@media (hover: none) {
.k1-wish--card { opacity: 1; transform: none; }
}
.k1-wish--pdp {
flex: none; width: 52px; height: 52px; border-radius: 50%;
display: inline-flex; align-items: center; justify-content: center;
box-shadow: inset 0 0 0 1px var(--k1-line); color: var(--k1-text);
transition: box-shadow 200ms var(--k1-ease), color 200ms var(--k1-ease);
}
.k1-wish--pdp .k1-wish__t { display: none; }
.k1-wish--pdp svg { width: 20px; height: 20px; fill: none; }
.k1-wish--pdp:hover { box-shadow: inset 0 0 0 1px var(--k1-red); color: var(--k1-red); }
.k1-wish--pdp.is-on { box-shadow: inset 0 0 0 1px var(--k1-red); color: var(--k1-red); }
.k1-wish--pdp.is-on svg { fill: var(--k1-red); }
.k1-wide .k1-prose { max-width: none; }
.k1-wl__top {
display: flex; align-items: center; justify-content: space-between;
gap: 16px; flex-wrap: wrap; margin-bottom: 26px;
padding-bottom: 18px; border-bottom: 1px solid var(--k1-line);
}
.k1-wl__n { font-size: 14px; color: var(--k1-muted); }
.k1-wl__empty {
display: flex; flex-direction: column; align-items: center; text-align: center;
gap: 14px; padding: clamp(36px, 6vw, 68px) 0;
}
.k1-wl__empty h3 { font-size: clamp(20px, 2.4vw, 26px); }
.k1-wl__empty p { color: var(--k1-muted); max-width: 46ch; }
.k1-rv__w { align-items: center; }
.k1-rv__who { display: flex; flex-direction: column; gap: 2px; line-height: 1.35; }
.k1-rv__who b { font-weight: 600; color: var(--k1-ink); }
.k1-rv__who a { font-size: 12.5px; color: var(--k1-muted); text-decoration: underline; text-underline-offset: 2px; }
.k1-rv__who a:hover { color: var(--k1-green); }
@media (max-width: 430px) {
.k1-hd__util-in span:nth-child(n+2) { display: none; }
}
.k1-prose table {
display: block; max-width: 100%; overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.k1-prose table thead,
.k1-prose table tbody { display: table; width: 100%; min-width: 420px; }
.k1-prose table.shop_table { display: table; overflow: hidden; }
.k1-prose table.shop_table thead { display: table-header-group; min-width: 0; }
.k1-prose table.shop_table tbody { display: table-row-group; min-width: 0; }
.k1-ch { position: fixed; right: 22px; bottom: 22px; z-index: 90; }
.k1-ch__btn {
position: relative; display: grid; place-items: center;
width: 56px; height: 56px; border: 0; border-radius: 50%; cursor: pointer;
background: var(--k1-green); color: #fff;
box-shadow: 0 10px 28px rgba(15, 32, 24, .26);
transition: transform 220ms var(--k1-ease), background 220ms var(--k1-ease);
}
.k1-ch__btn:hover { transform: translateY(-2px); background: #0f4230; }
.k1-ch__btn:focus-visible { outline: 3px solid var(--k1-gold); outline-offset: 3px; }
.k1-ch__ic { position: absolute; display: grid; place-items: center; transition: opacity 180ms var(--k1-ease), transform 180ms var(--k1-ease); }
.k1-ch__ic svg { width: 25px; height: 25px; }
.k1-ch__ic--close { opacity: 0; transform: rotate(-40deg); }
.k1-ch.is-open .k1-ch__ic--open { opacity: 0; transform: rotate(40deg); }
.k1-ch.is-open .k1-ch__ic--close { opacity: 1; transform: none; }
.k1-ch__panel {
position: absolute; right: 0; bottom: 72px; width: min(380px, calc(100vw - 28px));
max-height: calc(100vh - 120px);
display: flex; flex-direction: column; overflow: hidden;
border-radius: 20px; background: #fff;
box-shadow: 0 24px 64px rgba(15, 32, 24, .22), 0 2px 8px rgba(15, 32, 24, .06);
animation: k1-ch-in 220ms var(--k1-ease);
}
.k1-ch__panel[hidden] { display: none; }
@keyframes k1-ch-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.k1-ch__hd {
display: flex; align-items: center; gap: 12px; padding: 16px 16px 15px;
background: var(--k1-green); color: #fff;
}
.k1-ch__av { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, .16); }
.k1-ch__av svg { display: block; width: 20px; height: 20px; }
.k1-ch__hd div { display: flex; flex-direction: column; gap: 2px; line-height: 1.3; margin-right: auto; min-width: 0; }
.k1-ch__hd b { font-size: 14.5px; font-weight: 600; letter-spacing: -.01em; }
.k1-ch__state { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255, 255, 255, .8); }
.k1-ch__state::before {
content: ""; width: 6px; height: 6px; border-radius: 50%;
background: #7ee2a8; flex: none;
}
.k1-ch__x { border: 0; background: none; color: inherit; cursor: pointer; padding: 6px; margin: -6px -4px -6px 0; opacity: .75; border-radius: 50%; }
.k1-ch__x:hover { opacity: 1; background: rgba(255, 255, 255, .14); }
.k1-ch__x svg { display: block; width: 16px; height: 16px; }
.k1-ch__log {
display: flex; flex-direction: column; gap: 9px;
padding: 18px 16px 14px; max-height: min(52vh, 420px); min-height: 120px; overflow-y: auto;
background: #f6f8f7; scrollbar-width: thin;
}
.k1-ch__m {
max-width: 86%; padding: 11px 14px;
font-size: 14px; line-height: 1.55;
}
.k1-ch__m--bot {
background: #fff; color: var(--k1-text);
border-radius: 16px 16px 16px 5px; align-self: flex-start;
box-shadow: 0 1px 3px rgba(15, 32, 24, .07);
}
.k1-ch__m--me {
background: var(--k1-green); color: #fff;
border-radius: 16px 16px 5px 16px; align-self: flex-end;
}
.k1-ch__m a {
display: inline-flex; align-items: center; gap: 6px;
margin-top: 11px; padding: 7px 14px; border-radius: var(--k1-pill);
background: var(--k1-green); color: #fff;
font-size: 13px; font-weight: 500; text-decoration: none;
transition: background 180ms var(--k1-ease);
}
.k1-ch__m a::after { content: "→"; font-size: 12px; }
.k1-ch__m a:hover { background: #0f4230; color: #fff; }
.k1-ch__log:has(+ .k1-ch__chips:not([hidden])) { padding-bottom: 0; }
.k1-ch__chips { display: flex; flex-wrap: wrap; gap: 7px; padding: 14px 16px 0; background: #f6f8f7; }
.k1-ch__chips button {
border: 1px solid var(--k1-green-line); cursor: pointer;
padding: 7px 13px; border-radius: var(--k1-pill);
background: #fff; color: var(--k1-green);
font: inherit; font-size: 12.5px; line-height: 1.3;
transition: background 180ms var(--k1-ease), color 180ms var(--k1-ease);
}
.k1-ch__chips button:hover { background: var(--k1-green); color: #fff; border-color: var(--k1-green); }
.k1-ch__form { display: flex; align-items: center; gap: 8px; padding: 14px 16px; background: #f6f8f7; }
.k1-ch__form input {
flex: 1; min-width: 0; height: 42px; padding: 0 16px;
border: 0; border-radius: var(--k1-pill);
box-shadow: inset 0 0 0 1px var(--k1-line);
background: #fff; font: inherit; font-size: 14px; color: var(--k1-ink);
transition: box-shadow 160ms var(--k1-ease);
}
.k1-ch__form input:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--k1-green); }
.k1-ch__form button {
display: grid; place-items: center; flex: none;
width: 42px; height: 42px; border: 0; border-radius: 50%; cursor: pointer;
background: var(--k1-green); color: #fff;
transition: background 180ms var(--k1-ease), transform 180ms var(--k1-ease);
}
.k1-ch__form button:hover { background: #0f4230; transform: scale(1.05); }
.k1-ch__form button svg { display: block; width: 18px; height: 18px; margin-left: 1px; }
.k1-ch__typing { display: inline-flex; align-items: center; gap: 5px; padding: 14px 16px; }
.k1-ch__typing i {
width: 6px; height: 6px; border-radius: 50%; background: #b3bfb8;
animation: k1-ch-dot 1.3s var(--k1-ease) infinite;
}
.k1-ch__typing i:nth-child(2) { animation-delay: .18s; }
.k1-ch__typing i:nth-child(3) { animation-delay: .36s; }
@keyframes k1-ch-dot {
0%, 60%, 100% { opacity: .35; transform: translateY(0); }
30% { opacity: 1; transform: translateY(-3px); }
}
@media (prefers-reduced-motion: reduce) { .k1-ch__typing i { animation: none; opacity: .6; } }
.k1-ch__team { display: flex; align-items: center; flex: none; }
.k1-ch__face {
display: grid; place-items: center; flex: none;
width: 32px; height: 32px; border-radius: 50%;
background: #dff0e6; color: #12513a;
font: 700 12.5px/1 var(--k1-font); letter-spacing: 0; text-transform: uppercase;
box-shadow: 0 0 0 2px #14523a;
}
.k1-ch__face + .k1-ch__face { margin-left: -10px; }
.k1-ch__face:nth-child(2) { background: #f6e6d8; color: #7d4f22; }
.k1-ch__face:nth-child(3) { background: #f9dedb; color: #a5271e; }
.k1-ch__act { display: flex; flex-wrap: wrap; gap: 7px; align-self: flex-start; max-width: 92%; }
.k1-ch__act button {
border: 1px solid var(--k1-green-line); cursor: pointer;
padding: 8px 14px; border-radius: var(--k1-pill);
background: #fff; color: var(--k1-green);
font: inherit; font-size: 12.5px; line-height: 1.3;
transition: background 180ms var(--k1-ease), color 180ms var(--k1-ease);
}
.k1-ch__act button:hover { background: var(--k1-green); color: #fff; }
.k1-ch__act button.is-primary { background: var(--k1-green); color: #fff; }
.k1-ch__act button.is-primary:hover { background: #0f4230; }
.k1-ch__hand {
display: flex; flex-direction: column; gap: 8px;
align-self: stretch; padding: 14px; border-radius: 14px;
background: #fff; box-shadow: 0 1px 3px rgba(15, 32, 24, .08);
}
.k1-ch__hand input, .k1-ch__hand textarea {
width: 100%; padding: 10px 13px; border: 1px solid var(--k1-line);
border-radius: 11px; background: #fff;
font: inherit; font-size: 13.5px; color: var(--k1-ink); resize: vertical;
}
.k1-ch__hand input:focus, .k1-ch__hand textarea:focus { outline: none; border-color: var(--k1-green); }
.k1-ch__hand button {
border: 0; cursor: pointer; padding: 11px 16px; border-radius: var(--k1-pill);
background: var(--k1-green); color: #fff; font: inherit; font-size: 13.5px; font-weight: 500;
transition: background 180ms var(--k1-ease);
}
.k1-ch__hand button:hover { background: #0f4230; }
.k1-ch__rate { display: flex; gap: 4px; align-self: flex-start; padding: 2px 0; }
.k1-ch__rate button { border: 0; background: none; cursor: pointer; padding: 3px; color: #d3dbd6; transition: color 140ms var(--k1-ease); }
.k1-ch__rate button svg { display: block; width: 24px; height: 24px; }
.k1-ch__rate button.is-lit, .k1-ch__rate button:hover { color: var(--k1-gold); }
.k1-ch__note {
align-self: stretch; padding: 2px 4px; margin: 2px 0;
text-align: center; font-size: 11px; line-height: 1.5; color: #8a958f;
}
.k1-ch__log:has(.k1-ch__m--me) + .k1-ch__chips { display: none; }
.k1-ch__dot {
position: absolute; top: 4px; right: 4px;
width: 12px; height: 12px; border-radius: 50%;
background: var(--k1-red); box-shadow: 0 0 0 2.5px #fff;
animation: k1-ch-pop 260ms var(--k1-ease);
}
@keyframes k1-ch-pop { from { transform: scale(0); } to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .k1-ch__dot { animation: none; } }
.k1-desk { padding: 34px 0 64px; }
.k1-desk__wrap { max-width: 1720px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 40px); }
.k1-desk__top { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 22px; }
.k1-desk__top h1 { font-size: clamp(26px, 3.4vw, 38px); }
.k1-desk__find { display: flex; gap: 8px; }
.k1-desk__find input {
width: min(320px, 60vw); height: 42px; padding: 0 15px;
border: 0; border-radius: var(--k1-pill); box-shadow: inset 0 0 0 1px var(--k1-line);
background: #fff; font: inherit; font-size: 14px;
}
.k1-desk__find input:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--k1-green); }
.k1-desk__find .k1-b { height: 42px; }
.k1-desk__tabs { display: flex; gap: 6px; margin-bottom: 18px; border-bottom: 1px solid var(--k1-line); }
.k1-desk__tabs a {
padding: 10px 16px; font-size: 14px; color: var(--k1-muted);
border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.k1-desk__tabs a:hover { color: var(--k1-ink); }
.k1-desk__tabs a.is-on { color: var(--k1-green); border-bottom-color: var(--k1-green); font-weight: 500; }
.k1-desk__grid { display: grid; grid-template-columns: minmax(0, 400px) minmax(0, 1fr); gap: 22px; align-items: start; }
.k1-desk__list {
display: flex; flex-direction: column; gap: 4px;
max-height: 78vh; overflow-y: auto; padding-right: 6px;
}
.k1-desk__row {
display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px;
padding: 13px 15px; border-radius: var(--k1-r); background: #fff;
box-shadow: inset 0 0 0 1px var(--k1-line);
transition: box-shadow 160ms var(--k1-ease), background 160ms var(--k1-ease);
}
.k1-desk__row:hover { box-shadow: inset 0 0 0 1px var(--k1-green-line); }
.k1-desk__row.is-on { background: var(--k1-green-soft); box-shadow: inset 0 0 0 1.5px var(--k1-green); }
.k1-desk__who { display: flex; align-items: center; gap: 7px; font-size: 14.5px; color: var(--k1-ink); min-width: 0; }
.k1-desk__who b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k1-desk__flag { width: 7px; height: 7px; border-radius: 50%; background: var(--k1-red); flex: none; }
.k1-desk__meta { grid-column: 1 / -1; font-size: 12.5px; color: var(--k1-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k1-desk__tail {
grid-column: 1 / -1; font-size: 13px; line-height: 1.45; color: var(--k1-text);
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.k1-desk__when { grid-column: 2; grid-row: 1; align-self: center; white-space: nowrap; font: 500 12px/1 var(--k1-num); color: var(--k1-muted); }
.k1-desk__panel {
background: #fff; border-radius: var(--k1-r-lg);
box-shadow: inset 0 0 0 1px var(--k1-line); padding: clamp(18px, 2.4vw, 26px);
}
.k1-desk__none { color: var(--k1-muted); padding: 26px 0; text-align: center; }
.k1-desk__ok {
padding: 11px 15px; border-radius: var(--k1-r); margin-bottom: 16px;
background: var(--k1-green-soft); color: var(--k1-green); font-size: 14px; font-weight: 500;
}
.k1-desk__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--k1-line); }
.k1-desk__head h2 { font-size: 20px; margin-bottom: 3px; }
.k1-desk__head p { font-size: 13.5px; color: var(--k1-muted); }
.k1-desk__state { flex: none; padding: 5px 12px; border-radius: var(--k1-pill); font-size: 12.5px; font-weight: 500; }
.k1-desk__state.is-open { background: #fdf0d8; color: #8a6414; }
.k1-desk__state.is-closed { background: var(--k1-panel); color: var(--k1-muted); }
.k1-desk__orders { padding: 16px 0; border-bottom: 1px solid var(--k1-line); }
.k1-desk__orders h3 { font-size: 12.5px; letter-spacing: .09em; text-transform: uppercase; color: var(--k1-muted); margin-bottom: 9px; }
.k1-desk__orders ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.k1-desk__orders li { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 13.5px; }
.k1-desk__orders span { color: var(--k1-muted); }
.k1-desk__orders time { margin-left: auto; font: 500 12px/1 var(--k1-num); color: var(--k1-muted); }
.k1-desk__talk { display: flex; flex-direction: column; gap: 8px; padding: 18px 0; max-height: 52vh; overflow-y: auto; }
.k1-desk__msg { max-width: 66%; padding: 10px 14px; font-size: 14px; line-height: 1.55; }
.k1-desk__msg.is-them { align-self: flex-start; background: var(--k1-panel); border-radius: 14px 14px 14px 4px; }
.k1-desk__msg.is-bot { align-self: flex-end; background: #eef3f0; color: var(--k1-text); border-radius: 14px 14px 4px 14px; }
.k1-desk__msg.is-staff { align-self: flex-end; background: var(--k1-green); color: #fff; border-radius: 14px 14px 4px 14px; }
.k1-desk__reply { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 1px solid var(--k1-line); }
.k1-desk__reply textarea {
width: 100%; padding: 12px 15px; border: 0; border-radius: var(--k1-r);
box-shadow: inset 0 0 0 1px var(--k1-line); background: #fff;
font: inherit; font-size: 14px; resize: vertical;
}
.k1-desk__reply textarea:focus { outline: none; box-shadow: inset 0 0 0 1.5px var(--k1-green); }
.k1-desk__actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.k1-desk__done { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--k1-text); cursor: pointer; }
.k1-desk__note { font-size: 13.5px; color: var(--k1-muted); }
@media (max-width: 900px) {
.k1-desk__grid { grid-template-columns: 1fr; }
.k1-desk__list { max-height: 320px; }
}
.k1-desk__panel.is-loading { opacity: .55; transition: opacity 140ms var(--k1-ease); }
.k1-desk__row.is-new { box-shadow: inset 0 0 0 1px var(--k1-green-line); }
.k1-desk__row.is-new .k1-desk__who b { font-weight: 700; }
.k1-desk__count {
display: inline-grid; place-items: center; min-width: 20px; height: 20px;
margin-left: 7px; padding: 0 6px; border-radius: var(--k1-pill);
background: var(--k1-red); color: #fff;
font: 700 11.5px/1 var(--k1-num);
}
.k1-desk__done input { position: absolute; opacity: 0; width: 0; height: 0; }
.k1-desk__tick {
display: grid; place-items: center; flex: none;
width: 22px; height: 22px; border-radius: 7px;
background: #fff; box-shadow: inset 0 0 0 1.5px var(--k1-line);
color: transparent;
transition: background 180ms var(--k1-ease), box-shadow 180ms var(--k1-ease), color 180ms var(--k1-ease);
}
.k1-desk__tick svg { width: 13px; height: 13px; }
.k1-desk__done:hover .k1-desk__tick { box-shadow: inset 0 0 0 1.5px var(--k1-green-line); }
.k1-desk__done input:checked + .k1-desk__tick {
background: var(--k1-green); box-shadow: inset 0 0 0 1.5px var(--k1-green); color: #fff;
}
.k1-desk__done input:focus-visible + .k1-desk__tick { outline: 2px solid var(--k1-green); outline-offset: 2px; }
.k1-desk__nums { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 22px; }
.k1-desk__nums div {
background: #fff; border-radius: var(--k1-r-lg); padding: 20px;
box-shadow: inset 0 0 0 1px var(--k1-line);
display: flex; flex-direction: column; gap: 4px;
}
.k1-desk__nums b { font: 700 30px/1 var(--k1-num); color: var(--k1-green); }
.k1-desk__nums span { font-size: 13px; color: var(--k1-muted); }
.k1-desk__two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.k1-desk__two section { background: #fff; border-radius: var(--k1-r-lg); padding: clamp(18px, 2.2vw, 26px); box-shadow: inset 0 0 0 1px var(--k1-line); }
.k1-desk__two h2 { font-size: 18px; margin-bottom: 6px; }
.k1-desk__hint { font-size: 13px; line-height: 1.55; color: var(--k1-muted); margin-bottom: 14px; }
.k1-desk__bars { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.k1-desk__bars li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: center; }
.k1-desk__bars span { font-size: 13.5px; color: var(--k1-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k1-desk__bars b { font: 600 13px/1 var(--k1-num); color: var(--k1-muted); }
.k1-desk__bars i { grid-column: 1 / -1; height: 6px; border-radius: 3px; background: var(--k1-green); min-width: 6px; }
.k1-desk__gaps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.k1-desk__gaps li { display: flex; align-items: baseline; gap: 10px; }
.k1-desk__gaps a { font-size: 13.5px; line-height: 1.5; color: var(--k1-text); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--k1-line); }
.k1-desk__gaps a:hover { color: var(--k1-green); }
.k1-desk__gaps b { margin-left: auto; font: 600 12px/1 var(--k1-num); color: var(--k1-red); }
@media (max-width: 900px) {
.k1-desk__nums { grid-template-columns: repeat(2, 1fr); }
.k1-desk__two { grid-template-columns: 1fr; }
}
.k1-ch__end {
display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
padding: 12px 16px; background: #fdf3e2; border-bottom: 1px solid #f0e2c8;
}
.k1-ch__end p { flex: 1; min-width: 0; font-size: 13px; line-height: 1.4; color: #7a5a17; }
.k1-ch__end span { font: 700 14px/1 var(--k1-num); color: #7a5a17; }
.k1-ch__end .k1-b { height: 34px; padding: 0 14px; font-size: 12.5px; }
.k1-ch__done {
display: flex; flex-direction: column; align-items: center; gap: 9px;
padding: 30px 22px; text-align: center; background: #f6f8f7;
}
.k1-ch__done-ic {
display: grid; place-items: center; width: 42px; height: 42px;
border-radius: 50%; background: var(--k1-green-soft); color: var(--k1-green);
}
.k1-ch__done-ic svg { width: 21px; height: 21px; }
.k1-ch__done b { font-size: 15.5px; color: var(--k1-ink); }
.k1-ch__done p { font-size: 13px; line-height: 1.55; color: var(--k1-muted); max-width: 30ch; }
.k1-ch__done .k1-b { margin-top: 4px; height: 38px; font-size: 13px; }
.k1-ch__log[hidden],
.k1-ch__chips[hidden],
.k1-ch__form[hidden],
.k1-ch__end[hidden],
.k1-ch__done[hidden],
.k1-ch__m[hidden] { display: none !important; }
.k1-pop { position: fixed; inset: 0; z-index: 320; display: grid; place-items: center; padding: 16px; background: rgba(22, 38, 31, 0.55); opacity: 0; transition: opacity 320ms var(--k1-ease); }
.k1-pop[hidden] { display: none; }
.k1-pop.is-on { opacity: 1; }
.k1-pop__bg { position: absolute; inset: 0; }
.k1-pop__box { position: relative; display: grid; grid-template-columns: 42% 1fr; width: min(820px, 100%); max-height: calc(100dvh - 32px); overflow: hidden; background: #fff; border-radius: var(--k1-r-lg); box-shadow: 0 24px 60px rgba(22, 38, 31, 0.28); transform: translateY(14px) scale(0.98); transition: transform 320ms var(--k1-ease); }
.k1-pop.is-on .k1-pop__box { transform: none; }
.k1-pop__pic { display: block; min-height: 100%; }
.k1-pop__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.k1-pop__body { padding: clamp(26px, 4vw, 44px) clamp(22px, 4vw, 44px) clamp(22px, 3vw, 34px); display: flex; flex-direction: column; gap: 14px; overflow-y: auto; }
.k1-pop__x { position: absolute; top: 12px; right: 12px; z-index: 2; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 100px; background: rgba(255, 255, 255, 0.9); color: var(--k1-ink); cursor: pointer; transition: background 200ms var(--k1-ease), color 200ms var(--k1-ease); }
.k1-pop__x:hover { background: var(--k1-ink); color: #fff; }
.k1-pop__x:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(20, 82, 58, 0.18); }
.k1-pop__eb { display: inline-flex; align-items: center; gap: 8px; font: 600 11.5px var(--k1-font); letter-spacing: 0.08em; text-transform: uppercase; color: var(--k1-muted); }
.k1-pop__eb i { width: 6px; height: 6px; border-radius: 50%; background: var(--k1-red); }
.k1-pop__t { font-size: clamp(24px, 3vw, 32px); line-height: 1.12; }
.k1-pop__t b { font-family: var(--k1-num); font-weight: 700; color: var(--k1-green); white-space: nowrap; }
.k1-pop__p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--k1-text); }
.k1-pop__form { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.k1-pop__hp { position: absolute; left: -9999px; }
.k1-pop__lbl { font: 500 13px var(--k1-font); color: var(--k1-ink); }
.k1-pop__row { display: flex; gap: 8px; }
.k1-pop__row input { flex: 1 1 auto; min-width: 0; height: 52px; padding: 0 16px; border: 1px solid var(--k1-line); border-radius: 4px; font: 400 15px var(--k1-font); color: var(--k1-ink); background: #fff; transition: border-color 200ms var(--k1-ease), box-shadow 200ms var(--k1-ease); }
.k1-pop__row input:focus { outline: 0; border-color: var(--k1-green); box-shadow: 0 0 0 4px rgba(20, 82, 58, 0.1); }
.k1-pop__row button { flex: none; height: 52px; padding: 0 22px; border: 0; border-radius: 100px; background: var(--k1-green); color: #fff; font: 500 15px var(--k1-font); cursor: pointer; transition: background 200ms var(--k1-ease), box-shadow 200ms var(--k1-ease); }
.k1-pop__row button:hover { background: #0f4230; box-shadow: 0 0 0 5px rgba(20, 82, 58, 0.14); }
.k1-pop__row button:disabled { opacity: 0.6; cursor: default; }
.k1-pop__ok { display: flex; gap: 10px; align-items: flex-start; font-size: 12.5px; line-height: 1.5; color: var(--k1-muted); cursor: pointer; }
.k1-pop__ok input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--k1-green); }
.k1-pop__ok a { color: var(--k1-green); text-decoration: underline; text-underline-offset: 3px; }
.k1-pop__msg { margin: 0; min-height: 1.4em; font-size: 13.5px; color: var(--k1-green); }
.k1-pop__msg.is-error { color: var(--k1-red); }
.k1-pop__note { margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--k1-line); font-size: 12.5px; color: var(--k1-muted); }
.k1-pop-lock { overflow: hidden; }
@media (max-width: 680px) {
.k1-pop { padding: 0; align-items: end; }
.k1-pop__box { grid-template-columns: 1fr; grid-template-rows: 150px 1fr; width: 100%; max-height: calc(100dvh - 24px); border-radius: var(--k1-r-lg) var(--k1-r-lg) 0 0; transform: translateY(24px); }
.k1-pop__t { font-size: 24px; }
.k1-pop__row { flex-direction: column; }
.k1-pop__row button { height: 50px; }
.k1-pop__note { display: none; }
}
@media (prefers-reduced-motion: reduce) { .k1-pop, .k1-pop__box { transition: none; } }
.k1-sp__seo {
margin: clamp(48px, 6vw, 80px) 0 8px;
padding-top: clamp(28px, 3vw, 40px);
border-top: 1px solid var(--k1-line);
max-width: 68ch;
color: var(--k1-text);
font-size: 15px;
line-height: 1.7;
}
.k1-sp__seo > :first-child { margin-top: 0; }
.k1-sp__seo > :last-child { margin-bottom: 0; }
.k1-sp__seo p { margin: 0 0 14px; }
.k1-sp__seo h2 {
margin: 32px 0 10px;
font-size: 19px; line-height: 1.3; font-weight: 600;
color: var(--k1-ink);
}
.k1-sp__seo ul { margin: 0 0 16px; padding: 0; list-style: none; }
.k1-sp__seo li { position: relative; margin: 0 0 10px; padding-left: 18px; }
.k1-sp__seo li::before {
content: ""; position: absolute; left: 2px; top: 10px;
width: 5px; height: 5px; border-radius: 50%;
background: var(--k1-green-line);
}
.k1-sp__seo strong { color: var(--k1-ink); font-weight: 600; }
.k1-sp__seo a { color: var(--k1-green); text-decoration: underline; text-underline-offset: 2px; }
.k1-sp__seo a:hover { color: var(--k1-red); }
@media (prefers-reduced-motion: reduce) { .k1-b, .k1-b::after { transition: none; } .k1-b:hover, .k1-b:hover::after { transform: none; } }
.k1-dw.is-loading [data-k1-drawer-body] { opacity: .55; pointer-events: none; transition: opacity 160ms var(--k1-ease); }
@media (max-width: 900px) {
.k1-wish--card::after,
.show-password-input::after,
.k1-hd__navx::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
transform: translate(-50%, -50%);
}
.k1-hd__navx { position: relative; }
.k1-arw__b { position: relative; }
.k1-arw__b::after {
content: "";
position: absolute;
inset: -9px -4px;
}
.k1co-up__add { position: relative; }
.k1co-up__add::after {
content: "";
position: absolute;
inset: -6px 0;
}
}
.k1-sp__seo { margin-top: 40px; border-top: 1px solid var(--k1-line); padding-top: 18px; }
.k1-sp__seo-btn {
cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 8px;
font: 500 15px/1.4 var(--k1-font); color: var(--k1-ink2);
padding: 8px 0; transition: color 180ms var(--k1-ease);
}
.k1-sp__seo-btn::-webkit-details-marker { display: none; }
.k1-sp__seo-btn::after {
content: ""; width: 8px; height: 8px; border-right: 1.6px solid currentColor;
border-bottom: 1.6px solid currentColor; transform: rotate(45deg) translateY(-2px);
transition: transform 200ms var(--k1-ease);
}
.k1-sp__seo[open] .k1-sp__seo-btn { color: var(--k1-ink); }
.k1-sp__seo[open] .k1-sp__seo-btn::after { transform: rotate(-135deg) translateY(-2px); }
.k1-sp__seo-btn:hover { color: var(--k1-ink); }
.k1-sp__seo-in { padding-top: 6px; max-width: 74ch; }
.k1-hd__logo--platus img { height: 48px; }
@media (max-width: 900px) { .k1-hd__logo--platus img { height: 32px; } }
@media (max-width: 760px) { .k1-hd__logo--platus img { height: 29px; } }
.k1-hd__navtop--platus img { height: 22px; }
.k1-hero__facts { list-style: none; margin: auto 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.k1-hero__facts li {
display: inline-flex; align-items: center; gap: 6px;
padding: 7px 12px; border-radius: var(--k1-pill);
background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.92);
font-size: 13px; font-weight: 500;
}
.k1-hero__facts li::before {
content: ""; width: 6px; height: 6px; border-radius: 50%; background: #e8c583; flex: none;
}
.k1-rv__meta { font-size: 12px; color: var(--k1-muted); }
.k1-ch__ai { margin: 0; padding: 0 16px 12px; background: #f6f8f7; font-size: 11.5px; line-height: 1.4; color: var(--k1-muted); }
.k1-ch__state { white-space: nowrap; line-height: 1.3; }
.k1-pm__ph img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 760px) {
.k1-pm__in.has-ph { padding-bottom: calc(22px + 72vw); }
.k1-pm__ph img { object-position: 50% 100%; }
.k1-pm__in.has-ph::before {
background: linear-gradient(0deg, rgba(14, 58, 41, 0) 0, rgba(14, 58, 41, 0) calc(22px + 58vw),
rgba(14, 58, 41, .84) calc(22px + 78vw), rgba(14, 58, 41, .84) 100%);
}
}
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; word-wrap: normal !important; }
.screen-reader-text:focus { clip: auto; clip-path: none; width: auto; height: auto; margin: 0; overflow: visible; }
.k1-dw__adding { display: grid; justify-items: center; align-content: center; gap: 10px; min-height: 220px; padding: 24px; text-align: center; }
.k1-dw__adding b { font-weight: 500; color: var(--k1-ink); font-size: 16px; }
.k1-dw__adding-n { color: var(--k1-muted); font-size: 14px; max-width: 32ch; }
.k1-dw__spin { width: 28px; height: 28px; border-radius: 50%; border: 2.5px solid var(--k1-line); border-top-color: var(--k1-green); animation: k1-spin .8s linear infinite; }
@keyframes k1-spin { to { transform: rotate(360deg); } }
.k1-dw.is-loading .k1-dw__adding { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .k1-dw__spin { animation-duration: 2.4s; } }