:root {
  --tia-terracotta: #a54f34;
  --tia-sand: #e8d6b9;
  --tia-green: #344b3d;
}
.tia-page { background: #f5f1e9; }
.tia-announcement { background: var(--tia-green); }
.tia-brand .brand-mark,
.tia-footer-brand .brand-mark { background: var(--tia-terracotta); color: #fff; }
.tia-hero {
  background:
    radial-gradient(circle at 74% 16%, rgba(232,214,185,.2), transparent 34%),
    linear-gradient(135deg, #26382f 0%, #344b3d 55%, #783f31 100%);
}
.tia-hero h1 em { color: #f2c777; }
.tia-hero .button-primary { background: #f2c777; color: #1e2b24; }
.tia-showcase .showcase-card { background: #e8dfd0; }
.tia-showcase img { object-fit: cover; }
.tia-shop .kicker { color: var(--tia-terracotta); }
.tia-menu-current { background: #f2e5d4 !important; color: var(--tia-terracotta) !important; }
.tia-product-card .product-image { background: #ece4d7; }
.tia-product-card .product-image img { width: 100%; height: 100%; padding: 0; object-fit: cover; }
.tia-product-card .product-badge { background: rgba(52,75,61,.92); color: #fff; }
.tia-product-card .product-price small { line-height: 1.35; }
.tia-quote-card .product-price strong { color: var(--tia-green); font-size: 17px; }
.tia-gallery { width: 100%; height: 100%; display: grid; grid-template-rows: 1fr auto; gap: 8px; }
.tia-gallery-main { min-height: 0; }
.tia-gallery-main img { width: 100%; height: 100%; padding: 14px; object-fit: contain; }
.tia-gallery-thumbs { padding: 0 10px 10px; display: flex; justify-content: center; gap: 7px; overflow-x: auto; }
.tia-gallery-thumbs button { width: 52px; height: 52px; padding: 0; flex: 0 0 auto; overflow: hidden; border: 2px solid transparent; border-radius: 9px; background: #fff; cursor: pointer; }
.tia-gallery-thumbs button.active { border-color: var(--tia-terracotta); }
.tia-gallery-thumbs img { width: 100%; height: 100%; padding: 0; object-fit: cover; }
.tia-page .product-panel-description { white-space: pre-line; }
.tia-page .product-panel-tags { margin-top: 0; }
.tia-page .product-panel-actions .button-primary { background: var(--tia-terracotta); }
.panel-variant-select { margin-top: 14px; display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 800; }
.panel-variant-select select { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 11px; background: #fff; font: 700 12px/1.3 "Manrope", sans-serif; }
.panel-custom-grid { margin-top: 14px; display: grid; grid-template-columns: 1.3fr .7fr .7fr; gap: 9px; }
.panel-custom-grid label { display: grid; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 800; }
.panel-custom-grid select, .panel-custom-grid input { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 10px; background: #fff; font: 700 12px/1.3 "Manrope", sans-serif; }
.tia-page .category-rail button.active { background: var(--tia-green); border-color: var(--tia-green); }
.tia-page .category-rail {
  margin: 24px 0 18px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  overflow: visible;
}
.tia-page .category-rail button {
  padding: 7px 11px;
  font-size: 10px;
  line-height: 1.2;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .tia-page .category-rail { gap: 5px; }
  .tia-page .category-rail button { padding: 6px 9px; font-size: 9px; }
  .tia-gallery-thumbs button { width: 44px; height: 44px; }
  .tia-showcase img { object-position: center; }
  .panel-custom-grid { grid-template-columns: 1fr 1fr; }
  .panel-custom-grid label:first-child { grid-column: 1 / -1; }
}
