/* Final November layout and single-navigation fixes */
/* Desktop: the inline links are the only navigation. The menu trigger is mobile-only. */
@media (min-width: 761px) {
  .header #menuBtn,
  .site-shell > .header #menuBtn,
  .inner-page #menuBtn { display: none !important; }
  .header .links,
  .site-shell > .header .links { display: flex !important; }
}
@media (max-width: 760px) {
  .header #menuBtn,
  .site-shell > .header #menuBtn,
  .inner-page #menuBtn { display: inline-flex !important; }
  .header .links,
  .site-shell > .header .links {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 16px 18px !important;
    flex-direction: column !important;
    gap: 5px !important;
    background: #fffef8 !important;
    border: 1px solid #e8e2d2 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 35px #102c1a22 !important;
    z-index: 1001 !important;
  }
  .header .links.open,
  .site-shell > .header .links.open { display: flex !important; }
}
/* Remove the inherited 145px legacy page offset that caused the large blank band. */
.shop-page { padding: 28px 0 72px !important; }
.royal-product-page { padding-top: 24px !important; }
.royal-page { padding-top: 24px !important; }
.royal-cart-page, .royal-checkout-page { padding-top: 24px !important; }
.policy-main { margin-top: 0 !important; }
/* Keep header and page content visually connected without changing the brand styling. */

/* Cart remove control: consistent native-independent SVG rendering. */
.royal-cart-page .royal-remove-btn,.royal-remove-btn{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:36px!important;padding:7px 12px!important;border:1px solid #d9e2d5!important;border-radius:999px!important;background:#fff!important;color:#245b35!important;font:600 13px/1.2 Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important;text-decoration:none!important}
.royal-remove-btn svg{display:block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;overflow:visible!important}
.royal-remove-btn svg path{stroke:currentColor!important;fill:none!important}
.royal-remove-btn:focus-visible{outline:2px solid #287a35!important;outline-offset:2px!important}
.royal-remove-btn:active{background:#f2f7ef!important}