:root {
  --orange: #ef5a24;
  --orange-dark: #c84215;
  --ink: #202326;
  --night: #202326;
  --line: #e2e5e7;
  --muted: #626b70;
  --shadow: 0 15px 40px #20232616;
  --shadow-soft: 0 3px 14px #2023260b;
  --glow: none;
}

body { background: #fafbfa; color: var(--ink); }
.top-strip { background: #202326; box-shadow: none; font-weight: 650; letter-spacing: .02em; }
.market-header { background: #fff; color: var(--ink); box-shadow: 0 4px 18px #2023260d; }
.head-main { max-width: 1480px; grid-template-columns: 152px 86px minmax(320px, 1fr) 266px; gap: 20px; padding: 12px 28px; }
.logo-wrap, .footer-logo-plate { display: flex; align-items: center; justify-content: flex-start; width: auto; height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
.logo-wrap::after { display: none; }
.logo-wrap img { width: 130px; max-height: 66px; filter: none; }
.deliver { padding: 4px 0; }
.deliver small, .head-actions small { color: #6e777c; }
.search { border: 1px solid #d5dade; background: #fff; box-shadow: none; border-radius: 6px; }
.search:focus-within { border-color: var(--orange); box-shadow: 0 0 0 3px #ef5a2425; }
.search select { background: #f2f4f4; color: var(--ink); }
.search input { min-width: 0; }
.search button { background: var(--orange); color: #fff; font-size: 13px; letter-spacing: .02em; }
.head-actions button, .head-actions a { color: var(--ink); font-weight: 750; }
.head-actions .cart-btn { background: #202326; color: #fff; border: 0; box-shadow: none; }
.deliver:hover, .head-actions button:hover, .head-actions a:hover { border-color: #cbd2d5; }
.nav-bar { background: #fff; color: var(--ink); border-top: 1px solid #edf0f0; border-bottom: 1px solid #e3e6e6; }
.nav-inner { max-width: 1480px; padding: 0 20px; gap: 0; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
.nav-inner a, .nav-inner button { color: #343a3d; font-size: 12px; font-weight: 700; padding: 13px 10px; border-radius: 0; }
.nav-inner a:hover, .nav-inner button:hover { background: #fff4ee; color: var(--orange-dark); }

.hero { max-width: 1480px; min-height: 440px; display: flex; align-items: center; padding: 48px clamp(24px, 5vw, 78px); background: #ebe4d8 url('./assets/tri6ix-editorial-hero.webp') center center / cover no-repeat; color: var(--ink); border: 0; }
.hero-bg, .hero-media, .hero .brand-chip, .hero-metrics { display: none; }
.hero-grid { display: block; width: 100%; }
.hero-content { max-width: 530px; padding: 0; }
.hero-kicker { margin: 0 0 12px; color: var(--orange-dark); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.hero h1 { max-width: 500px; color: #202326; font-size: clamp(50px, 5.2vw, 76px); line-height: 1.02; text-shadow: none; margin: 0 0 14px; font-weight: 850; }
.hero p { max-width: 450px; color: #343a3d; font-size: 17px; line-height: 1.5; }
.hero-actions { margin-top: 23px; }
.btn, .btn.primary, .btn.secondary { min-height: 44px; border-radius: 5px; box-shadow: none; font-size: 12px; letter-spacing: .02em; }
.btn.primary, .btn.secondary { background: var(--orange); border-color: var(--orange); color: #fff; }
.btn { background: #fff; border-color: #aeb6b9; color: var(--ink); }
.promo-rail { max-width: 1480px; background: #fff; color: #41484c; border: 0; border-bottom: 1px solid var(--line); box-shadow: none; }
.promo-rail a { background: #fff; border-right: 1px solid var(--line); font-size: 11px; font-weight: 750; min-height: 50px; }
.promo-rail b { color: var(--orange-dark); }
.promo-rail a:hover { color: var(--orange-dark); background: #fff8f4; }
.page-hero { max-width: 1480px; background: #f0f3f2; color: var(--ink); border: 0; border-bottom: 1px solid var(--line); box-shadow: none; padding: 32px clamp(22px, 4vw, 52px); }
.page-hero span { color: var(--orange-dark); }
.page-hero h1 { color: var(--ink); font-size: clamp(30px, 3.1vw, 46px); }
.page-hero p { color: #566066; font-size: 15px; }
.store-shell { max-width: 1480px; margin: 0 auto; padding: 28px 24px 42px; }
.panel { border-color: var(--line); box-shadow: none; }
.panel.section { background: transparent; border: 0; box-shadow: none; overflow: visible; }
.section-head { padding: 18px 0 15px; }
.section-head h2 { font-size: 24px; }
.section-head p { font-size: 14px; }
.deck { gap: 14px; margin-bottom: 14px; }
.cat-panel { border-top: 0; transition: transform .18s ease, box-shadow .18s ease; }
.cat-panel:hover { box-shadow: var(--shadow); }
.cat-panel img { height: 160px; margin: 12px 0; }
.cat-panel h2 { font-size: 18px; }
.panel-link { color: var(--orange-dark); font-weight: 750; }
.service-row { gap: 0; margin: 16px 0 24px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-row div { background: transparent; border: 0; border-right: 1px solid var(--line); border-radius: 0; box-shadow: none; padding: 14px 16px; }
.service-row div::before { display: none; }
.service-row b { color: var(--ink); font-size: 12px; }
.service-row span { color: var(--muted); }
.deal-strip, .shop-layout, .recommendations, .commerce-tools { padding: 0; }
.deal-strip { gap: 14px; }
.deal-card, .product, .suggest-item, .tool-card, .filters, .policy-grid div { background: #fff; border-color: var(--line); box-shadow: none; }
.deal-card:hover, .product:hover { box-shadow: var(--shadow); border-color: #efb69e; }
.product-img { background: #f3f5f4; }
.product-img img { box-shadow: none; }
.product-tag { background: #202326; box-shadow: none; }
.actions button { border-radius: 5px; }
.actions .buy { background: var(--orange); border-color: var(--orange); color: #fff; }
.toolbar { background: #f0f3f2; color: var(--ink); border-color: var(--line); box-shadow: none; }
.toolbar small, .toolbar span { color: var(--muted); }
.filters { position: sticky; }
.wide-tile, .tool-hero { background: #25312e; box-shadow: none; }
.policy-grid { padding: 0; }

footer { background: #f0f3f2; color: var(--ink); border-top: 1px solid #d9dede; box-shadow: none; margin-top: 28px; }
.footer-top { background: #e5eae8; color: #454d50; border-bottom: 1px solid #d9dede; padding: 11px; font-size: 12px; font-weight: 700; }
.foot { max-width: 1480px; grid-template-columns: minmax(240px, 1.6fr) repeat(3, minmax(130px, 1fr)); gap: 38px; padding: 38px 28px 32px; }
.footer-brand-card { gap: 12px; }
.footer-logo-plate img { width: 126px; max-height: none; }
.footer-tag { color: var(--ink); font-weight: 800; font-size: 15px; text-transform: none; margin: 0; }
.footer-copy { color: #667075; max-width: 270px; font-size: 13px; line-height: 1.5; margin: 0; }
.foot h3 { color: var(--ink); font-size: 12px; font-weight: 800; margin: 7px 0 14px; }
.foot a, .foot p { color: #515b60; font-size: 13px; margin: 8px 0; }
.foot a:hover { color: var(--orange-dark); }
.footer-bottom { max-width: 1480px; color: #697277; border-top: 1px solid #d9dede; padding: 15px 28px 18px; font-size: 12px; }

@media (max-width: 1100px) {
  .head-main { grid-template-columns: 150px 1fr; gap: 10px; }
  .search { grid-column: 1 / -1; grid-row: 2; }
  .head-actions { grid-column: 2; grid-row: 1; }
}
@media (max-width: 820px) {
  .head-main { grid-template-columns: 130px 1fr; padding: 9px 14px; }
  .logo-wrap { height: auto; padding: 0; }
  .logo-wrap img { width: 112px; }
  .hero { min-height: 370px; padding: 36px 24px; background-position: 56% center; }
  .hero-content { max-width: 410px; }
  .hero h1 { font-size: 50px; }
  .store-shell { padding: 22px 14px 34px; }
  .foot { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; padding: 30px 20px; }
}
@media (max-width: 560px) {
  .top-strip { padding: 6px 8px; }
  .head-main { grid-template-columns: 100px 1fr; gap: 8px; }
  .logo-wrap img { width: 94px; }
  .head-actions { display: flex; justify-content: flex-end; }
  .head-actions .cart-btn { padding: 8px 11px; }
  .search { grid-template-columns: minmax(0, 1fr) 80px; }
  .search input { padding: 0 10px; font-size: 13px; }
  .search button { font-size: 11px; }
  .hero { min-height: 390px; align-items: flex-start; padding: 25px 18px; background-position: 61% center; }
  .hero-content { max-width: 285px; }
  .hero-kicker { font-size: 10px; margin-bottom: 7px; }
  .hero h1 { font-size: 38px; line-height: 1.02; max-width: 280px; }
  .hero p { font-size: 13px; line-height: 1.42; max-width: 260px; }
  .hero-actions { gap: 8px; margin-top: 14px; }
  .hero-actions a { min-height: 36px; padding: 0 10px; font-size: 10px; }
  .hero-actions a:nth-child(3) { display: none; }
  .promo-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .promo-rail a { min-height: 44px; padding: 7px; font-size: 10px; }
  .deck, .products, .deal-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .cat-panel img { height: 105px; }
  .cat-panel .panel-pad { padding: 11px; }
  .cat-panel h2 { font-size: 14px; }
  .service-row { grid-template-columns: repeat(2, 1fr); }
  .service-row div { padding: 12px 8px; border-bottom: 1px solid var(--line); }
  .section-head h2 { font-size: 21px; }
  .foot { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
  .footer-brand-card { grid-column: 1 / -1; }
  .footer-copy { max-width: 320px; }
  .footer-bottom { padding: 14px 20px 78px; }
}