/* ═══════════════════════════════════════════════════
   КапитонЕ — v5 FINAL
   Правки по референсу
   ═══════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Oswald:wght@400;600;700&family=Roboto:wght@400;500;700&display=swap');

:root{
  --kp-olive:#55672F;
  --kp-olive-d:#42511F;
  --kp-bg:#E9E3D6;
  --kp-cream:#F4EFE4;
  --kp-ink:#1A1A16;
  --kp-gray:#5A5A50;
  --kp-line:#CFC7B4;
  --kp-logo-h:34px;
}

*{box-sizing:border-box;}

body{
  margin:0;
  background-color:var(--kp-bg);
  background-image:
    repeating-linear-gradient(45deg,rgba(26,26,22,.04) 0 2px,transparent 2px 44px),
    repeating-linear-gradient(-45deg,rgba(26,26,22,.04) 0 2px,transparent 2px 44px);
  color:var(--kp-ink);
  font-family:'Roboto',-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}

.kp-wrap{width:min(1100px,93%);margin-inline:auto;}

/* ═══════ ШАПКА + ЛОГОТИП ═══════ */
header,.header,.site-header{
  background:var(--kp-cream);
  border-bottom:1px solid var(--kp-line);
  position:sticky;top:0;z-index:100;
}
header>*,.header>*,.site-header>*{
  width:min(1100px,93%);margin-inline:auto;
  display:flex;align-items:center;justify-content:space-between;
  gap:22px;min-height:62px;flex-wrap:wrap;
}

/* Логотип */
.kp-logo img,
header .logo img,
header a img,
.header a img,
.site-header a img{
  height:var(--kp-logo-h)!important;
  width:auto!important;
  max-height:none!important;
  display:block;
  object-fit:contain;
}
.kp-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;}
.kp-logo-text{font-family:'Playfair Display',serif;font-weight:900;
  font-size:calc(var(--kp-logo-h) * .46);letter-spacing:.06em;
  text-transform:uppercase;line-height:1;color:var(--kp-ink);}

/* Меню */
header ul,.header ul{
  display:flex;gap:22px;list-style:none;margin:0;padding:0;
  align-items:center;
}
header a,.header a,.site-header a{
  color:var(--kp-ink);text-decoration:none;
  font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  transition:color .2s;font-family:'Roboto',sans-serif;
}
header a:hover,.header a:hover{color:var(--kp-olive);}

/* Скрыть поиск */
header input[type=text],
header input[type=search],
header .search,
header [class*="search"]{
  display:none!important;
}

/* Иконка корзины */
header .cart,header .cart-icon,.header .cart,
header [class*="cart"],.header [class*="cart"]{
  background:var(--kp-cream)!important;
  border:1px solid var(--kp-line)!important;
  color:var(--kp-ink)!important;
}

footer,.footer,.site-footer{background:var(--kp-olive);color:#fff;padding:38px 0 28px;}
footer a,.footer a{color:rgba(255,255,255,.85);text-decoration:none;font-size:.7rem;}
footer a:hover,.footer a:hover{color:#B8CC72;}

/* ═══════ МОЗАИКА 2×3 ═══════ */
.kp-hero{padding:30px 0 0;}

.kp-mosaic{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-auto-rows:200px;
  gap:12px;
}

.kp-cell{
  position:relative;
  overflow:hidden;
  border-radius:0;
  min-width:0;
}

/* Слова */
.kp-word{
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-weight:900;
  font-size:clamp(1.8rem,3.5vw,2.4rem);
  line-height:1;letter-spacing:-.02em;
  text-transform:uppercase;white-space:nowrap;
}
.kp-word--cream{background:var(--kp-cream);color:var(--kp-ink);}
.kp-word--olive{
  background:var(--kp-olive);color:#fff;
  background-image:
    repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 22px),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 22px);
}
.kp-word--line{background:transparent;border:1.5px solid var(--kp-ink);color:var(--kp-ink);}

/* Картинки */
.kp-pic{background:var(--kp-cream);}
.kp-pic img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  display:block;
  transition:transform .7s cubic-bezier(.22,1,.36,1);
}
.kp-pic:hover img{transform:scale(1.04);}

.kp-cap{
  position:absolute;left:0;bottom:12px;z-index:2;
  background:var(--kp-ink);color:#fff;
  font-size:.55rem;font-weight:700;letter-spacing:.14em;
  padding:6px 12px 6px 13px;text-transform:uppercase;font-family:'Roboto',sans-serif;
}

/* Подвал героя */
.kp-foot{
  display:flex;justify-content:space-between;align-items:center;gap:26px;
  border-top:1px solid var(--kp-line);
  margin-top:20px;padding:18px 0 40px;flex-wrap:wrap;
}
.kp-foot-txt{margin:0;font-size:.7rem;line-height:1.7;color:var(--kp-gray);font-family:'Roboto',sans-serif;}
.kp-foot-txt b{color:var(--kp-ink);font-weight:700;}

/* Кнопки */
.kp-btn{
  display:inline-flex;align-items:center;gap:18px;
  background:var(--kp-olive);color:#fff;
  font-size:.65rem;font-weight:700;letter-spacing:.14em;
  padding:13px 20px;border-radius:0;text-decoration:none;border:none;
  cursor:pointer;white-space:nowrap;
  transition:background .25s,transform .25s;
  font-family:'Roboto',sans-serif;
}
.kp-btn i{font-style:normal;transition:transform .3s;}
.kp-btn:hover{background:var(--kp-olive-d);transform:translateY(-2px);color:#fff;}
.kp-btn:hover i{transform:translateX(4px);}
.kp-btn--line{background:transparent;color:var(--kp-ink);border:1.5px solid var(--kp-ink);}
.kp-btn--line:hover{background:var(--kp-ink);color:#fff;}

/* ═══════ ЛЕНТА ═══════ */
.kp-ticker{background:var(--kp-olive);overflow:hidden;padding:12px 0;}
.kp-ticker-line{display:flex;align-items:center;gap:20px;width:max-content;
  animation:kpRun 60s linear infinite;}
.kp-ticker:hover .kp-ticker-line{animation-play-state:paused;}
@keyframes kpRun{to{transform:translateX(-25%);}}
.kp-ticker-line span{color:#fff;font-size:.6rem;font-weight:700;
  letter-spacing:.16em;white-space:nowrap;font-family:'Roboto',sans-serif;}
.kp-ticker-line s{color:#B8CC72;font-size:.44rem;text-decoration:none;}

/* ═══════ СЕКЦИЯ ═══════ */
.kp-sec{padding:52px 0 68px;}

.kp-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;}
.kp-eyebrow{font-size:.55rem;font-weight:700;letter-spacing:.24em;
  color:var(--kp-gray);margin-bottom:7px;font-family:'Roboto',sans-serif;}
.kp-eyebrow--light{color:rgba(255,255,255,.7);}
.kp-h2{margin:0;font-family:'Playfair Display',serif;font-weight:900;
  font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.05;text-transform:uppercase;}
.kp-h2 em{font-style:normal;color:var(--kp-olive);}
.kp-h2--light{color:#fff;}
.kp-h2--light em{color:#B8CC72;}
.kp-head-note{margin:0;font-size:.68rem;line-height:1.7;color:var(--kp-gray);
  max-width:300px;justify-self:end;font-family:'Roboto',sans-serif;}

.kp-rule{height:1px;background:var(--kp-line);margin:22px 0 20px;}

.kp-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px;}
.kp-chip{
  font-size:.58rem;font-weight:700;letter-spacing:.12em;
  padding:8px 14px;border:1px solid var(--kp-line);border-radius:0;
  color:var(--kp-gray);text-decoration:none;transition:all .2s;
  font-family:'Roboto',sans-serif;
}
.kp-chip:hover{border-color:var(--kp-olive);color:var(--kp-olive);}
.kp-chip.is-on{background:var(--kp-olive);border-color:var(--kp-olive);color:#fff;}

/* Товары */
.kp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}

.kp-card{
  display:block;text-decoration:none;color:inherit;
  background:var(--kp-cream);border-radius:0;overflow:hidden;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;
}
.kp-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(26,26,22,.12);}

.kp-card-pic{
  position:relative;width:100%;
  aspect-ratio:3 / 4;
  overflow:hidden;background:var(--kp-bg);
}
@supports not (aspect-ratio:3/4){.kp-card-pic{height:0;padding-bottom:133.33%;}}
.kp-card-pic img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;display:block;
  transition:transform .7s cubic-bezier(.22,1,.36,1);
}
.kp-card:hover .kp-card-pic img{transform:scale(1.05);}
.kp-noimg{
  position:absolute;inset:0;display:grid;place-items:center;
  font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--kp-line);
}

.kp-flag{
  position:absolute;top:11px;left:0;z-index:2;
  background:var(--kp-olive);color:#fff;
  font-size:.52rem;font-weight:700;letter-spacing:.14em;
  padding:5px 10px 5px 12px;font-family:'Roboto',sans-serif;
}
.kp-flag--new{background:var(--kp-ink);}

.kp-card-txt{padding:12px 13px 14px;}
.kp-card-name{font-size:.68rem;font-weight:600;line-height:1.4;
  margin-bottom:10px;min-height:2.6em;font-family:'Roboto',sans-serif;}
.kp-card-row{display:flex;justify-content:space-between;align-items:center;}
.kp-price{font-family:'Roboto',sans-serif;font-size:1rem;font-weight:700;}
.kp-plus{
  width:26px;height:26px;display:grid;place-items:center;
  background:var(--kp-olive);color:#fff;font-size:.9rem;border-radius:0;
  transition:background .25s,transform .25s;
}
.kp-card:hover .kp-plus{background:var(--kp-ink);transform:rotate(90deg);}

.kp-center{text-align:center;margin-top:34px;}

/* ═══════ ПОДПИСКА ═══════ */
.kp-sub{
  background:var(--kp-olive);
  background-image:
    repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 22px),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 22px);
  padding:54px 0;
}
.kp-sub-in{display:flex;justify-content:space-between;align-items:center;
  gap:36px;flex-wrap:wrap;}
.kp-sub-form{display:flex;gap:8px;flex-wrap:wrap;}
.kp-sub-form input{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);
  border-radius:0;padding:13px 16px;color:#fff;
  font-family:'Roboto',sans-serif;font-size:.73rem;min-width:220px;outline:none;
}
.kp-sub-form input::placeholder{color:rgba(255,255,255,.55);}
.kp-sub-form input:focus{border-color:#B8CC72;background:rgba(255,255,255,.18);}
.kp-sub-form button{
  background:#fff;color:var(--kp-ink);border:none;border-radius:0;
  padding:13px 22px;font-size:.65rem;font-weight:700;letter-spacing:.14em;
  cursor:pointer;font-family:'Roboto',sans-serif;transition:background .25s;
}
.kp-sub-form button:hover{background:#B8CC72;}

/* ═══════ ЧИСТКА ЧУЖИХ ЦВЕТОВ ═══════ */
[style*="7C3AED"],[style*="8B5CF6"],[style*="6D28D9"],
[style*="A78BFA"],[style*="5B21B6"],[style*="4C1D95"],
[style*="rgb(124, 58, 237)"],[style*="rgb(139, 92, 246)"]{
  background:var(--kp-olive)!important;
  background-image:none!important;
  color:#fff!important;
}

.newsletter,.subscribe,.cta,.cta-block,.promo,.banner-purple,
.gradient,.bg-gradient,.bg-primary,.bg-purple,.bg-indigo,.bg-violet{
  background:var(--kp-olive)!important;
  background-image:
    repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 22px),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 1px,transparent 1px 22px)!important;
  color:#fff!important;
  border-radius:0!important;
}

.btn-primary,.btn-purple,.btn-violet,.button-primary{
  background:var(--kp-olive)!important;color:#fff!important;
  border-color:var(--kp-olive)!important;border-radius:0!important;
}
.btn-primary:hover,.button-primary:hover{background:var(--kp-olive-d)!important;}

.text-primary,.text-purple,.text-violet{color:var(--kp-olive)!important;}
.badge-primary,.badge-purple{background:var(--kp-olive)!important;color:#fff!important;}

a{color:var(--kp-olive);}
a:hover{color:var(--kp-olive-d);}

::selection{background:var(--kp-olive);color:#fff;}
input:focus,textarea:focus,select:focus{
  border-color:var(--kp-olive)!important;
  box-shadow:0 0 0 2px rgba(85,103,47,.15)!important;
  outline:none!important;
}

/* ═══════ АДАПТИВ ═══════ */
@media(max-width:900px){
  .kp-mosaic{grid-auto-rows:150px;}
  .kp-head{grid-template-columns:1fr;}
  .kp-head-note{justify-self:start;}
  .kp-grid{grid-template-columns:repeat(2,1fr);}
  .kp-foot{flex-direction:column;align-items:flex-start;}
  .kp-sub-in{flex-direction:column;align-items:flex-start;}
}
@media(max-width:560px){
  :root{--kp-logo-h:26px;}
  .kp-mosaic{grid-template-columns:1fr;grid-auto-rows:120px;}
  .kp-grid{grid-template-columns:1fr 1fr;gap:9px;}
}