/** Shopify CDN: Minification failed

Line 725:0 Expected "}" to go with "{"

**/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   1. BRAND TOKENS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  --oa-navy:       #0D2445;
  --oa-navy-mid:   #122d58;
  --oa-navy-deep:  #091c36;
  --oa-beige:      #BCADA0;
  --oa-cream:      #F5F0EB;
  --oa-cream-dark: #EDE8E2;
  --oa-umber:      #7B716D;
  --oa-dark:       #2D313A;
  --oa-white:      #FCFAF8;
  --oa-border:     #D6CFC9;
  --font-serif:    'the-seasons', Georgia, serif;
  --font-ui:       'scandia-web', system-ui, sans-serif;
  --font-body:     'arboria', system-ui, sans-serif;
  --section-v:     80px;
  --section-v-mob: 56px;
  --ease:          0.22s ease;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   2. TYPOGRAPHY — 12px minimum everywhere
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.7;
  color: var(--oa-dark);
  background-color: var(--oa-white);
}

h1, .h1 { font-family: var(--font-serif); font-weight: 300; font-size: clamp(40px, 5.5vw, 76px); line-height: 1.08; letter-spacing: -0.01em; color: var(--oa-navy); margin-bottom: 16px; }
h2, .h2 { font-family: var(--font-serif); font-weight: 300; font-size: clamp(26px, 3.5vw, 46px); line-height: 1.12; color: var(--oa-navy); margin-bottom: 14px; }
h3, .h3 { font-family: var(--font-serif); font-weight: 300; font-size: clamp(22px, 2.5vw, 34px); line-height: 1.18; color: var(--oa-navy); margin-bottom: 12px; }
h4, .h4 { font-family: var(--font-ui); font-weight: 500; font-size: clamp(15px, 1.6vw, 20px); line-height: 1.3; color: var(--oa-navy); }
h5, .h5 { font-family: var(--font-ui); font-weight: 500; font-size: 14px; line-height: 1.4; color: var(--oa-dark); }
h6, .h6 { font-family: var(--font-ui); font-weight: 500; font-size: 12px; line-height: 1.5; color: var(--oa-umber); letter-spacing: 0.1em; text-transform: uppercase; }

p { font-family: var(--font-body); font-size: 16px; line-height: 1.75; color: var(--oa-dark); margin: 0 0 16px; }
p:last-child { margin-bottom: 0; }

/* Hard floor: nothing renders below 12px */
small, .small, figcaption, .caption,
.m-footer__copyright, .m-footer--bottom-menu { font-size: 12px !important; }

/* Eyebrows and labels */
.eyebrow, .m-section__subheading, .m-richtext__subtitle {
  font-family: var(--font-ui) !important;
  font-size: 10px !important;
  font-weight: 500;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--oa-umber);
}

/* FrontRow heading overrides — use brand serif */
.m-richtext__title, .m-section__heading,
.m-card-title, .m-article-card__title, .content__heading {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  color: var(--oa-navy);
}

.rte a { color: var(--oa-navy); text-decoration: underline; text-underline-offset: 3px; }
.rte a:hover { color: var(--oa-umber); }
::selection { background: var(--oa-beige); color: var(--oa-navy); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   3. ANNOUNCEMENT BAR
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-topbar, .m-announcement-bar, [class*="announcement"] {
  background-color: var(--oa-navy) !important;
  color: var(--oa-beige) !important;
}
.m-topbar a, .m-topbar__content,
.m-announcement-bar a, .m-announcement-bar__content {
  font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--oa-beige) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   4. HEADER & NAVIGATION
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-header, .m-header__wrapper, .m-header--sticky {
  background-color: var(--oa-white) !important;
  border-bottom: 1px solid var(--oa-border) !important;
  box-shadow: none !important;
}
.m-header__logo img, .m-logo img { max-height: 40px; width: auto; }

.m-nav-item__link, .m-main-menu a, .m-mega-menu a {
  font-family: var(--font-ui); font-size: 13px; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--oa-dark) !important;
  font-weight: 400; transition: color var(--ease);
}
.m-nav-item__link:hover, .m-main-menu a:hover { color: var(--oa-navy) !important; }
.m-nav-item--active > .m-nav-item__link, .m-nav-item--active > a { color: var(--oa-navy) !important; font-weight: 500; }

.m-header__action-item a { color: var(--oa-dark) !important; }
.m-header__action-item a:hover { color: var(--oa-navy) !important; }

.m-cart-count, .m-badge--cart {
  background-color: var(--oa-navy) !important; color: var(--oa-white) !important;
  font-family: var(--font-ui); font-size: 10px !important; font-weight: 500;
}

.m-mega-menu, .m-dropdown-menu {
  background: var(--oa-white); border: 1px solid var(--oa-border);
  box-shadow: 0 8px 32px rgba(13,36,69,0.1); border-radius: 0 !important;
}

.m-menu-drawer, .m-drawer { background-color: var(--oa-white) !important; }
.m-menu-drawer__nav a, .m-menu-drawer .m-nav-link {
  font-family: var(--font-ui); font-size: 14px; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--oa-dark);
  border-bottom: 1px solid var(--oa-border); padding: 16px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   5. BUTTONS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-button, .btn, button[type="submit"], .shopify-payment-button__button,
.m-button--primary, .m-button--secondary, .m-button--outline {
  font-family: var(--font-ui) !important; font-size: 11px !important;
  font-weight: 500 !important; letter-spacing: 0.18em !important;
  text-transform: uppercase !important; border-radius: 0 !important;
  padding: 14px 32px !important; transition: background var(--ease), color var(--ease), border-color var(--ease) !important;
  cursor: pointer;
}

/* Primary — navy filled */
.m-button--primary, .btn, .btn-primary {
  background-color: var(--oa-navy) !important; color: var(--oa-white) !important;
  border: 1px solid var(--oa-navy) !important;
}
.m-button--primary:hover, .btn:hover, .btn-primary:hover {
  background-color: var(--oa-navy-mid) !important; color: var(--oa-white) !important;
}

/* Outline — transparent */
.m-button--outline, .m-button--secondary, .btn-outline {
  background-color: transparent !important; color: var(--oa-navy) !important;
  border: 1px solid rgba(13,36,69,0.4) !important;
}
.m-button--outline:hover, .m-button--secondary:hover, .btn-outline:hover {
  background-color: var(--oa-navy) !important; color: var(--oa-white) !important;
  border-color: var(--oa-navy) !important;
}

/* Outline on dark backgrounds */
.m-color-dark .m-button--outline, .m-color-footer .m-button--outline {
  color: var(--oa-beige) !important; border-color: rgba(188,173,160,0.4) !important;
}
.m-color-dark .m-button--outline:hover, .m-color-footer .m-button--outline:hover {
  background-color: var(--oa-beige) !important; color: var(--oa-navy) !important;
  border-color: var(--oa-beige) !important;
}

/* Link button */
.m-button--link {
  background: none !important; border: none !important; color: var(--oa-navy) !important;
  padding: 0 !important; font-size: 12px !important; letter-spacing: 0.12em !important;
  text-decoration: underline; text-underline-offset: 3px;
}
.m-button--link:hover { color: var(--oa-umber) !important; }

/* ATC */
.m-button-atc, .product-form__submit, button[name="add"] {
  background-color: var(--oa-navy) !important; color: var(--oa-white) !important;
  border: 1px solid var(--oa-navy) !important; border-radius: 0 !important;
  font-family: var(--font-ui) !important; font-size: 12px !important;
  letter-spacing: 0.18em !important; text-transform: uppercase !important;
  width: 100%; padding: 16px 24px !important;
}
.m-button-atc:hover, button[name="add"]:hover { background-color: var(--oa-navy-mid) !important; }

.m-button--small { padding: 10px 20px !important; font-size: 10px !important; }
.shopify-payment-button__button { border-radius: 0 !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   6. FORM INPUTS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], input[type="search"],
textarea, select, .m-field__input, .m-input {
  font-family: var(--font-body); font-size: 14px; color: var(--oa-dark);
  background-color: var(--oa-white); border: 1px solid var(--oa-border);
  border-radius: 0; padding: 12px 16px; outline: none;
  transition: border-color var(--ease); appearance: none; -webkit-appearance: none;
}
input::placeholder, textarea::placeholder { color: var(--oa-beige); }
input:focus, textarea:focus, select:focus {
  border-color: var(--oa-navy); box-shadow: 0 0 0 2px rgba(13,36,69,0.08);
}
label, .m-field__label {
  font-family: var(--font-ui); font-size: 12px; font-weight: 500;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--oa-dark);
  margin-bottom: 6px; display: block;
}
.m-newsletter-form__input { border: 1px solid var(--oa-border); border-radius: 0; font-family: var(--font-body); font-size: 14px; }
.m-newsletter-form__button { border-radius: 0 !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   7. SECTION COLOURS — theme scheme classes
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-color-default, [class*="color-scheme--default"] { background-color: var(--oa-cream); }
.m-color-dark, .m-color-footer,
[class*="color-scheme--dark"], [class*="color-scheme--footer"] { background-color: var(--oa-navy); }

.m-color-dark h1, .m-color-dark h2, .m-color-dark h3, .m-color-dark h4,
.m-color-footer h1, .m-color-footer h2, .m-color-footer h3, .m-color-footer h4 { color: var(--oa-white); }
.m-color-dark p, .m-color-dark .rte,
.m-color-footer p, .m-color-footer .rte { color: var(--oa-beige); }
.m-color-dark .m-section__heading, .m-color-footer .m-section__heading { color: var(--oa-white) !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   8. PRODUCT CARDS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-product-card {
  border: 1px solid var(--oa-border); border-radius: 0;
  background: var(--oa-white); transition: box-shadow var(--ease), transform var(--ease); overflow: hidden;
}
.m-product-card:hover { box-shadow: 0 8px 32px rgba(13,36,69,0.1); transform: translateY(-2px); }
.m-product-card__media { background: var(--oa-cream); border-radius: 0; }
.m-product-card__info { padding: 16px; }
.m-product-card__title, .m-product-card__name {
  font-family: var(--font-ui); font-size: 14px; font-weight: 500;
  color: var(--oa-navy); letter-spacing: 0.04em; margin-bottom: 6px;
}
.m-product-card__price .m-price, .m-product-card__price .price {
  font-family: var(--font-ui); font-size: 14px; font-weight: 500; color: var(--oa-dark);
}
.m-product-card__vendor {
  font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--oa-beige);
}
.m-product-card__badge, .m-product-card__tag { border-radius: 0 !important; font-size: 12px !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   9. COLLECTION PAGE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-collection-page { background: var(--oa-cream); }
.m-collection-header__title { font-family: var(--font-serif); font-weight: 300; color: var(--oa-navy); }
.m-filter__heading { font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--oa-navy); font-weight: 500; }
.m-filter__option { font-family: var(--font-body); font-size: 14px; color: var(--oa-dark); }
.m-collection-toolbar { border-bottom: 1px solid var(--oa-border); }
.m-pagination__page, .m-pagination a {
  font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.1em;
  border: 1px solid var(--oa-border); border-radius: 0 !important; color: var(--oa-dark);
}
.m-pagination__page--active, .m-pagination a:hover { background: var(--oa-navy); color: var(--oa-white); border-color: var(--oa-navy); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   10. PRODUCT PAGE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-product-page, .m-main-product { background: var(--oa-white); }
.m-product__title, .m-product-info__title {
  font-family: var(--font-serif); font-weight: 300; color: var(--oa-navy);
  font-size: clamp(24px, 3vw, 40px); line-height: 1.15;
}
.m-product__price .m-price--regular, .m-product-info .m-price {
  font-family: var(--font-ui); font-size: 22px; font-weight: 500; color: var(--oa-dark);
}
.m-price--sale-price { color: var(--oa-umber); }
.m-price--compare-at { color: var(--oa-beige); text-decoration: line-through; font-size: 16px; }

.m-swatch, .m-product-option__button {
  border: 1px solid var(--oa-border); border-radius: 0 !important;
  font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.08em;
  color: var(--oa-dark); transition: border-color var(--ease), background var(--ease);
}
.m-swatch--active, .m-swatch:hover,
.m-product-option__button--active, .m-product-option__button:hover {
  border-color: var(--oa-navy); background: var(--oa-navy); color: var(--oa-white);
}

.m-collapsible--button {
  font-family: var(--font-ui) !important; font-size: 13px !important;
  font-weight: 500 !important; letter-spacing: 0.08em; color: var(--oa-navy) !important;
  border-top: 1px solid var(--oa-border); padding: 18px 0 !important;
}
.m-collapsible--button:hover { color: var(--oa-umber) !important; }
.m-collapsible--content__inner {
  font-family: var(--font-body) !important; font-size: 15px !important;
  color: var(--oa-dark) !important; line-height: 1.75 !important; padding-bottom: 20px;
}

.m-qty-input, .m-quantity-input { border: 1px solid var(--oa-border); border-radius: 0 !important; font-family: var(--font-ui); font-size: 14px; color: var(--oa-dark); }
.m-qty-input button, .m-quantity-input button { font-size: 16px; color: var(--oa-dark); background: transparent; border: none; padding: 8px 14px !important; }

.m-sticky-atc, .sticky-add-to-cart { background: var(--oa-white); border-top: 1px solid var(--oa-border); box-shadow: 0 -4px 20px rgba(13,36,69,0.08); }
.m-sticky-atc__title { font-family: var(--font-ui); font-size: 14px; font-weight: 500; color: var(--oa-navy); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   11. CART & DRAWER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-cart-drawer, .m-cart-drawer__inner { background-color: var(--oa-white) !important; }
.m-cart-drawer__header { border-bottom: 1px solid var(--oa-border); background: var(--oa-cream); }
.m-cart-drawer__title { font-family: var(--font-serif); font-size: 22px; font-weight: 300; color: var(--oa-navy); }
.m-cart-item__title { font-family: var(--font-ui); font-size: 14px; font-weight: 500; color: var(--oa-navy); }
.m-cart-item__price { font-family: var(--font-ui); font-size: 14px; color: var(--oa-dark); }
.m-cart-item__remove { font-family: var(--font-ui); font-size: 12px; color: var(--oa-umber); }
.m-cart-drawer__footer { border-top: 1px solid var(--oa-border); background: var(--oa-cream); padding: 24px; }
.m-cart__subtotal-label { font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--oa-umber); }
.m-cart__subtotal-price { font-family: var(--font-ui); font-size: 20px; font-weight: 500; color: var(--oa-navy); }

.m-cart-template { background: var(--oa-cream); }
.m-cart-template__heading { font-family: var(--font-serif); font-size: clamp(28px, 3.5vw, 44px); font-weight: 300; color: var(--oa-navy); }
.m-cart-table th { font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--oa-umber); border-bottom: 1px solid var(--oa-border); padding: 12px 0; }
.m-cart-table td { border-bottom: 1px solid var(--oa-border); padding: 20px 0; }
.m-cart-total__label, .m-cart-subtotal__label { font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--oa-umber); }
.m-cart-total__price, .m-cart-subtotal__price { font-family: var(--font-ui); font-size: 18px; font-weight: 500; color: var(--oa-navy); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   12. ACCOUNT PAGES
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-customer-page,
.template-customers-login,
.template-customers-register,
.template-customers-account { background: var(--oa-cream); min-height: 60vh; }
.m-customer-page h1, .m-customer-page h2 { font-family: var(--font-serif); font-weight: 300; color: var(--oa-navy); }
.m-customer-page .m-card, .m-customer-order-card { background: var(--oa-white); border: 1px solid var(--oa-border); border-radius: 0; padding: 32px; }
.m-customer-nav a { font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--oa-umber); padding: 12px 0; border-bottom: 1px solid var(--oa-border); display: block; }
.m-customer-nav a:hover, .m-customer-nav a.active { color: var(--oa-navy); font-weight: 500; }
.m-login-form, .m-register-form { background: var(--oa-white); border: 1px solid var(--oa-border); padding: 48px 40px; max-width: 480px; margin: 60px auto; }
.m-login-form h1, .m-register-form h1 { font-family: var(--font-serif); font-size: 30px; font-weight: 300; color: var(--oa-navy); margin-bottom: 8px; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   13. BLOG & ARTICLES
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-blog-page, .m-article-page { background: var(--oa-cream); }
.m-article-card { background: var(--oa-white); border: 1px solid var(--oa-border); border-radius: 0; overflow: hidden; transition: box-shadow var(--ease); }
.m-article-card:hover { box-shadow: 0 8px 32px rgba(13,36,69,0.1); }
.m-article-card__title { font-family: var(--font-serif); font-size: 20px; font-weight: 300; color: var(--oa-navy); line-height: 1.3; }
.m-article-card__excerpt { font-family: var(--font-body); font-size: 14px; color: var(--oa-umber); line-height: 1.7; }
.m-article-card__date, .m-article-card__author { font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--oa-beige); }
.m-article__body, .m-article-page .rte { font-family: var(--font-body); font-size: 17px; line-height: 1.85; color: var(--oa-dark); max-width: 720px; margin: 0 auto; }
.m-article__body h2, .m-article__body h3 { margin-top: 48px; }
.m-article__body blockquote { border-left: 2px solid var(--oa-beige); padding-left: 24px; margin-left: 0; font-style: italic; color: var(--oa-umber); font-size: 18px; }
.m-article__title { font-family: var(--font-serif); font-weight: 300; color: var(--oa-navy); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   14. POLICY & STATIC PAGES
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.shopify-policy__container { max-width: 740px !important; margin: 60px auto !important; padding: 0 24px !important; }
.shopify-policy__title h1 { font-family: var(--font-serif) !important; font-weight: 300 !important; font-size: clamp(28px, 4vw, 44px) !important; color: var(--oa-navy) !important; padding: 48px 0 24px !important; border-bottom: 1px solid var(--oa-border); margin-bottom: 40px; }
.shopify-policy__body { font-family: var(--font-body) !important; font-size: 16px !important; line-height: 1.85 !important; color: var(--oa-dark) !important; }
.shopify-policy__body h2, .shopify-policy__body h3 { font-family: var(--font-serif) !important; font-weight: 300 !important; color: var(--oa-navy) !important; margin-top: 48px !important; }
.shopify-policy__body a { color: var(--oa-navy); text-decoration: underline; text-underline-offset: 3px; }
.m-page-template .rte, .m-page-content { font-family: var(--font-body); font-size: 16px; line-height: 1.85; color: var(--oa-dark); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   15. BREADCRUMB — hidden globally
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-breadcrumb { display: none !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   16. TESTIMONIALS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-testimonial, .m-testimonial-card { background: var(--oa-white); border: 1px solid var(--oa-border); border-radius: 0; padding: 32px; }
.m-testimonial__content, .m-testimonial-card__content { font-family: var(--font-body); font-size: 16px; line-height: 1.8; color: var(--oa-dark); }
.m-testimonial__author, .m-testimonial-card__author { font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--oa-umber); }
.m-testimonial__stars { color: var(--oa-navy) !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   17. ACCORDIONS (general)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-collapsible { border-bottom: 1px solid var(--oa-border); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   18. FOOTER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-footer, .m-footer__inner, .m-footer-section { background-color: var(--oa-navy) !important; }

.m-footer p, .m-footer li, .m-footer span,
.m-footer--block-text, .m-footer__text { color: var(--oa-beige) !important; font-size: 14px; line-height: 1.75; }

.m-footer--block-title, .m-footer h3, .m-footer h4 {
  font-family: var(--font-ui) !important; font-size: 12px !important;
  font-weight: 500 !important; letter-spacing: 0.18em !important;
  text-transform: uppercase !important; color: var(--oa-white) !important; margin-bottom: 20px !important;
}

.m-footer a, .m-footer--block a, .m-footer-menu a {
  color: var(--oa-beige) !important; font-family: var(--font-body);
  font-size: 14px; text-decoration: none; transition: color var(--ease); line-height: 2;
}
.m-footer a:hover, .m-footer--block a:hover { color: var(--oa-white) !important; }

.m-footer .m-newsletter-form__input {
  background: rgba(255,255,255,0.06); border-color: rgba(188,173,160,0.3); color: var(--oa-white);
}
.m-footer .m-newsletter-form__input::placeholder { color: rgba(188,173,160,0.5); }
.m-footer .m-newsletter-form__input:focus { border-color: var(--oa-beige); background: rgba(255,255,255,0.1); }
.m-footer .m-newsletter-form__button, .m-footer .m-button--primary {
  background-color: var(--oa-beige) !important; color: var(--oa-navy) !important; border-color: var(--oa-beige) !important;
}
.m-footer .m-newsletter-form__button:hover { background-color: var(--oa-white) !important; }

/* Footer bottom bar */
.m-footer__bottom, .m-footer--bottom-bar {
  background-color: var(--oa-navy-deep) !important; border-top: 1px solid rgba(188,173,160,0.12);
}
.m-footer__copyright, .m-footer--bottom-menu a {
  color: rgba(188,173,160,0.5) !important; font-family: var(--font-ui); font-size: 12px !important; letter-spacing: 0.06em;
}

/* Footer social icons */
.m-footer .social-media-links a, .m-footer .m-social-link {
  background-color: rgba(188,173,160,0.1) !important; color: var(--oa-beige) !important;
  border-radius: 0 !important; width: 40px; height: 40px;
  display: inline-flex; align-items: center; justify-content: center; transition: background var(--ease);
}
.m-footer .social-media-links a:hover, .m-footer .m-social-link:hover {
  background-color: rgba(188,173,160,0.25) !important; color: var(--oa-white) !important; box-shadow: none !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   19. SEARCH
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-search-popup, .m-predictive-search { background: var(--oa-white); border-bottom: 1px solid var(--oa-border); }
.m-search-popup__input { font-family: var(--font-body); font-size: 18px; color: var(--oa-dark); }
.m-search-popup__input::placeholder { color: var(--oa-beige); }
.m-predictive-search__item-title { font-family: var(--font-ui); font-size: 14px; color: var(--oa-navy); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   20. SCROLLING PROMOTION / BANNERS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-scrolling-promotion, .m-promotion-banner { background: var(--oa-navy) !important; }
.m-scrolling-promotion__text, .m-scrolling-promotion a { color: var(--oa-beige) !important; font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.12em; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   21. COOKIE BANNER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-cookie-banner { background: var(--oa-navy) !important; border-top: 1px solid rgba(188,173,160,0.2) !important; border-radius: 0 !important; }
.m-cookie-banner p, .m-cookie-banner__content { font-family: var(--font-body); font-size: 14px; color: var(--oa-beige) !important; }
.m-cookie-banner a { color: var(--oa-white) !important; text-decoration: underline; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   22. MOBILE STICKY BAR
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-mobile-sticky-bar, .m-sticky-bar { background: var(--oa-white) !important; border-top: 1px solid var(--oa-border) !important; }
.m-mobile-sticky-bar__item, .m-sticky-bar__item { font-family: var(--font-ui); font-size: 12px !important; color: var(--oa-dark); }
.m-mobile-sticky-bar__item.active, .m-sticky-bar__item.active { color: var(--oa-navy); }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   23. JUDGE.ME REVIEWS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.jdgm-rev__title { font-family: var(--font-ui) !important; font-size: 14px !important; font-weight: 500 !important; color: var(--oa-navy) !important; }
.jdgm-rev__body { font-family: var(--font-body) !important; font-size: 15px !important; color: var(--oa-dark) !important; line-height: 1.75 !important; }
.jdgm-rev__author { font-family: var(--font-ui) !important; font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--oa-umber) !important; }
.jdgm-star { color: var(--oa-navy) !important; }
.jdgm-rev-widg { border-color: var(--oa-border) !important; }
.jdgm-rev__timestamp { font-family: var(--font-ui) !important; font-size: 12px !important; color: var(--oa-beige) !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   24. APPSTLE SUBSCRIPTIONS
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.appstle_subscription_widget, .appstle-widget-main { border: 1px solid var(--oa-border) !important; border-radius: 0 !important; }
.appstle_subscription_widget label, .appstle-widget-main label { font-family: var(--font-ui) !important; font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--oa-dark) !important; }
.appstle_subscription_widget select, .appstle-widget-main select { border-radius: 0 !important; border: 1px solid var(--oa-border) !important; font-size: 14px !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   25. MOBILE — 12px minimum enforced
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 767px) {
  .container, .m-container { padding-left: 20px; padding-right: 20px; }
  body { font-size: 15px; }
  p { font-size: 15px; }
  h1, .h1 { font-size: clamp(26px, 8vw, 38px); }
  h2, .h2 { font-size: clamp(22px, 7vw, 32px); }
  h3, .h3 { font-size: clamp(20px, 6vw, 28px); }
  h4, .h4 { font-size: 16px; }

  /* Enforce 12px floor on small text — no exceptions */
  .m-footer__copyright, .m-footer--bottom-menu,
  label, .label, .eyebrow, .m-section__subheading,
  .m-breadcrumb__item, .m-article-card__date,
  small, .small { font-size: 12px !important; }

  /* Buttons */
  .m-button { width: 100%; text-align: center; }
  .m-button + .m-button { margin-top: 12px; }
  .m-header__nav { display: none; }
  .m-login-form, .m-register-form { padding: 32px 24px; margin: 32px 20px; }
  .m-footer--blocks { flex-direction: column; }
  .m-footer--block { width: 100% !important; padding: 24px 0; border-bottom: 1px solid rgba(188,173,160,0.12); }
  .shopify-policy__container { margin: 32px auto !important; }
}

@media (max-width: 479px) {
  body { font-size: 14px; }
  p { font-size: 14px; }
  /* Never below 12px on smallest screens */
  .m-product-card__title { font-size: 13px; }
  .m-product-card__price .m-price { font-size: 13px; }
  .m-button { padding: 14px 20px !important; font-size: 11px !important; }
  .m-sticky-atc .m-button { font-size: 12px !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .container, .m-container { padding-left: 32px; padding-right: 32px; }
  h1, .h1 { font-size: clamp(30px, 5vw, 48px); }
  h2, .h2 { font-size: clamp(24px, 4vw, 38px); }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   26. GLOBAL CLEANUP & OVERRIDES
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Square corners everywhere — brand standard */
.m-button, .m-badge, .m-tag,
.m-product-card, .m-article-card,
.m-testimonial, .m-dropdown-menu,
.m-mega-menu, .m-cart-drawer,
[class*="--rounded"] { border-radius: 0 !important; }

/* Focus ring — brand color */
*:focus-visible { outline: 2px solid var(--oa-navy); outline-offset: 3px; }

/* Text selection */
::selection { background: var(--oa-beige); color: var(--oa-navy); }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--oa-cream); }
::-webkit-scrollbar-thumb { background: var(--oa-beige); border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: var(--oa-umber); }

/* Icon-box */
.m-icon-box__heading { font-family: var(--font-ui) !important; font-size: 14px !important; font-weight: 500 !important; color: var(--oa-navy) !important; }
.m-icon-box__text p, .m-icon-box__description { font-family: var(--font-body); font-size: 14px; color: var(--oa-umber); line-height: 1.7; }

/* Image-with-text */
.m-image-with-text__content { padding: 48px 40px; }
.m-image-with-text__heading { font-family: var(--font-serif); font-weight: 300; color: var(--oa-navy); }
.m-image-with-text__text { font-family: var(--font-body); font-size: 16px; color: var(--oa-dark); line-height: 1.75; }

/* Promotion / scrolling text */
.m-scrolling-promotion, .m-promotion-banner { background: var(--oa-navy) !important; }
.m-scrolling-promotion__text { color: var(--oa-beige) !important; font-family: var(--font-ui); font-size: 12px; letter-spacing: 0.12em; }

/* Remove unnecessary spacing between consecutive Shopify sections */
.shopify-section + .shopify-section > section { margin-top: 0 !important; }

/* OA-specific section backgrounds */
.oa-plan { background-color: var(--oa-cream) !important; }
.oa-guarantee { background: linear-gradient(160deg, var(--oa-cream-dark) 0%, var(--oa-cream) 60%) !important; }
.oa-ia { background: var(--oa-cream) !important; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   MOBILE GLOBAL — tap delay elimination + safe areas
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Eliminate 300ms tap delay on all interactive elements */
a, button, [role="button"], input, select, textarea,
.ia-card, .ia-tab, .faq-btn, .pm-card-cta,
.m-button, .btn, .cta-primary, .cta-ghost {
  touch-action: manipulation;
}

/* :active states for touch feedback (mirrors :hover) */
.cta-primary:active  { background: #162f5a !important; transform: translateY(0); }
.cta-ghost:active    { background: rgba(13,36,69,.08) !important; }
.m-button--primary:active { background: #162f5a !important; }
.ia-card:active      { border-color: rgba(13,36,69,.2); }
.ia-tab:active       { opacity: .8; }
.faq-btn:active      { opacity: .7; }

/* Sticky ATC safe area for iPhone home indicator */
.m-sticky-atc, .sticky-add-to-cart, .m-mobile-sticky-bar {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* Prevent body scroll when modal/popup is open */
body.oa-no-scroll { overflow: hidden; touch-action: none; }

/* iOS momentum scrolling for overflow containers */
.ia-outer, .m-cart-drawer, .m-menu-drawer {
  -webkit-overflow-scrolling: touch;
}

/* Viewport height fix for mobile browsers (address bar causes 100vh issues) */
.hero-inner { min-height: min(88vh, 800px); }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   LOGO — prevent clipping at smaller viewports
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-header__logo, .m-logo { overflow: visible !important; }
.m-header__logo img, .m-logo img {
  max-height: 52px !important;
  width: auto !important;
  object-fit: contain !important;
  overflow: visible !important;
}
.m-header { overflow: visible !important; }
.m-header__wrapper { overflow: visible !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BACK TO TOP BUTTON — brand styling
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-button--scroll-top {
  background: #0D2445 !important;
  color: #BCADA0 !important;
  border: 1px solid rgba(188,173,160,.3) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.15) !important;
}
.m-button--scroll-top:hover {
  background: #162f5a !important;
}
.m-button--scroll-top svg,
.m-button--scroll-top path {
  fill: #BCADA0 !important;
  stroke: none !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   STICKY ATC BAR — exact FrontRow class names
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-sticky-addtocart {
  background: #FEFCFA !important;
  border-top: 1px solid rgba(188,173,160,.25) !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,.08) !important;
}
.m-sticky-addtocart .m-add-to-cart,
.m-sticky-addtocart .m-button--primary {
  background: #0D2445 !important;
  color: #FCFAF8 !important;
  border-radius: 0 !important;
  font-family: 'scandia-web', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  border: none !important;
}
.m-sticky-addtocart .m-add-to-cart:hover,
.m-sticky-addtocart .m-button--primary:hover {
  background: #162f5a !important;
}
.m-sticky-addtocart--title h3 {
  font-family: 'the-seasons', serif !important;
  color: #0D2445 !important;
  font-weight: 300 !important;
}
.m-sticky-addtocart--title .m-price {
  font-family: 'scandia-web', sans-serif !important;
  color: #0D2445 !important;
  font-weight: 500 !important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   STICKY ATC — fix oversized bar height
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.m-sticky-addtocart {
  padding: 10px 20px !important;
  min-height: unset !important;
  height: auto !important;
}
.m-sticky-addtocart--rightblock {
  padding: 8px 0 !important;
}
.m-sticky-addtocart--title {
  padding: 8px 0 !important;
}
.m-sticky-addtocart--title h3 {
  font-si

  .m-footer--block-spacing {
  width: 10%;
}
.m-newsletter-form {
  margin-top: 24px;
}
.m-footer--block-newsletter .m-footer--block-title {
  font-weight: 400;
  font-size: 25px;
}
@media (min-width: 1280px) {
  .m-footer--block-newsletter .m-footer--block-title {
    font-size: 36px;
    margin-bottom: 12px;
  }
  .m-footer__copyright,
  .m-footer--bottom-menu {
    font-size: 14px;
  }
}


/* Footer logo — force small size */
.big_logo,
.big_logo > div,
.big_logo .m-image,
.big_logo figure,
.big_logo picture {
  max-width: 120px !important;
  margin: 0 auto !important;
}
.big_logo img {
  max-width: 120px !important;
  max-height: 60px !important;
  width: 120px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}
/* Also hide the intrinsic size padding hack */
.big_logo .m-image__wrapper,
.big_logo [style*="padding"] {
  padding-top: 0 !important;
  height: auto !important;
}