:focus-visible{outline:3px solid #852d38;outline-offset:3px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.auth-form label,.contact-form label,#delivery-address label,#cartLoginForm label{display:block;margin:0 0 .38rem;font-weight:700;color:#632c31}.social-links a{min-width:44px;min-height:44px}.slider-dot,.testimonial-dot{min-width:22px;min-height:22px;padding:7px}.action-btn,.admin-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .75rem}.cart-row-end{display:flex;align-items:center;gap:.55rem}.qty-btn,.remove-btn,.menu-toggle,.drawer-close,.cart-icon{min-width:44px!important;min-height:44px!important}#contact-status,#detail-status{min-height:1.5em;margin-top:.8rem;font-weight:700}.auth-title{font-size:2rem}img{max-width:100%}@media(max-width:480px){.cart-page .page-heading h1{font-size:clamp(1.75rem,9vw,2.3rem)}.cart-page .page-heading p{font-size:.92rem}.cart-item-actions{gap:.75rem}.product-actions{flex-wrap:wrap}.product-actions .btn{flex:1 1 140px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* 2026-08 final visual consistency fixes */
header.navbar .cart-icon,
header.navbar.scrolled .cart-icon,
header.navbar.polish-scrolled .cart-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  padding: 0 !important;
  flex: 0 0 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

header.navbar .cart-icon > i,
header.navbar.scrolled .cart-icon > i,
header.navbar.polish-scrolled .cart-icon > i {
  font-size: 1.1rem !important;
  line-height: 1 !important;
  width: 1.1em !important;
  text-align: center !important;
}

body.page-contact footer.footer {
  background:
    radial-gradient(1200px 500px at 20% 0%, rgba(212,193,199,0.18), transparent 60%),
    radial-gradient(1200px 500px at 80% 0%, rgba(238,223,226,0.16), transparent 60%),
    #852D38 !important;
  color: #fff !important;
}

body.page-contact footer.footer .footer-section h3 { color: #fff !important; }
body.page-contact footer.footer .footer-section p,
body.page-contact footer.footer .footer-section a,
body.page-contact footer.footer .footer-bottom { color: #FAE6BE !important; }
body.page-contact footer.footer .footer-section ul a:hover { color: #fff !important; }

/* 2026-08 luxury site-wide text selection
   Restrained editorial tones: soft stone-rose on light surfaces and
   translucent warm ivory on dark brand surfaces. The effect is deliberately
   subtle so selection remains visible without reading as a loud UI colour. */
:root {
  --sba-selection-bg: rgba(214, 202, 202, 0.78);
  --sba-selection-text: #33272a;
  --sba-selection-dark-bg: rgba(255, 250, 246, 0.28);
  --sba-selection-dark-text: #fffdfb;
  --sba-selection-field-bg: rgba(199, 181, 184, 0.62);
  --sba-selection-field-text: #2f2427;
}

html::selection,
body::selection,
body *::selection {
  background: var(--sba-selection-bg) !important;
  color: var(--sba-selection-text) !important;
  text-shadow: none !important;
}

html::-moz-selection,
body::-moz-selection,
body *::-moz-selection {
  background: var(--sba-selection-bg) !important;
  color: var(--sba-selection-text) !important;
  text-shadow: none !important;
}

/* Typed content uses a quieter neutral selection for an editorial feel. */
input::selection,
textarea::selection,
[contenteditable="true"]::selection {
  background: var(--sba-selection-field-bg) !important;
  color: var(--sba-selection-field-text) !important;
}
input::-moz-selection,
textarea::-moz-selection,
[contenteditable="true"]::-moz-selection {
  background: var(--sba-selection-field-bg) !important;
  color: var(--sba-selection-field-text) !important;
}

/* Deep wine / dark surfaces use a translucent warm-ivory selection. */
.footer::selection,
.footer *::selection,
.btn-primary::selection,
.btn-primary *::selection,
.sba-hero__button--primary::selection,
.sba-hero__button--primary *::selection,
.sba-hero__contact-card::selection,
.sba-hero__contact-card *::selection,
.legal-hero::selection,
.legal-hero *::selection,
.legal-contact-card::selection,
.legal-contact-card *::selection,
.legal-skip::selection,
.legal-skip *::selection,
.drawer-cta::selection,
.drawer-cta *::selection {
  background: var(--sba-selection-dark-bg) !important;
  color: var(--sba-selection-dark-text) !important;
  text-shadow: none !important;
}

.footer::-moz-selection,
.footer *::-moz-selection,
.btn-primary::-moz-selection,
.btn-primary *::-moz-selection,
.sba-hero__button--primary::-moz-selection,
.sba-hero__button--primary *::-moz-selection,
.sba-hero__contact-card::-moz-selection,
.sba-hero__contact-card *::-moz-selection,
.legal-hero::-moz-selection,
.legal-hero *::-moz-selection,
.legal-contact-card::-moz-selection,
.legal-contact-card *::-moz-selection,
.legal-skip::-moz-selection,
.legal-skip *::-moz-selection,
.drawer-cta::-moz-selection,
.drawer-cta *::-moz-selection {
  background: var(--sba-selection-dark-bg) !important;
  color: var(--sba-selection-dark-text) !important;
  text-shadow: none !important;
}

/* Keyboard users can bypass the repeated site navigation on every page. */
.site-skip-link {
  position: fixed;
  left: 12px;
  top: 10px;
  z-index: 100000;
  padding: .72rem 1rem;
  border-radius: 10px;
  color: #fff;
  background: #681f2c;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
  font-weight: 800;
  text-decoration: none;
  transform: translateY(-150%);
  transition: transform .12s ease;
}

.site-skip-link:focus {
  transform: translateY(0);
}
