/* Тема оформления "Итал" — тёмный hero, жёлтый CTA, коралловый акцент.
   Подключается ПОСЛЕ style.css и переопределяет только цветовые токены и несколько
   жёстко закрашенных компонентов — разметка и структура остаются общими. */
:root{
  --brand: #17191d;
  --brand-dark: #050506;
  --brand-light: #fff6db;
  --accent: #ffc30d;
  --accent-dark: #e6af00;
  --ink: #16181b;
  --muted: #6a6f76;
  --line: #e7e7e9;
  --bg: #ffffff;
  --bg-soft: #f7f7f8;
  --shadow: 0 10px 30px rgba(0,0,0,.15);
}

/* жёлтые кнопки — тёмный текст, как в референсе */
.btn-accent{color:#111}
.btn-accent:hover{color:#111}

/* коралловые "мягкие" кнопки/ссылки поверх инлайновых стилей карточек */
.btn-outline{border-color:#ff8562 !important;color:#ff8562 !important;background:transparent}
.btn-outline:hover{background:#ff8562 !important;color:#fff !important}

/* бейджи ХИТ/НОВИНКА — красно-коралловые, как на референсе */
.hit-badge{background:#ff4a4a}

/* цена — крупная тёмная, без зелёного */
.card .price{color:#111}
.price-old{color:#9a9a9a}

/* тёмный футер, почти чёрный */
.footer{background:#111111;color:#c7c7c7}
.footer a{color:#e6e6e6}
.footer .legal{color:#7a7a7a}

/* топбар в тон hero */
.topbar{background:#000000}

/* тонкая коралловая линия в eyebrow вместо зелёной */
.eyebrow{color:#ff8562}
.eyebrow:before{background:#ffc30d}

/* кнопка "Заказать" и другие brand-кнопки — жёлтые, как на референсе */
.btn-brand{background:var(--accent);color:#111}
.btn-brand:hover{background:var(--accent-dark);color:#111}

/* табы каталога — крупнее, с двойным контуром на активной/hover, чтобы было видно, что это переключатель */
.tabs{gap:14px;margin:34px 0}
.tab-btn{padding:16px 28px;font-size:17px;border-width:2px;border-radius:14px;box-shadow:0 0 0 0 rgba(255,195,13,0)}
.tab-btn:hover{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,195,13,.25)}
.tab-btn.active{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 3px rgba(0,0,0,.12),0 0 0 6px rgba(255,195,13,.35)}

/* карточка товара с фото — фото сверху, контент по центру */
.card{text-align:center;padding-top:0;overflow:hidden}
.card-photo{width:calc(100% + 44px);margin:0 -22px 16px;height:190px;object-fit:cover;display:block}
.card .cap{text-align:center}
.card .spec{text-align:left}
.card .price-row{justify-content:center}
.card > a.btn, .card > button.btn{width:100%;margin-top:8px}

/* фотогалерея — крупнее плитки, бейджи прямо на фото */
.gallery{gap:18px}
.gallery-item{position:relative;border-radius:12px;overflow:hidden}
.gallery-item img{height:230px;border-radius:0;margin:0}
.gallery-item .hit-badge{top:10px;right:10px}

/* два адреса вместо одного: офис + склад */
.office-locations{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.office-loc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.office-loc h4{margin:0 0 8px;font-size:15px}
@media (max-width:640px){ .office-locations{grid-template-columns:1fr} }

/* заглушки под фото к отзывам — клиент вставит свои снимки */
.review-photos{display:flex;gap:8px;margin:12px 0}
.review-photo-slot{width:60px;height:60px;border:2px dashed var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--muted);background:var(--bg-soft);flex-shrink:0}
.review-photo{width:100%;max-height:220px;object-fit:cover;border-radius:10px}

/* галерея "с объектов" покрупнее — 3-4 ряда */
.gallery-wide{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){ .gallery-wide{grid-template-columns:repeat(2,1fr)} }
@media (max-width:480px){ .gallery-wide{grid-template-columns:1fr} }
.gallery-wide .gallery-item img{height:210px}

/* услуги — крупная иконка вместо плотного текста */
.service-card{text-align:center}
.service-card .service-ico{width:64px;height:64px;border-radius:50%;background:var(--brand-light);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 14px}
.service-card h4{margin-bottom:6px}
.service-card p{font-size:13px}

/* фото руководителя вместо инициалов */
.founder .avatar-lg{overflow:hidden;padding:0}
.founder .avatar-lg img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* карта — заглушка, клиент вставит свой iframe с Яндекс.Карт */
.map-embed{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg-soft);min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}
.map-embed .map-placeholder{color:var(--muted)}
.map-embed .map-placeholder .ico{font-size:36px;margin-bottom:10px}
.map-embed .map-placeholder .hint{font-size:12px;margin-top:6px;color:#9a9a9a}
.map-embed iframe{display:block;border-radius:var(--radius)}

/* две карты рядом — склад и офис */
.maps-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.map-col h4{margin:0 0 10px;font-size:15px}
@media (max-width:720px){ .maps-grid{grid-template-columns:1fr} }