@font-face {
  font-family: "Adrenaline Humanist";
  src: url("/adrenaline-humanist-521-bi.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

:root {
  --ink: #171c19;
  --muted: #68706a;
  --red: #426b24;
  --red-dark: #2e4c1b;
  --green: #a3d65c;
  --paper: #fff;
  --soft: #f4f6f1;
  --line: #e4e9df;
  --radius: 8px;
  --shadow: 0 18px 55px #171c1914;
  --category-font: "Adrenaline Humanist", Arial, sans-serif;
}

body { color: var(--ink); }
.announcement, .site-footer { background: #171c19; }
.announcement span, .announcement b, .mega-promo span, .mega-promo button { color: var(--green); }
.brand { width: 222px; height: 46px; flex: 0 0 222px; gap: 0; }
.brand-logo-art { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.brand.custom-logo { width: 222px; height: 46px; }
.custom-brand-logo { max-width: 100%; max-height: 46px; object-fit: contain; object-position: left center; }
.brand-invert .brand-logo-art { object-position: left center; }
.hero { border-radius: 8px; background-color: #171c19; }
.hero-visual { background: radial-gradient(ellipse at 62% 47%, #3d493c 0, #242a25 40%, #171c19 72%); }
.orbit-two { border-color: #a3d65c38; }
.hero-sticker { border-color: #a3d65caa; color: var(--green); }
.campaign-red { background: #33432d; }
.btn-red, .btn-red:hover, .cart-count { background: var(--green); color: #171c19; }
.sale-link { color: #426b24 !important; }
.sale-link span, .product-badge { background: #edf5e3; color: #426b24; }
.benefit-icon { color: #426b24; background: #edf5e3; }
.category-card:hover { border-color: #a3d65c; box-shadow: 0 10px 25px #426b2417; }
.add-cart:hover { background: #a3d65c; color: #171c19; }
.load-more:hover { border-color: #a3d65c; color: #426b24; }
.newsletter-banner { background: #f3f6ef; border-radius: 8px; }
.newsletter-mark { background: transparent; color: var(--ink); border-radius: 0; transform: none; }
.newsletter-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.newsletter-mark.custom-newsletter-logo { background: transparent; }
.newsletter-banner input { outline-color: #426b24; }
.campaign, .product-card, .brand-strip button, .filters, .newsletter-banner, .store-banner { border-radius: 8px; }
.store-banner { background-color: #171c19; }
.store-art { background: radial-gradient(ellipse at center, #3d493c, #202721 67%); }
.store-sign span { color: var(--green); }
.socials a:hover { background: #426b24; border-color: #a3d65c; }
.filter-options input, .price-range input { accent-color: #426b24; }
.product-title:hover, .text-link, .nav-links a:hover, .store-link:hover, .mega-grid a:hover { color: #426b24; }
.btn-light:hover { background: #a3d65c; color: #171c19; }
.brand-strip button:hover { background: #f4f7f0; }
.admin-preview-highlight { outline-color: #a3d65c !important; box-shadow: 0 0 0 10px #a3d65c40 !important; }
.hero h1, .section-heading h2, .campaign h2, .newsletter-banner h2,
.store-banner h2, .drawer-head h2, .footer-info-window h2 {
  font-family: "Adrenaline Humanist", Manrope, sans-serif;
  font-style: italic;
  letter-spacing: -.03em;
}
@media (max-width: 720px) {
  .head-main { gap: 6px; }
  .brand { width: min(47vw, 184px); max-width: 184px; height: 40px; flex: 0 1 min(47vw, 184px); min-width: 112px; }
  .brand.custom-logo { width: min(47vw, 184px); height: 40px; flex: 0 1 min(47vw, 184px); }
  .brand-logo-art, .custom-brand-logo { object-position: left center; }
  .custom-brand-logo { max-height: 40px; }
  .mobile-header-tools { flex: 0 0 auto; margin-left: auto; }
}
@media (max-width: 380px) {
  .head-main { gap: 4px; }
  .mobile-search, .cart-trigger { width: 28px; }
}
