:root {
  --jepack-brown: #3b2418;
  --jepack-cream: #f2e8da;
  --jepack-blue: #8ec5ff;
  --jepack-surface: #faf4eb;
  --jepack-border: #d8c6b5;
  --ink: var(--jepack-brown);
  --muted: #685144;
  --gold: #795440;
  --line: var(--jepack-border);
  --paper: var(--jepack-cream);
}
body { background: var(--jepack-cream); color: var(--ink); }
header { background: var(--jepack-cream); border-color: var(--line); }
.topbar, .jepack-footer, .service-strip { background: var(--ink); color: var(--paper); }
.jepack-footer :is(a, p, h2, h3, small), .service-strip :is(a, span), .topbar a { color: var(--paper); }
html:not([dir="rtl"]) :is(h1, h2, .new-hero h1, .seo-product h1, .detail-info h1) {
  font-family: "Instrument Serif", Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -.035em;
}
.new-hero h1 span { color: #795440; font-style: italic; }
.new-hero-copy > p, .hero-points, .eyebrow, .hero-kicker { color: var(--muted); }
:is(.button.dark, .choose-btn, .cart-trigger, .option.selected, .universe-tabs button.active) {
  background: var(--jepack-blue) !important;
  color: var(--ink) !important;
  border-color: transparent !important;
}
:is(.button.dark, .choose-btn, .cart-trigger):hover { background: #acd5ff !important; }
:is(.button.dark, .choose-btn, .cart-trigger) :is(span, strong) { color: inherit; }
:is(.product-card, .collection-tile, .quick-finder, .help-box, .cart-dialog, .language-switch) {
  background: var(--jepack-surface);
  border-color: var(--line);
}
:is(.detail-image, .product-image, .related-photo, .universe-card.cosmetic, .universe-card.pouch) {
  background: radial-gradient(ellipse at 38% 23%, #fff6e6, #ead5be 68%, #d9bda3);
}
.seo-product .detail-image { border-radius: 16px; overflow: hidden; }
:is(.option, .filter-btn, .button.outline, .search) { border-color: var(--line); color: var(--ink); }
:focus-visible { outline: 2px solid #245a91; outline-offset: 4px; }

@media (max-width: 760px) {
  footer.jepack-footer nav.footer-column {
    position: static;
    inset: auto;
    display: flex;
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
  }
  footer.jepack-footer {
    background: var(--jepack-cream);
    padding-block-end: calc(80px + env(safe-area-inset-bottom));
  }
  footer.jepack-footer .footer-content { gap: 22px 16px; }
  footer.jepack-footer .footer-column a { min-height: 44px; }
  .new-hero { padding: 24px 16px 28px; gap: 22px; }
  .new-hero h1 { font-size: clamp(36px, 10vw, 54px); margin-block: 12px; }
  .universe-cards { gap: 10px; }
  .universe-card.cosmetic, .universe-card.pouch { transform: none; }
  .mobile-whatsapp {
    inset-inline: auto 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    min-height: 44px;
    padding: 9px 13px;
    font-size: 12px;
  }
  html { scroll-padding-block-end: 72px; }
  #catalogue { scroll-margin-block-start: 84px; }
  .catalog-tools, .search-row { flex-wrap: wrap; }
  .search-row > * { min-width: 0; }
}