/* Readability, the supplied brand mark, and expanded one-stone category tiles. */
:root {
  --gold: #b99352;
  --gold-light: #dec38e;
  --forest: #103a2b;
}

body { font-size: 16px; line-height: 1.65; }
.header-inner { height: 94px; }
.brand img { width: 132px; height: 82px; object-fit: contain; background: #fbf7e9; border-radius: 3px; }
.primary-nav { gap: clamp(17px, 2vw, 30px); font-size: 13px; }
.primary-nav > a, .nav-dropdown > button { color: #253c2f; }
.header-actions .button { font-size: 11px; }
.search-trigger { font-size: 30px; }

.eyebrow { font-size: 11px; letter-spacing: .18em; }
.button { font-size: 12px; padding: 16px 23px; }
.button-small { font-size: 10px; padding: 13px 16px; }
.text-link { font-size: 12px; }
.hero-copy, .intro-copy, .feature-copy > p:not(.eyebrow), .split-text > p,
.about-copy > p:not(.eyebrow), .recommendation-copy > p:not(.eyebrow),
.consultation-inner > p:not(.eyebrow), .contact > div > p:last-child { font-size: 15px; }
.section-lede { font-size: 15px; }
.category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.category-card { height: 320px; padding: 22px; }
.category-card .eyebrow { font-size: 10px; }
.category-card h3 { font-size: 24px; }
.category-card p { font-size: 13px; line-height: 1.55; }
.category-card a { font-size: 11px; }
.sample-note, .sort-label, .catalogue-note { font-size: 12px; }
.filter-chip { font-size: 11px; padding: 10px 14px; }
.sort-label select { font-size: 13px; }
.product-grid { gap: 36px 20px; }
.product-info h3 { font-size: 21px; line-height: 1.35; }
.product-info p { font-size: 13px; line-height: 1.65; min-height: 44px; }
.product-price { font-size: 12px; }
.enquire-link { font-size: 11px; }
.product-tag { font-size: 9px; }
.bracelet-tile h3 { font-size: 27px; }
.bracelet-tile a, .feature-note, .soft-note, .consult-note { font-size: 11px; }
.guide-grid h3 { font-size: 22px; }
.guide-grid p, .faq-list details p { font-size: 14px; line-height: 1.75; }
.faq-list summary { font-size: 19px; }
.contact-action > span { font-size: 12px; }
.footer { padding-top: 66px; }
.footer-logo { display: block; width: 184px; height: 112px; object-fit: contain; background: #fbf7e9; border-radius: 4px; padding: 2px; filter: none !important; }
.footer-brand p, .footer-contact p { font-size: 13px; }
.footer-main h3 { font-size: 11px; }
.footer-main a, .footer-main span { font-size: 13px; }
.footer-bottom { font-size: 11px; }

@media (min-width: 1200px) {
  .category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 1050px) {
  .header-inner { height: 90px; }
  .primary-nav { font-size: 12px; }
  .brand img { width: 120px; }
  .product-info h3 { font-size: 19px; }
}
@media (max-width: 760px) {
  .header-inner { height: 78px; }
  .brand img { width: 94px; height: 66px; }
  .primary-nav { font-size: 14px; }
  .primary-nav > a, .nav-dropdown > button { padding: 15px 0; }
  .eyebrow { font-size: 10px; }
  .hero-copy, .intro-copy, .section-lede, .feature-copy > p:not(.eyebrow),
  .split-text > p, .about-copy > p:not(.eyebrow),
  .recommendation-copy > p:not(.eyebrow), .contact > div > p:last-child { font-size: 14px; }
  .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .category-card { height: 275px; padding: 16px; }
  .category-card h3 { font-size: 20px; }
  .category-card p { font-size: 12px; }
  .category-card a { font-size: 10px; }
  .product-info h3 { font-size: 17px; }
  .product-info p { font-size: 12px; min-height: 60px; }
  .product-price, .enquire-link { font-size: 10px; }
  .footer-logo { width: 160px; height: 98px; }
}
@media (max-width: 380px) {
  .category-card { height: 252px; padding: 13px; }
  .category-card h3 { font-size: 18px; }
  .category-card p { font-size: 11px; }
}