/* qa-look-20261109 — desktop look fixes (9 Nov 2026) */

/* 1. Hide the Lavender sample certificate block on product pages (wrong origin for every other oil) */
body[data-product] section.coa-showcase#quality-preview,
body[data-product] #certificate-reader{display:none!important}

/* 2. Homepage hero: box price was 13px (token span inherited the small label size) */
.hero-value60 strong,
.hero-value60 strong [data-tok]{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(30px,2.6vw,40px)!important;font-weight:700!important;line-height:1!important;white-space:nowrap}
.hero-value60{align-items:center}

/* 3a. Header on one line at narrow desktop widths (bag count stays visible) */
@media (max-width:900px){
  .site54-header{gap:12px}
  .site54-header nav{gap:16px!important}
  .site54-header nav a,
  .site54-header .site54-actions a{white-space:nowrap;font-size:15px}
  .site54-header .site54-actions{gap:14px!important}
  .site54-header .site54-box{padding:9px 14px!important}
}
/* 3b. Box picker on product pages: long names (Frankincense) overflowed the card at ~820px */
.builder .oil-grid > article{min-width:0}
.builder .oil-grid h3{overflow-wrap:anywhere}
@media (max-width:900px){
  .builder .oil-grid h3{font-size:17px!important}
}

/* 8. Product page: box price was tiny (13px). Make it the headline number */
.intro-copy .offer > div > span{font-size:12px!important;letter-spacing:.08em}
.intro-copy .offer strong,.intro-copy .offer strong [data-tok]{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(28px,2.4vw,36px)!important;font-weight:700!important;line-height:1.1!important;white-space:nowrap}
.intro-copy .offer strong small{font-size:15px!important;font-weight:400!important;font-family:inherit}
.intro-copy .fx-offer-price{font-size:16px!important}
.intro-copy .fx-offer-price strong{font-size:22px!important}