/* ============================================================
   МАСЛОБОЙ — общие стили (все страницы в этом файле)
   Шрифты: Oswald (заголовки) + Golos Text (текст)
   ============================================================ */

:root{
  --ink:#151515;
  --ink-2:#1d1d1d;
  --orange:#e16d0a;
  --orange-dark:#c55d08;
  --orange-bright:#ef821b;
  --gold:#f0b744;
  --line:#e6e6e6;
  --line-dark:#2c2c2c;
  --muted:#7a7a7a;
  --bg:#fff;
  --bg-soft:#f3f3f3;
  --maxw:1280px;
  --pad:40px;
}

/* ---------- база ---------- */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Golos Text',system-ui,sans-serif;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--orange-dark);}
input{font-family:inherit;}
button{font-family:inherit;}
::selection{background:var(--gold);color:var(--ink);}

.h{
  font-family:'Oswald',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  line-height:.92;
  letter-spacing:-.01em;
}
.container{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}

/* невидимый скроллбар для лент */
.noscroll{scrollbar-width:none;-ms-overflow-style:none;}
.noscroll::-webkit-scrollbar{display:none;}

@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes popIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;gap:12px;
  border-radius:2px;cursor:pointer;border:none;
  font-family:'Oswald',sans-serif;text-transform:uppercase;
  letter-spacing:.6px;font-weight:600;font-size:15px;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.btn--primary{background:var(--orange);color:#fff;padding:18px 30px;}
.btn--primary:hover{background:var(--orange-dark);color:#fff;}
.btn--ghost{
  background:transparent;border:1.5px solid rgba(255,255,255,.55);
  color:#fff;padding:18px 30px;font-weight:500;
}
.btn--ghost:hover{background:#fff;color:var(--ink);border-color:#fff;}

/* ============================================================
   ШАПКА
   ============================================================ */
.header{position:relative;z-index:50;border-bottom:1px solid var(--line);}

/* верхняя тёмная полоса */
.topbar{background:var(--ink);color:#b7b7b7;font-size:12.5px;}
.topbar__inner{
  min-height:40px;display:flex;align-items:center;
  justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.topbar__left{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.topbar__sep{width:1px;height:16px;background:#333;}

/* выбор города */
.city{position:relative;}
.city__btn{
  display:inline-flex;align-items:center;gap:7px;
  background:transparent;border:none;color:#eaeaea;
  font-size:12px;cursor:pointer;padding:6px 2px;letter-spacing:.2px;
}
.city__btn b{color:#fff;font-weight:600;}
.city__menu{
  position:absolute;top:42px;left:0;background:#fff;color:var(--ink);
  border:1px solid var(--line);padding:6px;min-width:220px;
  box-shadow:0 20px 44px rgba(0,0,0,.16);z-index:60;
  animation:popIn .16s ease;display:none;
}
.city.is-open .city__menu{display:block;}
.city__item{
  display:block;width:100%;text-align:left;background:transparent;
  border:none;font-size:13.5px;color:#2b2b2b;padding:9px 12px;cursor:pointer;
}
.city__item:hover{background:#f4f1ec;color:var(--orange-dark);}

.topbar__contact{display:inline-flex;align-items:center;gap:8px;color:#b7b7b7;font-size:12px;}
.topbar__contact:hover{color:var(--orange-bright);}
.topbar__contact--phone{color:#fff;font-weight:600;}

.socials{display:flex;align-items:center;gap:10px;}
.social{display:flex;transition:filter .15s ease;}
.social:hover{filter:brightness(1.12);}
.social--tg{color:#29a9eb;}
.social--wa{color:#25d366;}

.topbar__menu{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
.topbar__link{
  font-size:12px;color:#b7b7b7;padding:0 12px;border-left:1px solid var(--line-dark);
}
.topbar__link:hover{color:var(--orange-bright);}

/* основная строка шапки */
.header__main{
  display:flex;align-items:center;gap:22px;
  padding-top:7px;padding-bottom:7px;
}
.logo{flex:0 0 auto;display:block;}
.logo img{height:92px;width:auto;}

/* кнопка каталога + мега-меню */
.catalog{position:relative;flex:0 0 auto;}
.catalog__btn{
  display:inline-flex;align-items:center;gap:11px;height:48px;padding:0 22px;
  background:var(--orange);color:#fff;border:none;border-radius:2px;
  font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.8px;
  font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease;
}
.catalog__btn:hover{background:var(--orange-dark);}
.catalog__menu{
  position:absolute;top:56px;left:0;background:#fff;border:1px solid var(--line);
  padding:8px;width:460px;max-width:90vw;box-shadow:0 24px 56px rgba(0,0,0,.18);
  z-index:60;display:none;grid-template-columns:1fr 1fr;gap:0;animation:popIn .16s ease;
}
.catalog.is-open .catalog__menu{display:grid;}
.catalog__item{
  display:flex;align-items:center;gap:12px;padding:10px 12px;
  color:#2b2b2b;font-size:13.5px;font-weight:500;line-height:1.2;
  border-bottom:1px solid #f2f2f2;
}
.catalog__item:hover{background:#f4f1ec;color:var(--orange-dark);}
.catalog__item img{width:30px;height:30px;object-fit:contain;flex:0 0 auto;}

/* поиск */
.search{
  flex:1 1 auto;min-width:0;max-width:540px;display:flex;align-items:center;
  background:#fff;border:1.5px solid #dadada;border-radius:2px;overflow:hidden;height:48px;
}
.search__input{
  flex:1 1 0;min-width:0;border:none;outline:none;background:transparent;
  font-size:14.5px;color:#2b2b2b;height:100%;padding:0 16px;
}
.search__btn{
  flex:0 0 auto;width:52px;height:100%;border:none;background:var(--ink);color:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;
}
.search__btn:hover{background:var(--orange);}

/* действия (избранное/сравнение/кабинет/корзина) */
.actions{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:2px;}
.action{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;
  background:transparent;border:none;cursor:pointer;color:#2b2b2b;
  padding:5px 9px;transition:color .18s ease;
}
.action:hover{color:var(--orange);}
.action__ico{position:relative;display:flex;}
.action__badge{
  position:absolute;top:-7px;right:-8px;min-width:16px;height:16px;padding:0 4px;
  background:var(--orange);color:#fff;font-size:10px;font-weight:800;
  display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;
}
.action__label{font-size:10.5px;font-weight:600;letter-spacing:.2px;}

.callback-btn{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;
  background:transparent;border:1.5px solid var(--ink);color:var(--ink);
  font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.5px;
  font-weight:500;font-size:13px;border-radius:2px;padding:12px 16px;cursor:pointer;
  transition:all .2s ease;
}
.callback-btn:hover{background:var(--ink);color:#fff;}

.burger{
  display:none;flex:0 0 auto;align-items:center;justify-content:center;
  width:48px;height:48px;background:#f2f2f2;border:1px solid #e2e2e2;border-radius:2px;
  color:var(--ink);cursor:pointer;
}

/* мобильное меню */
.mobile-menu{
  border-top:1px solid var(--line);background:#fff;padding:10px 22px 20px;
  animation:fadeIn .2s ease;display:none;
}
.mobile-menu.is-open{display:block;}
.mobile-menu a{display:block;padding:13px 4px;font-size:17px;color:var(--ink);border-bottom:1px solid #f2f2f2;}
.mobile-menu a:last-child{border-bottom:none;}

/* ============================================================
   ОБЩИЕ ЗАГОЛОВКИ СЕКЦИЙ
   ============================================================ */
.section{max-width:var(--maxw);margin:0 auto;padding:82px var(--pad) 20px;}
.section__head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  margin-bottom:38px;border-bottom:1px solid var(--line);padding-bottom:26px;
}
.eyebrow{
  font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:13px;letter-spacing:.24em;color:var(--orange-dark);margin-bottom:14px;
}
.section__title{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;line-height:.92;
  font-size:clamp(34px,4.4vw,58px);color:var(--ink);margin:0;
}

/* стрелки лент */
.arrows{display:flex;gap:0;flex:0 0 auto;}
.arrow{
  width:52px;height:52px;background:#fff;border:1px solid #dadada;color:var(--ink);
  cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;
}
.arrow + .arrow{border-left:none;}
.arrow:hover{background:var(--ink);color:#fff;}

/* лента карточек */
.track{
  display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;padding:2px 2px 14px;
}
.track > .product-card{flex:0 0 calc((100% - 64px)/5);min-width:0;scroll-snap-align:start;}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;width:100%;background:#111;overflow:hidden;}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.hero__shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,10,10,.86) 0%,rgba(12,12,12,.66) 42%,rgba(12,12,12,.15) 72%,rgba(12,12,12,0) 100%);
}
.hero__inner{position:relative;max-width:var(--maxw);margin:0 auto;padding:96px var(--pad) 100px;}
.hero__content{max-width:660px;}
.hero__kicker{display:flex;align-items:center;gap:14px;margin-bottom:26px;}
.hero__kicker span:first-child{width:42px;height:2px;background:var(--orange-bright);}
.hero__kicker .label{
  font-family:'Oswald',sans-serif;font-weight:500;text-transform:uppercase;
  font-size:13px;letter-spacing:.28em;color:var(--gold);
}
.hero__title{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;
  font-size:clamp(42px,5.6vw,70px);color:#fff;margin:0;line-height:1.14;max-width:763px;
}
.hero__title em{color:var(--orange-bright);font-style:normal;}
.hero__text{font-size:17px;line-height:1.65;color:#cfcfcf;margin:26px 0 38px;max-width:520px;text-wrap:pretty;}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;}

/* ============================================================
   ЛЕНТА БРЕНДОВ
   ============================================================ */
.brands{background:#fff;border-bottom:1px solid var(--line);}
.brands__row{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);display:flex;align-items:stretch;overflow-x:auto;}
.brand{
  flex:1 1 0;min-width:150px;height:104px;display:flex;align-items:center;justify-content:center;
  padding:22px 26px;border-left:1px solid #eee;
}
.brand img{
  max-height:52px;max-width:130px;width:auto;object-fit:contain;
  filter:grayscale(1);opacity:.65;transition:filter .25s ease,opacity .25s ease;
}
.brand img:hover{filter:none;opacity:1;}

/* ============================================================
   КАТЕГОРИИ
   ============================================================ */
.cats{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:0;
  border-top:1px solid var(--line);border-left:1px solid var(--line);
}
.cat-card{
  display:flex;flex-direction:column;background:#fff;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  transition:background .2s ease;position:relative;
}
.cat-card:hover{background:#fafafa;}
.cat-card__img{height:168px;display:flex;align-items:center;justify-content:center;background:#fbfbfb;padding:22px;overflow:hidden;}
.cat-card__img img{max-height:126px;width:auto;object-fit:contain;transition:transform .3s ease;}
.cat-card:hover .cat-card__img img{transform:scale(1.07);}
.cat-card__foot{
  padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eee;
}
.cat-card__name{
  font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;
  font-weight:500;font-size:15px;color:#1f1f1f;line-height:1.15;
}
.cat-card__bar{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--orange);transition:width .25s ease;}
.cat-card:hover .cat-card__bar{width:100%;}

/* ============================================================
   КАРТОЧКА ТОВАРА
   ============================================================ */
.product-card{
  width:100%;background:#fff;border:1px solid var(--line);border-radius:2px;
  display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s ease;
}
.product-card:hover{border-color:#c9c9c9;}
.product-card__media{
  position:relative;height:236px;display:flex;align-items:center;justify-content:center;
  background:#fff;padding:20px;border-bottom:1px solid #eee;
}
.product-card__badges{position:absolute;top:0;left:0;display:flex;}
.badge{
  font-family:'Oswald',sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;padding:6px 12px;
}
.badge--hit{color:#fff;background:var(--orange);}
.badge--new{color:var(--ink);background:var(--gold);}
.product-card__media a{display:flex;align-items:center;justify-content:center;height:100%;}
.product-card__media img{max-height:196px;width:auto;object-fit:contain;}
.product-card__body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1;}
.product-card__art{font-size:11.5px;color:#a0a0a0;letter-spacing:.03em;margin-bottom:8px;}
.product-card__name{
  font-size:14px;font-weight:600;line-height:1.4;color:#1f1f1f;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;
}
.product-card__name:hover{color:var(--orange-dark);}
.product-card__stock{margin-top:10px;display:flex;}
.stock{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;}
.stock i{width:8px;height:8px;display:block;}
.stock--in{color:#1f8f4e;}
.stock--in i{background:#1f8f4e;}
.stock--order{color:var(--orange-dark);}
.stock--order i{background:var(--orange-dark);}
.product-card__foot{margin-top:auto;padding-top:16px;}
.product-card__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.product-card__price .now{font-family:'Oswald',sans-serif;font-weight:600;font-size:26px;color:var(--ink);line-height:1;}
.product-card__price .old{font-size:15px;color:#d23b2e;text-decoration:line-through;font-weight:600;}
.product-card__actions{display:flex;flex-direction:column;gap:8px;}
.pc-btn{
  width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:2px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;
  cursor:pointer;transition:all .2s ease;
}
.pc-btn--cart{height:46px;background:var(--orange);color:#fff;border:none;font-size:14px;font-weight:600;}
.pc-btn--cart:hover{background:var(--orange-dark);}
.pc-btn--request{height:44px;background:#fff;color:#2b2b2b;border:1.5px solid #dadada;font-size:13.5px;font-weight:500;}
.pc-btn--request:hover{border-color:var(--ink);background:var(--ink);color:#fff;}
.pc-btn--order{height:46px;background:var(--ink);color:#fff;border:none;font-size:14px;font-weight:600;}
.pc-btn--order:hover{background:var(--orange);}

/* ============================================================
   НОВИНКИ (серый фон)
   ============================================================ */
.slab{background:var(--bg-soft);margin-top:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.slab .section{padding-top:78px;padding-bottom:78px;}
.slab .section__head{border-bottom-color:#dcdcdc;}
.slab .arrow{border-color:#d2d2d2;}

/* ============================================================
   ПРЕИМУЩЕСТВА (тёмная секция)
   ============================================================ */
.adv{background:var(--ink);color:#fff;}
.adv__inner{max-width:var(--maxw);margin:0 auto;padding:82px var(--pad);}
.adv__head{margin-bottom:52px;border-bottom:1px solid var(--line-dark);padding-bottom:28px;}
.adv__head .eyebrow{color:var(--gold);}
.adv__title{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;line-height:.92;
  font-size:clamp(34px,4.6vw,60px);color:#fff;margin:0;
}
.adv__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark);}
.adv-card{
  border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);
  padding:34px 32px;min-height:210px;display:flex;flex-direction:column;transition:background .2s ease;
}
.adv-card:hover{background:var(--ink-2);}
.adv-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.adv-card__ico{color:var(--orange-bright);display:flex;}
.adv-card__num{font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;color:#3a3a3a;letter-spacing:.1em;}
.adv-card__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:20px;color:#fff;margin:0 0 12px;letter-spacing:.02em;}
.adv-card__text{font-size:14px;line-height:1.6;color:#9e9e9e;margin:0;text-wrap:pretty;}

/* ============================================================
   О КОМПАНИИ + СТАТИСТИКА
   ============================================================ */
.about{max-width:var(--maxw);margin:0 auto;padding:82px var(--pad) 0;}
.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);}
.about__media{min-height:460px;overflow:hidden;}
.about__media img{width:100%;height:100%;object-fit:cover;}
.about__body{
  padding:clamp(30px,4vw,58px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line);
}
.about__title{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;
  font-size:clamp(28px,3.2vw,44px);color:var(--ink);margin:0 0 24px;line-height:1.22;
}
.about__body p{font-size:15px;line-height:1.75;color:#4a4a4a;margin:0 0 14px;text-wrap:pretty;}
.about__body p:last-child{margin-bottom:0;}
.about__body b{color:var(--ink);}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:none;}
.stat{padding:38px 30px;border-right:1px solid var(--line);text-align:left;}
.stat:last-child{border-right:none;}
.stat__value{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(30px,3.4vw,46px);color:var(--ink);margin-bottom:6px;}
.stat__label{font-size:13.5px;color:var(--muted);line-height:1.4;}

/* ============================================================
   ОТЗЫВЫ
   ============================================================ */
.reviews__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px;}
.review{
  scroll-snap-align:start;flex:0 0 calc((100% - 60px)/4);min-width:290px;
  background:#fff;border:1px solid var(--line);padding:30px 28px;display:flex;flex-direction:column;
}
.review__stars{display:flex;align-items:center;gap:2px;font-size:15px;letter-spacing:2px;margin-bottom:18px;}
.review__stars .on{color:var(--orange-bright);}
.review__stars .off{color:#d8d8d8;}
.review__text{font-size:14.5px;line-height:1.7;color:#3f3f3f;margin:0 0 24px;flex:1;text-wrap:pretty;}
.review__author{display:flex;align-items:center;gap:14px;border-top:1px solid #eee;padding-top:18px;}
.review__avatar{
  font-family:'Oswald',sans-serif;font-weight:700;width:46px;height:46px;
  background:var(--ink);color:var(--gold);font-size:19px;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.review__name{font-size:14.5px;font-weight:700;color:var(--ink);}
.review__date{font-size:12.5px;color:#9a9a9a;margin-top:2px;}

/* ============================================================
   НОВОСТИ
   ============================================================ */
.news__head{margin-bottom:38px;border-bottom:1px solid var(--line);padding-bottom:26px;}
.news__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0;
  border-top:1px solid var(--line);border-left:1px solid var(--line);
}
.news-card{
  display:flex;flex-direction:column;background:#fff;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s ease;
}
.news-card:hover{background:#fafafa;}
.news-card__media{height:210px;overflow:hidden;}
.news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.news-card:hover .news-card__media img{transform:scale(1.05);}
.news-card__body{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1;}
.news-card__date{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#9a9a9a;margin-bottom:12px;letter-spacing:.02em;}
.news-card__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:20px;line-height:1.3;color:var(--ink);margin:0 0 12px;}
.news-card__excerpt{font-size:14px;line-height:1.6;color:#5e5e5e;margin:0 0 20px;flex:1;text-wrap:pretty;}
.news-card__more{
  display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;font-weight:700;
  text-transform:uppercase;font-size:13px;letter-spacing:.08em;color:var(--orange-dark);
}

/* ============================================================
   ФИНАЛЬНЫЙ CTA
   ============================================================ */
.cta{position:relative;background:var(--ink);color:#fff;margin-top:78px;overflow:hidden;}
.cta__mesh{
  position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(#ffffff0f 1px,transparent 1px),linear-gradient(90deg,#ffffff0f 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(120% 130% at 50% 50%,transparent 32%,#000 100%);
  mask-image:radial-gradient(120% 130% at 50% 50%,transparent 32%,#000 100%);
}
.cta__lines{
  position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(135deg,#ffffff08 0 2px,transparent 2px 22px);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 46%,transparent 60%,#000 100%);
  mask-image:linear-gradient(90deg,#000 0%,transparent 46%,transparent 60%,#000 100%);
}
.cta__edge{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange);pointer-events:none;}
.cta__inner{
  position:relative;max-width:var(--maxw);margin:0 auto;padding:70px var(--pad);
  display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch;
}
.cta__left{padding-right:clamp(24px,4vw,60px);display:flex;flex-direction:column;justify-content:center;}
.cta__left .eyebrow{color:var(--gold);margin-bottom:16px;}
.cta__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(30px,3.6vw,48px);color:#fff;margin:0 0 18px;}
.cta__text{font-size:16px;line-height:1.65;color:#a6a6a6;margin:0;max-width:440px;text-wrap:pretty;}
.cta__form{background:var(--ink-2);border:1px solid var(--line-dark);padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;}
.field-label{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:#8a8a8a;margin-bottom:8px;}
.field--dark{height:50px;background:var(--ink);border:1px solid #333;border-radius:2px;padding:0 16px;font-size:15px;color:#fff;outline:none;margin-bottom:18px;}
.field--dark:focus{border-color:var(--orange);}
.cta__form .field--dark:nth-of-type(2){margin-bottom:24px;}
.cta__submit{
  height:54px;border:none;border-radius:2px;background:var(--orange);color:#fff;
  font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:16px;letter-spacing:.6px;cursor:pointer;transition:background .2s ease,opacity .2s ease;
}
.cta__submit:hover{background:var(--orange-dark);}
.cta__done{margin-top:16px;font-size:13.5px;color:var(--gold);text-align:center;}
.is-hidden{display:none !important;}

/* ============================================================
   ПОДВАЛ
   ============================================================ */
.footer{background:#0f0f0f;color:#9a9a9a;border-top:1px solid #222;}
.footer__top{
  max-width:var(--maxw);margin:0 auto;padding:60px var(--pad) 32px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;
}
.footer__logo{height:65px;width:auto;margin-bottom:5px;}
.footer__about{font-size:14px;line-height:1.65;color:#8a8a8a;margin:0 0 20px;max-width:280px;}
.footer__socials{display:flex;gap:8px;}
.footer__soc{width:40px;height:40px;border:1px solid var(--line-dark);display:flex;align-items:center;justify-content:center;color:#b7b7b7;}
.footer__soc:hover{color:var(--orange-bright);border-color:var(--orange-bright);}
.footer__col-title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.1em;color:#fff;margin-bottom:18px;}
.footer__link{display:block;font-size:14px;color:#8a8a8a;padding:6px 0;}
.footer__link:hover{color:var(--orange-bright);}
.footer__phone{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;display:block;font-size:22px;color:#fff;margin-bottom:12px;}
.footer__phone:hover{color:var(--orange-bright);}
.footer__contact{display:flex;align-items:center;gap:9px;font-size:14px;color:#8a8a8a;margin-bottom:14px;}
.footer__contact:hover{color:var(--orange-bright);}
.footer__bottom{border-top:1px solid #222;}
.footer__bottom-inner{
  max-width:var(--maxw);margin:0 auto;padding:20px var(--pad);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:12.5px;color:#5e5e5e;
}

/* ============================================================
   МОДАЛЬНОЕ ОКНО (обратный звонок)
   ============================================================ */
.modal{
  position:fixed;inset:0;z-index:100;background:rgba(12,12,12,.66);backdrop-filter:blur(3px);
  display:none;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease;
}
.modal.is-open{display:flex;}
.modal__box{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);box-shadow:0 40px 90px rgba(0,0,0,.4);animation:popIn .22s ease;}
.modal__head{background:var(--ink);padding:26px 28px;position:relative;}
.modal__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:24px;color:#fff;margin:0;}
.modal__sub{font-size:13.5px;color:#a6a6a6;margin:8px 0 0;}
.modal__close{
  position:absolute;top:20px;right:20px;width:34px;height:34px;background:rgba(255,255,255,.1);
  border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.modal__close:hover{background:var(--orange);}
.modal__form{padding:26px 28px 30px;}
.modal__form .field-label{color:#7a7a7a;display:block;}
.field{width:100%;height:50px;border:1px solid #dadada;border-radius:2px;padding:0 16px;font-size:15px;color:var(--ink);outline:none;margin-bottom:18px;}
.field:focus{border-color:var(--orange);}
.agree{display:flex;align-items:flex-start;gap:11px;cursor:pointer;margin-bottom:22px;}
.agree__box{
  flex:0 0 auto;width:22px;height:22px;border:1.5px solid #cfcfcf;background:#fff;
  display:flex;align-items:center;justify-content:center;margin-top:1px;transition:border-color .15s,background .15s;
}
.agree.is-checked .agree__box{border-color:var(--orange);background:var(--orange);}
.agree__box svg{display:none;}
.agree.is-checked .agree__box svg{display:block;}
.agree__text{font-size:12.5px;line-height:1.5;color:#7a7a7a;}
.modal__submit{
  width:100%;height:54px;border:none;border-radius:2px;background:var(--orange);color:#fff;
  font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:16px;letter-spacing:.6px;
  cursor:pointer;transition:background .2s ease,opacity .2s ease;
}
.modal__submit:hover{background:var(--orange-dark);}
.modal__done{padding:40px 28px;text-align:center;}
.modal__done-ico{width:66px;height:66px;background:#f4f1ec;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.modal__done-title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:22px;color:var(--ink);margin:0 0 8px;}
.modal__done-text{font-size:14px;line-height:1.6;color:#5e5e5e;margin:0 0 22px;}
.modal__done-btn{
  background:var(--ink);color:#fff;border:none;padding:14px 30px;font-family:'Oswald',sans-serif;font-weight:700;
  text-transform:uppercase;font-size:14px;letter-spacing:.5px;cursor:pointer;transition:background .2s ease;
}
.modal__done-btn:hover{background:var(--orange);}

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media(max-width:1080px){
  .callback-btn{display:none !important;}
  .burger{display:inline-flex !important;}
}
@media(max-width:1024px){
  .track > .product-card{flex-basis:calc((100% - 32px)/3) !important;}
  .reviews__track .review{flex-basis:calc((100% - 40px)/3);}
}
@media(max-width:900px){
  .topbar__menu{display:none !important;}
  .search{display:none !important;}
  .action__label{display:none !important;}
  .hero__inner{padding-top:64px;padding-bottom:70px;}
  .hero__title{max-width:100%;}
  .about__grid{grid-template-columns:1fr;}
  .about__media{min-height:320px;}
  .adv__grid{grid-template-columns:repeat(2,1fr);}
  .stats{grid-template-columns:repeat(2,1fr);}
  .stat:nth-child(2){border-right:none;}
  .cta__inner{grid-template-columns:1fr;}
  .cta__left{padding-right:0;margin-bottom:30px;}
  .footer__top{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:720px){
  .track > .product-card{flex-basis:calc((100% - 16px)/2) !important;}
  .reviews__track .review{flex-basis:calc((100% - 20px)/2);}
  .section{padding-top:56px;}
  .section__title{font-size:clamp(28px,7vw,40px);}
}
@media(max-width:640px){
  :root{--pad:18px;}
  .topbar{display:none;}
  .cat-card__name{display:none;}
  .adv__grid{grid-template-columns:1fr;}
  .footer__top{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .track > .product-card{flex-basis:100% !important;}
  .reviews__track .review{flex-basis:100%;}
  .stats{grid-template-columns:1fr;}
  .stat{border-right:none;}
}

/* ============================================================
   СТРАНИЦА КАТЕГОРИИ
   ============================================================ */
.catpage{max-width:var(--maxw);margin:0 auto;padding:26px var(--pad) 20px;}
.catpage--main{padding:36px var(--pad) 20px;}
.catpage--seo{padding:56px var(--pad) 60px;}

/* хлебные крошки */
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#9a9a9a;margin-bottom:22px;}
.breadcrumbs a{color:#9a9a9a;}
.breadcrumbs a:hover{color:var(--orange-dark);}
.breadcrumbs .sep{color:#cfcfcf;}
.breadcrumbs .cur{color:#5e5e5e;}

.cat-h1{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;
  font-size:clamp(24px,3vw,40px);color:var(--ink);margin:0 0 30px;max-width:1000px;line-height:1.06;
}

/* подкатегории */
.cat-sub{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);}
.cat-sub__item{display:flex;align-items:center;gap:14px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 18px;transition:background .18s ease;}
.cat-sub__item:hover{background:#fafafa;}
.cat-sub__ico{flex:0 0 auto;width:48px;height:48px;background:#fbfbfb;border:1px solid #eee;display:flex;align-items:center;justify-content:center;padding:6px;}
.cat-sub__ico img{max-width:100%;max-height:100%;width:auto;object-fit:contain;}
.cat-sub__name{font-size:13.5px;font-weight:600;color:#1f1f1f;line-height:1.25;}
.cat-sub__count{font-size:12px;color:#9a9a9a;margin-top:4px;}

/* раскладка: сайдбар + контент */
.cat-main{display:grid;grid-template-columns:272px minmax(0,1fr);gap:26px;align-items:start;}

/* фильтры */
.filters{border:1px solid var(--line);}
.filters__head{display:flex;align-items:center;justify-content:space-between;background:var(--ink);padding:16px 18px;}
.filters__head-title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:16px;color:#fff;letter-spacing:.04em;}
.filters__close{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:0;}
.filter{padding:20px 18px;border-bottom:1px solid #eee;}
.filter__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:var(--ink);margin-bottom:14px;}
.price-inputs{display:flex;gap:10px;margin-bottom:14px;}
.price-field{flex:1;display:flex;align-items:center;border:1px solid #dadada;height:40px;}
.price-field span{font-size:11px;color:#9a9a9a;padding:0 8px;}
.price-field input{width:100%;border:none;outline:none;background:transparent;font-size:13.5px;color:var(--ink);padding-right:8px;}
.vol-labels{display:flex;justify-content:space-between;font-size:12.5px;color:#5e5e5e;margin-bottom:10px;}
.check-list{display:flex;flex-direction:column;gap:2px;}
.check-list--scroll{max-height:210px;overflow-y:auto;}
.check-list--scroll-sm{max-height:190px;overflow-y:auto;}
.check{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 0;}
.check__box{flex:0 0 auto;width:18px;height:18px;border:1.5px solid #cfcfcf;background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;}
.check.is-checked .check__box{border-color:var(--orange);background:var(--orange);}
.check__box svg{display:none;}
.check.is-checked .check__box svg{display:block;}
.check__label{font-size:13px;color:#3f3f3f;}
.filter-actions{padding:18px;display:flex;flex-direction:column;gap:10px;}
.filter-apply{width:100%;height:48px;background:var(--orange);color:#fff;border:none;border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.05em;cursor:pointer;transition:background .2s ease;}
.filter-apply:hover{background:var(--orange-dark);}
.filter-reset{width:100%;height:46px;background:#fff;color:#2b2b2b;border:1.5px solid #dadada;border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:13.5px;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;}
.filter-reset:hover{border-color:var(--ink);background:var(--ink);color:#fff;}

/* ползунок диапазона */
.cat-range{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#dadada;outline:none;margin:0;}
.cat-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--orange);border:2px solid #fff;box-shadow:0 0 0 1px var(--orange);cursor:pointer;border-radius:1px;}
.cat-range::-moz-range-thumb{width:16px;height:16px;background:var(--orange);border:2px solid #fff;box-shadow:0 0 0 1px var(--orange);cursor:pointer;border-radius:1px;}

/* панель инструментов */
.catbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--line);padding:14px 18px;margin-bottom:20px;}
.catbar__found{font-size:13px;color:var(--muted);}
.catbar__found b{color:var(--ink);font-weight:700;}
.catbar__right{margin-left:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.filters-open-btn{display:none;align-items:center;gap:8px;height:42px;padding:0 16px;background:var(--ink);color:#fff;border:none;border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.05em;cursor:pointer;}
.sortbox{display:flex;align-items:center;gap:8px;}
.sortbox__label{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.1em;color:#8a8a8a;}
.select{position:relative;display:flex;align-items:center;border:1.5px solid #dadada;height:42px;}
.select select{appearance:none;-webkit-appearance:none;border:none;outline:none;background:transparent;font-family:inherit;font-size:13.5px;color:var(--ink);height:100%;padding:0 38px 0 14px;cursor:pointer;}
.select svg{position:absolute;right:12px;pointer-events:none;}
.viewtoggle{display:flex;border:1.5px solid #dadada;height:42px;}
.viewtoggle button{width:42px;height:100%;background:#fff;color:var(--ink);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.viewtoggle button + button{border-left:1.5px solid #dadada;}
.viewtoggle button.is-active{background:var(--orange);color:#fff;}

/* сетка товаров */
.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}

/* панели видов */
.view-panel{display:none;}
.view-panel.is-active{display:block;}
.cat-grid.is-active{display:grid;}

/* табличный вид */
.cat-table{border:1px solid var(--line);overflow-x:auto;}
.cat-table__head, .cat-table__row {
    display: grid;
    grid-template-columns: 70px minmax(220px, 2fr) 110px minmax(150px, 1.4fr) 120px 226px;
    min-width: 758px;
}
.cat-table__head{background:var(--ink);}
.cat-table__head > div{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:#fff;padding:14px 12px;}
.cat-table__row{border-top:1px solid #eee;align-items:center;}
.cat-table__row .cell{padding:12px;}
.cat-table__row .cell--img{padding:10px 12px;}
.cat-table__row .cell--img img{width:44px;height:44px;object-fit:contain;}
.cat-table__name{font-size:13px;font-weight:600;color:#1f1f1f;line-height:1.35;}
.cat-table__name:hover{color:var(--orange-dark);}
.cat-table__brand{font-size:13px;color:#5e5e5e;}
.cat-table__spec{font-size:12.5px;color:var(--muted);line-height:1.4;}
.cat-table__price{font-family:'Oswald',sans-serif;font-weight:700;font-size:16px;color:var(--ink);}
.cat-table__old{font-size:12px;color:#d23b2e;text-decoration:line-through;}
.cat-table__stock{font-size:12px;font-weight:600;color:#1f8f4e;}
.cat-table__stock--order{color:var(--orange-dark);}
.cat-table__btn{width:100%;height:40px;background:var(--orange);color:#fff;border:none;border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em;cursor:pointer;transition:background .2s ease;}
.cat-table__btn:hover{background:var(--orange-dark);}

/* списочный вид */
.cat-list{border:1px solid var(--line);}
.cat-list__row{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:18px;border-bottom:1px solid #eee;}
.cat-list__media{flex:0 0 auto;width:96px;height:96px;background:#fbfbfb;border:1px solid #eee;display:flex;align-items:center;justify-content:center;padding:10px;position:relative;}
.cat-list__media img{max-width:100%;max-height:100%;width:auto;object-fit:contain;}
.cat-list__badge{position:absolute;top:0;left:0;font-family:'Oswald',sans-serif;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;}
.cat-list__badge--hit{color:#fff;background:var(--orange);}
.cat-list__badge--new{color:var(--ink);background:var(--gold);}
.cat-list__body{flex:1 1 240px;min-width:0;}
.cat-list__name{font-size:15px;font-weight:600;color:#1f1f1f;line-height:1.35;display:block;}
.cat-list__name:hover{color:var(--orange-dark);}
.cat-list__meta{font-size:12.5px;color:var(--muted);margin-top:6px;}
.cat-list__col{flex:0 0 auto;}
.cat-list__price{font-family:'Oswald',sans-serif;font-weight:700;font-size:22px;color:var(--ink);}
.cat-list__old{font-size:13px;color:#d23b2e;text-decoration:line-through;font-weight:600;}
.cat-list__stock{margin-top:6px;font-size:12.5px;font-weight:600;color:#1f8f4e;}
.cat-list__stock--order{color:var(--orange-dark);}
.cat-list__actions{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;width:190px;max-width:100%;}
.cat-list__actions .pc-btn--cart{height:44px;font-size:13px;}
.cat-list__actions .pc-btn--request{height:42px;font-size:12.5px;}

/* пагинация */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:32px;}
.pagination__btn{height:44px;padding:0 16px;background:#fff;border:1px solid #dadada;color:var(--ink);font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;}
.pagination__btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
.pagination__page{min-width:44px;height:44px;padding:0 8px;background:#fff;border:1px solid #dadada;color:var(--ink);font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;cursor:pointer;}
.pagination__page.is-active{background:var(--orange);color:#fff;border-color:var(--orange);}
.pagination__ellipsis{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:#9a9a9a;font-family:'Oswald',sans-serif;font-weight:700;}

/* SEO-текст */
.seo__wrap{border-top:1px solid var(--line);padding-top:38px;}
.seo__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(26px,3.2vw,40px);color:var(--ink);margin:0 0 26px;}
.seo__body{max-width:1200px;}
.seo__body p{font-size:15px;line-height:1.75;color:#3f3f3f;margin:0 0 16px;text-wrap:pretty;}
.seo__body p:last-child{margin-bottom:0;}

/* оверлей мобильного фильтра */
.cat-overlay{position:fixed;inset:0;background:rgba(12,12,12,.5);z-index:80;display:none;}
.cat-overlay.is-open{display:block;}

/* адаптив категории */
@media(max-width:1024px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:900px){
  .cat-main{grid-template-columns:1fr;}
  .cat-aside{display:none;}
  .cat-aside.is-open{display:block;position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);z-index:90;overflow-y:auto;background:#fff;box-shadow:0 0 60px rgba(0,0,0,.35);animation:fadeIn .2s ease;}
  .filters-open-btn{display:inline-flex;}
  .filters__close{display:flex;}
}
@media(max-width:680px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:430px){.cat-grid{grid-template-columns:1fr;}}

/* ============================================================
   СТРАНИЦА ТОВАРА
   ============================================================ */
.prodpage{max-width:var(--maxw);margin:0 auto;padding:26px var(--pad) 20px;}
.prodpage--tabs{padding:40px var(--pad) 20px;}
.prodpage--similar{padding:40px var(--pad) 60px;}

.prod-h1{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;
  font-size:clamp(26px,3.4vw,42px);color:var(--ink);margin:0 0 26px;max-width:1200px;line-height:1.02;
}

/* основная сетка: левая часть + панель покупки */
.prod-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:0;border:1px solid var(--line);}
.prod-left{min-width:0;}
.prod-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}

/* галерея */
.gallery{padding:26px;border-bottom:1px solid var(--line);}
.gallery__main{position:relative;background:#fbfbfb;border:1px solid #eee;height:400px;display:flex;align-items:center;justify-content:center;padding:30px;}
.gallery__badges{position:absolute;top:0;left:0;display:flex;z-index:2;}
.gallery__badge{font-family:'Oswald',sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 13px;}
.gallery__badge--hit{color:#fff;background:var(--orange);}
.gallery__badge--new{color:var(--ink);background:var(--gold);}
.gallery__fav{position:absolute;top:12px;right:12px;z-index:2;width:42px;height:42px;background:#fff;border:1px solid #e2e2e2;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;}
.gallery__fav:hover{border-color:var(--orange);}
.gallery__fav svg{fill:none;stroke:var(--ink);}
.gallery__fav.is-active svg{fill:var(--orange);stroke:var(--orange);}
.gallery__img{max-height:340px;width:auto;object-fit:contain;cursor:zoom-in;}
.gallery__zoom{position:absolute;bottom:12px;right:12px;z-index:2;width:38px;height:38px;background:#fff;border:1px solid #e2e2e2;display:flex;align-items:center;justify-content:center;cursor:zoom-in;transition:all .18s ease;}
.gallery__zoom:hover{border-color:var(--orange);color:var(--orange);}
.gallery__thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;}
.gallery__thumb{width:78px;height:78px;background:#fbfbfb;border:1.5px solid var(--line);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .18s ease;}
.gallery__thumb.is-active{border-color:var(--orange);}
.gallery__thumb img{max-height:100%;max-width:100%;width:auto;object-fit:contain;}

/* блок «Инфо» */
.prod-info{padding:26px;border-left:1px solid var(--line);display:flex;flex-direction:column;}
.prod-info__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.prod-info__art{font-size:12.5px;color:#9a9a9a;}
.prod-info__art b{color:#5e5e5e;font-weight:600;}
.prod-info__rating{display:inline-flex;align-items:center;gap:8px;}
.prod-info__rating .stars{color:var(--orange-bright);font-size:15px;letter-spacing:2px;}
.prod-info__rating .count{font-size:12.5px;color:var(--muted);}
.prop-list{border-top:1px solid #eee;}
.prop-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #f2f2f2;}
.prop-row__k{font-size:13.5px;color:#8a8a8a;}
.prop-row__v{font-size:13.5px;font-weight:600;color:#1f1f1f;}
a.prop-row__v:hover{color:var(--orange-dark);}
.prod-info__allspecs{
  margin-top:20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;
  background:#fff;color:var(--ink);border:1.5px solid var(--ink);border-radius:2px;
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.06em;
  cursor:pointer;transition:all .2s ease;
}
.prod-info__allspecs:hover{background:var(--ink);color:#fff;}
.prod-adv{margin-top:24px;border-top:1px solid var(--line);}
.prod-adv__item{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #f2f2f2;}
.prod-adv__item:last-child{border-bottom:none;}
.prod-adv__ico{flex:0 0 auto;color:var(--orange);display:flex;}
.prod-adv__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;color:var(--ink);margin:2px 0 6px;}
.prod-adv__text{font-size:12.5px;line-height:1.35;color:#6c6c6c;margin:0;text-wrap:pretty;}

/* панель покупки */
.prod-right{border-left:1px solid var(--line);padding:26px;display:flex;flex-direction:column;background:#fcfcfc;}
.prod-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.prod-price__now{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:38px;color:var(--ink);line-height:1;}
.prod-price__old{font-size:18px;color:#d23b2e;text-decoration:line-through;font-weight:600;}
.prod-stock{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#1f8f4e;}
.prod-stock i{width:9px;height:9px;background:#1f8f4e;display:block;}
.prod-vol{margin-top:24px;}
.prod-vol__label{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:var(--muted);margin-bottom:10px;}
.prod-vol__opts{display:flex;gap:8px;flex-wrap:wrap;}
.vol-btn{min-width:64px;height:46px;padding:0 16px;background:#fff;color:var(--ink);border:1.5px solid #dadada;border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:all .18s ease;}
.vol-btn.is-active{background:var(--orange);color:#fff;border-color:var(--orange);}
.prod-buy{margin-top:24px;display:flex;gap:10px;align-items:stretch;}
.qty{display:flex;align-items:center;border:1.5px solid #dadada;border-radius:2px;flex:0 0 auto;height:54px;}
.qty button{width:44px;height:100%;background:#fff;border:none;cursor:pointer;color:var(--ink);font-size:20px;display:flex;align-items:center;justify-content:center;}
.qty button:hover{color:var(--orange);}
.qty__val{font-family:'Oswald',sans-serif;font-weight:700;min-width:38px;text-align:center;font-size:18px;color:var(--ink);}
.prod-cart{flex:1 1 auto;height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:#fff;border:none;border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.05em;cursor:pointer;transition:background .2s ease;}
.prod-cart:hover{background:var(--orange-dark);}
.prod-quickbuy{margin-top:10px;width:100%;height:52px;background:var(--ink);color:#fff;border:none;border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.06em;cursor:pointer;transition:background .2s ease;}
.prod-quickbuy:hover{background:#2b2b2b;}
.prod-added{margin-top:14px;display:flex;align-items:center;gap:9px;font-size:13px;color:#1f8f4e;background:#f0f7f2;border:1px solid #d4e9dc;padding:11px 14px;}

/* консультация */
.consult{margin-top:26px;border:1px solid var(--line);background:var(--ink);padding:24px;}
.consult__head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.consult__head span{width:26px;height:2px;background:var(--orange-bright);}
.consult__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:17px;color:#fff;margin:0;}
.consult__text{font-size:13.5px;line-height:1.6;color:#a6a6a6;margin:0 0 18px;text-wrap:pretty;}
.consult__btn{width:100%;height:50px;background:var(--orange);color:#fff;border:none;border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:13.5px;letter-spacing:.05em;cursor:pointer;transition:background .2s ease;}
.consult__btn:hover{background:var(--orange-dark);}
.consult__or{margin-top:16px;font-size:12.5px;color:#8a8a8a;text-align:center;}
.consult__socials{margin-top:12px;display:flex;justify-content:center;gap:10px;}
.consult__soc{width:44px;height:44px;border:1px solid var(--line-dark);display:flex;align-items:center;justify-content:center;transition:border-color .18s ease;}
.consult__soc--tg{color:#29a9eb;}
.consult__soc--tg:hover{border-color:#29a9eb;}
.consult__soc--wa{color:#25d366;}
.consult__soc--wa:hover{border-color:#25d366;}
.consult__soc--max:hover{border-color:var(--orange-bright);}

/* вкладки */
.prod-tabhead{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--line);}
.tab-btn{padding:16px 22px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--muted);font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.04em;cursor:pointer;transition:color .18s ease;margin-bottom:-1px;}
.tab-btn.is-active{color:var(--orange);border-bottom-color:var(--orange);}
.tab-body{padding:36px 0 10px;max-width:900px;}
.tab-panel{display:none;animation:fadeIn .2s ease;}
.tab-panel.is-active{display:block;}
.tab-panel__title{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:22px;color:var(--ink);margin:0 0 16px;}
.tab-panel p{font-size:15px;line-height:1.75;color:#3f3f3f;margin:0 0 14px;text-wrap:pretty;}
.spec-box{border:1px solid var(--line);border-left:3px solid var(--orange);padding:22px 24px;background:#fcfcfc;margin-top:16px;}
.spec-box__label{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.14em;color:var(--orange-dark);margin-bottom:12px;}
.spec-box p{font-size:14px;line-height:1.7;margin:0 0 8px;}
.spec-box p:last-child{margin-bottom:0;}

/* таблица характеристик */
.specs-table{border-top:1px solid var(--line);max-width:720px;}
.specs-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #f2f2f2;}
.specs-row__k{font-size:14px;color:#8a8a8a;flex:1 1 auto;}
.specs-row__v{font-size:14px;font-weight:600;color:#1f1f1f;flex:0 0 auto;text-align:right;}

/* отзывы (вкладка) */
.rev-list{display:flex;flex-direction:column;border-top:1px solid var(--line);}
.rev-item{padding:24px 0;border-bottom:1px solid #eee;}
.rev-item__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap;}
.rev-item__who{display:flex;align-items:center;gap:14px;}
.rev-item__avatar{font-family:'Oswald',sans-serif;font-weight:700;width:44px;height:44px;background:var(--ink);color:var(--gold);font-size:18px;display:flex;align-items:center;justify-content:center;}
.rev-item__name{font-size:14.5px;font-weight:700;color:var(--ink);}
.rev-item__date{font-size:12.5px;color:#9a9a9a;margin-top:2px;}
.rev-item__stars{color:var(--orange-bright);font-size:15px;letter-spacing:2px;}
.rev-item__stars .dim{color:#d8d8d8;}
.rev-item__text{font-size:14.5px;line-height:1.7;color:#3f3f3f;margin:0;text-wrap:pretty;}
.rev-add-btn{margin-top:26px;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 30px;background:var(--orange);color:#fff;border:none;border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.06em;cursor:pointer;transition:background .2s ease;}
.rev-add-btn:hover{background:var(--orange-dark);}

/* как купить */
.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);}
.how-step{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 24px;min-height:150px;display:flex;flex-direction:column;}
.how-step__num{font-family:'Oswald',sans-serif;font-weight:700;font-size:34px;color:var(--orange);margin-bottom:14px;}
.how-step__text{font-size:14px;line-height:1.55;color:#3f3f3f;margin:0;text-wrap:pretty;}

/* доставка и оплата */
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);}
.delivery-col{padding:28px;}
.delivery-col:first-child{border-right:1px solid var(--line);}
.delivery-col__label{font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.12em;color:var(--orange-dark);margin-bottom:16px;}
.delivery-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f2f2f2;}
.delivery-row:last-child{border-bottom:none;}
.delivery-row .mark{color:var(--orange);}
.delivery-row span:last-child{font-size:14px;color:#3f3f3f;}

/* похожие товары — используем .track и .product-card из общих стилей */
.similar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px;border-bottom:1px solid var(--line);padding-bottom:26px;}

/* модалка отзыва + quick-buy summary */
.modal__box--wide{max-width:480px;}
.qb-summary{display:flex;gap:14px;align-items:center;background:#fafafa;border:1px solid #eee;padding:12px;margin-bottom:20px;}
.qb-summary img{width:48px;height:48px;object-fit:contain;flex:0 0 auto;}
.qb-summary__name{font-size:13px;font-weight:600;color:#1f1f1f;line-height:1.3;}
.qb-summary__meta{font-size:12.5px;color:#8a8a8a;margin-top:3px;}
.rating-input{display:flex;gap:6px;margin-bottom:20px;}
.rating-input button{background:transparent;border:none;padding:2px;cursor:pointer;display:flex;line-height:0;}
.rating-input svg{fill:#d8d8d8;stroke:#d8d8d8;}
.rating-input button.is-on svg{fill:var(--orange-bright);stroke:var(--orange-bright);}
.field--area{width:100%;min-height:120px;resize:vertical;border:1px solid #dadada;border-radius:2px;padding:14px 16px;font-size:15px;color:var(--ink);outline:none;margin-bottom:22px;line-height:1.55;}
.field--area:focus{border-color:var(--orange);}

/* адаптив товара */
@media(max-width:980px){
  .prod-grid{grid-template-columns:1fr;}
  .prod-right{border-left:none;border-top:1px solid var(--line);}
}
@media(max-width:680px){
  .prod-top{grid-template-columns:1fr;}
  .prod-info{border-left:none;border-top:1px solid var(--line);}
  .prod-adv{grid-template-columns:1fr;}
  .delivery-grid{grid-template-columns:1fr;}
  .delivery-col:first-child{border-right:none;border-bottom:1px solid var(--line);}
  .gallery__main{height:320px;}
}

/* ============================================================
   СТРАНИЦА КОРЗИНЫ
   ============================================================ */
.cartpage{max-width:var(--maxw);margin:0 auto;padding:26px var(--pad) 40px;}
.cartpage__num{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:13px;letter-spacing:.24em;color:var(--orange-dark);margin-bottom:14px;
}
.cartpage__h1{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;
  font-size:clamp(30px,4vw,54px);color:var(--ink);margin:0 0 10px;
}
.cartpage__count{font-size:14px;color:var(--muted);margin-bottom:32px;}

.cart-main{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:26px;align-items:start;}
.cart-aside{position:sticky;top:20px;}

.cart-list{border:1px solid var(--line);}
.cart-row{
  display:flex;gap:20px;align-items:center;
  border-bottom:1px solid #eee;padding:20px;
}
.cart-row:last-child{border-bottom:none;}
.cart-row__media{
  flex:0 0 auto;width:96px;height:96px;background:#fbfbfb;border:1px solid #eee;
  display:flex;align-items:center;justify-content:center;padding:10px;
}
.cart-row__media img{max-width:100%;max-height:100%;width:auto;object-fit:contain;}
.cart-row__info{flex:1 1 240px;min-width:0;}
.cart-row__name{font-size:15px;font-weight:600;color:#1f1f1f;line-height:1.35;display:block;}
.cart-row__name:hover{color:var(--orange-dark);}
.cart-row__meta{font-size:12.5px;color:#9a9a9a;margin-top:7px;}
.cart-row__vol{font-size:12.5px;color:#5e5e5e;margin-top:4px;}
.cart-row__vol b{color:var(--ink);font-weight:600;}

.cart-qty{flex:0 0 auto;display:flex;align-items:center;border:1.5px solid #dadada;height:44px;}
.cart-qty button{
  width:38px;height:100%;background:#fff;border:none;cursor:pointer;
  color:var(--ink);font-size:18px;display:flex;align-items:center;justify-content:center;
}
.cart-qty button:hover{color:var(--orange);}
.cart-qty__val{
  font-family:'Oswald',sans-serif;font-weight:700;
  min-width:34px;text-align:center;font-size:16px;color:var(--ink);
}

.cart-row__price{flex:0 0 auto;min-width:110px;text-align:right;}
.cart-row__total{font-family:'Oswald',sans-serif;font-weight:700;font-size:22px;color:var(--ink);}
.cart-row__old{
  font-size:13px;color:#d23b2e;text-decoration:line-through;font-weight:600;margin-top:2px;
}
.cart-row__unit{font-size:11.5px;color:#9a9a9a;margin-top:4px;}

.cart-row__remove{
  flex:0 0 auto;width:38px;height:38px;background:transparent;border:1px solid var(--line);
  color:#9a9a9a;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all .18s ease;
}
.cart-row__remove:hover{border-color:#d23b2e;color:#d23b2e;}

.cart-continue{
  margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;
}
.cart-continue a{
  display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 24px;
  background:#fff;color:#2b2b2b;border:1.5px solid #dadada;border-radius:2px;
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:13px;letter-spacing:.05em;transition:all .2s ease;
}
.cart-continue a:hover{border-color:var(--ink);background:var(--ink);color:#fff;}

/* сайдбар «Ваш заказ» */
.summary{border:1px solid var(--line);}
.summary__head{background:var(--ink);padding:18px 22px;}
.summary__title{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:19px;color:#fff;margin:0;letter-spacing:.04em;
}
.summary__body{padding:22px;}
.summary__row{
  display:flex;justify-content:space-between;gap:12px;padding:10px 0;
  border-bottom:1px solid #f2f2f2;font-size:13.5px;
}
.summary__row:last-of-type{border-bottom:none;}
.summary__row-k{color:#8a8a8a;}
.summary__row-v{font-weight:600;color:#1f1f1f;}
.summary__row-v--red{color:#d23b2e;font-weight:700;}
.summary__row-v--green{color:#1f8f4e;font-weight:700;}
.summary__total{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  padding:20px 0 4px;border-top:2px solid var(--ink);margin-top:12px;
}
.summary__total-k{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:14px;letter-spacing:.1em;color:var(--ink);
}
.summary__total-v{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:32px;color:var(--ink);line-height:1;
}
.summary__submit{
  margin-top:20px;width:100%;height:54px;display:inline-flex;
  align-items:center;justify-content:center;gap:10px;
  background:var(--orange);color:#fff;border:none;border-radius:2px;
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:15px;letter-spacing:.06em;cursor:pointer;transition:background .2s ease;
  text-decoration:none;
}
.summary__submit:hover{background:var(--orange-dark);color:#fff;}

/* промокод */
.promo{margin-top:16px;border-top:1px solid #f2f2f2;padding-top:16px;}
.promo__toggle{
  display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;
  cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#5e5e5e;
}
.promo__toggle:hover{color:var(--orange-dark);}
.promo__form{margin-top:12px;display:none;gap:8px;animation:fadeIn .18s ease;}
.promo__form.is-open{display:flex;}
.promo__form input{
  flex:1;min-width:0;height:44px;border:1px solid #dadada;border-radius:2px;
  padding:0 12px;font-size:13.5px;color:var(--ink);outline:none;
}
.promo__form input:focus{border-color:var(--orange);}
.promo__form button{
  flex:0 0 auto;height:44px;padding:0 16px;background:var(--ink);color:#fff;border:none;
  border-radius:2px;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:12px;letter-spacing:.05em;cursor:pointer;transition:background .2s ease;
}
.promo__form button:hover{background:var(--orange);}
.promo__msg{margin-top:10px;font-size:12.5px;}
.promo__msg--ok{color:#1f8f4e;}
.promo__msg--err{color:#d23b2e;}

/* маленькие «ярлычки» преимуществ в сайдбаре */
.summary__adv{margin-top:20px;border-top:1px solid #f2f2f2;}
.summary__adv-item{
  display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f7f7f7;
  font-size:12.5px;color:#5e5e5e;
}
.summary__adv-item:last-child{border-bottom:none;}
.summary__adv-item span:first-child{flex:0 0 auto;color:var(--orange);display:flex;}

/* пустая корзина */
.empty-cart{
  border:1px solid var(--line);padding:clamp(40px,7vw,90px) 30px;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.empty-cart svg{margin-bottom:32px;}
.empty-cart h2{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:clamp(22px,2.8vw,32px);color:var(--ink);margin:0 0 14px;
}
.empty-cart p{
  font-size:15px;line-height:1.7;color:#6c6c6c;margin:0 0 30px;max-width:440px;
}
.empty-cart a{
  display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 32px;
  background:var(--orange);color:#fff;border-radius:2px;
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:15px;letter-spacing:.06em;transition:background .2s ease;
}
.empty-cart a:hover{background:var(--orange-dark);color:#fff;}

@media(max-width:900px){
  .cart-main{grid-template-columns:1fr;}
  .cart-aside{position:static;}
}
@media(max-width:600px){
  .cart-row{flex-wrap:wrap;gap:14px;}
  .cart-row__info{flex:1 1 100%;order:1;}
  .cart-row__price{order:2;text-align:left;min-width:0;}
  .cart-qty{order:3;margin-left:auto;}
}

/* ============================================================
   СТРАНИЦА ОФОРМЛЕНИЯ ЗАКАЗА
   ============================================================ */
.copage{max-width:var(--maxw);margin:0 auto;padding:26px var(--pad) 40px;}
.copage__h1{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;
  font-size:clamp(28px,3.6vw,48px);color:var(--ink);margin:0 0 12px;
}
.copage__lead{font-size:14.5px;line-height:1.6;color:#8a8a8a;margin:0 0 38px;max-width:560px;}
.co-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:start;}
.co-aside{position:sticky;top:20px;}

.co-step{padding-bottom:36px;border-bottom:1px solid var(--line);}
.co-step + .co-step{padding-top:36px;}
.co-step:last-child{border-bottom:none;}
.co-step__head{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.co-step__num{
  font-family:'Oswald',sans-serif;font-weight:700;
  width:34px;height:34px;flex:0 0 auto;background:var(--ink);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:16px;
}
.co-step__title{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:clamp(19px,2.2vw,25px);color:var(--ink);margin:0;
}

.co-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.co-field{min-width:0;}
.co-label{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  display:block;font-size:11.5px;letter-spacing:.1em;color:#7a7a7a;margin-bottom:8px;
}
.co-label .req{color:var(--orange);}
.co-input{
  width:100%;height:50px;border:1px solid #dadada;border-radius:2px;padding:0 14px;
  font-family:inherit;font-size:14.5px;color:var(--ink);outline:none;
  transition:border-color .18s ease;
}
.co-input:hover{border-color:#c4c4c4;}
.co-input:focus{border-color:var(--orange);}
.co-input.has-err{border-color:#d23b2e;}
.co-textarea{
  width:100%;min-height:130px;resize:vertical;border:1px solid #dadada;border-radius:2px;
  padding:14px;font-family:inherit;font-size:14.5px;line-height:1.6;color:var(--ink);
  outline:none;transition:border-color .18s ease;
}
.co-textarea:focus{border-color:var(--orange);}

/* тип покупателя */
.co-buyer{margin-bottom:26px;}
.co-buyer-label{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:11.5px;letter-spacing:.1em;color:#7a7a7a;margin-bottom:10px;
}
.co-buyer-opts{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.co-buyer-btn{
  display:flex;align-items:center;gap:14px;text-align:left;padding:18px 20px;
  background:#fff;border:1.5px solid #e2e2e2;border-radius:2px;cursor:pointer;
  font-family:inherit;transition:all .18s ease;
}
.co-buyer-btn:hover{border-color:#c4c4c4;}
.co-buyer-btn.is-active{background:#fdf7f0;border-color:var(--orange);}
.co-buyer-btn svg{flex:0 0 auto;color:#8a8a8a;}
.co-buyer-btn.is-active svg{color:var(--orange);}
.co-buyer-btn__title{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  display:block;font-size:14.5px;color:#5a5a5a;
}
.co-buyer-btn.is-active .co-buyer-btn__title{color:var(--ink);}
.co-buyer-btn__note{display:block;font-size:12px;color:#8a8a8a;margin-top:4px;}

.co-ur-fields{display:none;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}
.co-ur-fields.is-open{display:grid;}
.co-fields-row{margin-bottom:20px;}

/* город с автоподсказками */
.co-city-wrap{position:relative;max-width:420px;margin-bottom:20px;}
.co-city-box{
  display:flex;align-items:center;border:1px solid #dadada;border-radius:2px;
  height:50px;padding:0 14px;background:#fff;
}
.co-city-box:focus-within{border-color:var(--orange);}
.co-city-box svg{flex:0 0 auto;margin-right:10px;}
.co-city-box input{
  flex:1;min-width:0;border:none;outline:none;background:transparent;
  font-family:inherit;font-size:14.5px;color:var(--ink);height:100%;
}
.co-city-suggest{
  position:absolute;top:54px;left:0;right:0;background:#fff;border:1px solid var(--line);
  box-shadow:0 20px 44px rgba(0,0,0,.14);z-index:20;padding:6px;display:none;
  animation:fadeIn .16s ease;
}
.co-city-suggest.is-open{display:block;}
.co-city-suggest button{
  display:block;width:100%;text-align:left;background:transparent;border:none;
  font-family:inherit;font-size:13.5px;color:#2b2b2b;padding:9px 12px;cursor:pointer;
}
.co-city-suggest button:hover{background:#f4f1ec;color:var(--orange-dark);}
.co-city-hint{font-size:12px;color:#9a9a9a;margin-top:8px;line-height:1.5;}

/* доставка и оплата */
.co-deliv{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.co-pay{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.co-opt-btn{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;
  text-align:left;gap:0;padding:22px 20px;background:#fff;border:1.5px solid #e2e2e2;
  border-radius:2px;cursor:pointer;font-family:inherit;transition:all .18s ease;
}
.co-opt-btn:hover{border-color:#c4c4c4;}
.co-opt-btn.is-active{background:#fdf7f0;border-color:var(--orange);}
.co-opt-btn__ico{display:flex;color:#8a8a8a;margin-bottom:16px;}
.co-opt-btn.is-active .co-opt-btn__ico{color:var(--orange);}
.co-opt-btn__title{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:14.5px;color:var(--ink);line-height:1.25;
}
.co-opt-btn__note{
  display:block;font-size:12.5px;color:#8a8a8a;margin-top:8px;line-height:1.5;
}
.co-opt-btn__price{
  font-family:'Oswald',sans-serif;font-weight:700;font-size:14px;
  color:#1f8f4e;margin-top:12px;
}
.co-opt-btn__price--cost{color:var(--ink);}
.co-opt-btn__corner{
  position:absolute;top:0;right:0;width:0;height:0;
  border-top:22px solid var(--orange);border-left:22px solid transparent;display:none;
}
.co-opt-btn.is-active .co-opt-btn__corner{display:block;}

/* второй стиль для «Способ оплаты» — иконка сбоку */
.co-pay .co-opt-btn{flex-direction:row;align-items:flex-start;gap:16px;}
.co-pay .co-opt-btn__ico{flex:0 0 auto;margin-bottom:0;}
.co-pay .co-opt-btn > span:last-of-type{min-width:0;}

/* сайдбар оформления */
.co-summary{border:1px solid var(--line);background:#fff;}
.co-summary__head{background:var(--ink);padding:18px 22px;}
.co-summary__title{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:19px;color:#fff;margin:0;letter-spacing:.04em;
}
.co-items{padding:8px 22px 0;}
.co-item{
  display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f2f2f2;
}
.co-item:last-child{border-bottom:none;}
.co-item__media{
  flex:0 0 auto;width:52px;height:52px;background:#fbfbfb;border:1px solid #eee;
  display:flex;align-items:center;justify-content:center;padding:6px;
}
.co-item__media img{max-width:100%;max-height:100%;width:auto;object-fit:contain;}
.co-item__body{min-width:0;flex:1 1 auto;}
.co-item__name{
  font-size:13px;font-weight:600;color:#1f1f1f;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.co-item__foot{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:8px;
}
.co-item__qty{font-size:12px;color:#9a9a9a;}
.co-item__sum{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:15px;color:var(--ink);
}
.co-totals{padding:16px 22px 0;}
.co-totals__row{
  display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:13.5px;
}
.co-totals__k{color:#8a8a8a;}
.co-totals__v{color:var(--ink);font-weight:600;}
.co-totals__v--free{color:#1f8f4e;font-weight:700;}
.co-totals__v--green{color:#1f8f4e;font-weight:700;}
.co-grand{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  padding:20px 0 4px;border-top:2px solid var(--ink);margin-top:10px;
}
.co-grand__k{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:15px;letter-spacing:.1em;color:var(--ink);
}
.co-grand__v{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:32px;color:var(--ink);line-height:1;
}
.co-submit-wrap{padding:18px 22px 22px;}
.co-submit{
  width:100%;height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--orange);color:#fff;border:none;border-radius:2px;
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  font-size:15px;letter-spacing:.06em;cursor:pointer;transition:background .2s ease;
}
.co-submit:hover{background:var(--orange-dark);}
.co-submit-hint{font-size:11.5px;color:#9a9a9a;line-height:1.5;margin-top:12px;text-align:center;}
.co-done{
  margin-top:14px;display:flex;align-items:center;gap:9px;font-size:12.5px;color:#1f8f4e;
  background:#f0f7f2;border:1px solid #d4e9dc;padding:11px 14px;
}
.co-done svg{flex:0 0 auto;}

@media(max-width:1024px){
  .co-grid{grid-template-columns:1fr;}
  .co-aside{position:static;}
  .co-deliv{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .co-two,.co-ur-fields,.co-buyer-opts,.co-pay{grid-template-columns:1fr;}
}