/* iAloe shared stabilization layer — loaded after legacy inline styles. */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-x:hidden}
img,picture,video,svg,canvas{max-width:100%}
img{height:auto}
pre,code{max-width:100%;overflow-wrap:anywhere}
table{max-width:100%}
.container,.wrap,.content-container{min-width:0;max-width:100%}
.product-carousel,.product-track,.prod-grid,.product-hero,.product-hero__media,.product-hero__content,.contact-layout,.contact-form-card,.contact-sidebar,.sidebar-inner{min-width:0;max-width:100%}
.product-track{width:100%;max-width:100%}
.product-card,.prod-card,.blog-card,.category-card{min-width:0}
.form-group,.form-row,.form-group input,.form-group select,.form-group textarea{min-width:0;max-width:100%}
.long-url,a{overflow-wrap:anywhere}

/* Unified mobile navigation: also covers legacy product pages where markup was lost in a broken script. */
.hamburger{border:0;background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:9px;min-width:42px;min-height:42px}
.hamburger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.mobile-nav{position:fixed;top:0;right:0;width:min(320px,88vw);height:100dvh;background:#fff;z-index:10001;padding:68px 26px 28px;transform:translateX(105%);visibility:hidden;transition:transform .25s ease,visibility .25s;overflow-y:auto;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.mobile-nav.open{transform:translateX(0);visibility:visible}
.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:10000;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.mobile-nav-overlay.open{opacity:1;visibility:visible}
.mobile-nav-close{position:absolute;top:16px;right:18px;width:42px;height:42px;border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer}
.mobile-nav-section-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.65;padding:16px 0 6px}
.mobile-nav-divider{height:1px;background:rgba(0,0,0,.1);margin:8px 0}
.mobile-nav a{display:block;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.08);text-decoration:none}

@media(max-width:1024px){
  .desktop-nav,.top-nav{display:none!important}
  .hamburger{display:flex!important}
  .product-hero{grid-template-columns:1fr!important;gap:28px!important}
  .product-hero__media{position:static!important}
  .contact-layout{grid-template-columns:1fr!important}
  .contact-sidebar{position:static!important}
}
@media(max-width:768px){
  .container{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important}
  .product-carousel{padding-right:0!important;overflow:hidden!important}
  .product-track{grid-auto-columns:min(76vw,300px)!important;gap:12px!important;overflow-x:auto!important;overscroll-behavior-inline:contain}
  .product-hero,.two-col,.two-col--reversed,.contact-layout,.joint-anatomy{grid-template-columns:1fr!important}
  .section-grid--4,.steps,.audience-grid,.related-grid-4,.lux-grid-4,.lux-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sidebar-inner{grid-template-columns:1fr!important}
  .faq-grid{grid-template-columns:1fr!important}
  .form-row{grid-template-columns:1fr!important}
  .wide-banner{max-width:100%!important;overflow:hidden}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:480px){
  .product-track{grid-auto-columns:82%!important}
  .hero-grid,.category-grid,.blog-grid,.banner-row-2,.section-grid--4,.steps,.audience-grid,.related-grid-4,.lux-grid-4,.lux-grid-3,.footer-grid{grid-template-columns:1fr!important}
  .contact-form-card{padding:22px 18px!important}
  .header-actions{gap:6px!important;min-width:0}
  .header-actions .search,.search-bar,.search{display:none!important}
  h1{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* Accessibility hardening */
.skip-link{position:fixed;left:12px;top:10px;z-index:20000;padding:10px 14px;background:#fff;color:#111;border:2px solid #111;border-radius:6px;transform:translateY(-180%);transition:transform .15s ease;box-shadow:0 4px 16px rgba(0,0,0,.16)}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #1f6f2a!important;outline-offset:3px!important}
.mobile-nav a,.mobile-nav button{touch-action:manipulation}
@media(max-width:480px){.mobile-nav{width:min(340px,92vw)}}

/* AA contrast overrides for primary interactive colors */
:root{--primary:#2E7D32!important;--green:#2E7D32!important;--primary-hover:#246B2A!important;--green-hover:#246B2A!important}
.btn-danger{background:#B63737!important;color:#fff!important}
.btn-danger:hover{background:#982D2D!important}
.btn-eshop{background:#2E7D32!important;color:#fff!important}
.btn-eshop:hover{background:#246B2A!important}

/* Final responsive hardening — 2026-09 QA */
@media(max-width:768px){
  .tablet-cats{display:none!important}
  .argi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .compare-section{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .compare-section .compare-table{min-width:560px!important;width:560px!important;display:table!important}
}
@media(max-width:480px){
  .header-actions>a.btn,.header-actions>.btn{display:none!important}
  .argi-grid{grid-template-columns:1fr!important}
  .carousel-btn,.slider-btn,.prev-btn,.next-btn{min-width:44px!important;min-height:44px!important}
  .mobile-nav a{min-height:44px;display:flex;align-items:center}
}

/* Final target-size + special grids */
@media(max-width:480px){
  .vitaminy-grid{grid-template-columns:1fr!important}
  .slider-arrow{min-width:44px!important;width:44px!important;min-height:44px!important}
  a.product-link,a.more-link,a.cat-section-link{display:inline-flex;align-items:center;min-height:24px;padding-block:2px}
  .breadcrumb a,.breadcrumbs a{display:inline-flex;align-items:center;min-height:24px;padding-block:2px}
}

/* WCAG 2.2 target-size hardening */
.main-categories a{min-height:32px;display:inline-flex;align-items:center}
summary{min-height:44px;display:flex;align-items:center;cursor:pointer;padding-block:8px}
.share-btn,.copy-btn,.tag-btn,.cookie-btn-accept,.cookie-btn-reject,.sort-chip{min-height:44px!important;padding-top:9px!important;padding-bottom:9px!important}
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select{min-height:44px}
textarea{min-height:120px}
/* Small text CTAs that are standalone controls on mobile */
a[href*="thealoeveraco.shop"]{display:inline-flex;align-items:center;min-height:24px;padding-block:2px}
.footer-bottom a{display:inline-flex;align-items:center;min-height:24px;padding-block:2px}
.link-box-url,.link-type-url,.link-box-url strong,.link-type-url strong{overflow-wrap:anywhere;word-break:break-word;min-width:0}

/* Production polish 2026-09-09 */
.mobile-nav-search{display:flex!important;align-items:center;min-height:44px;padding:10px 0!important;font-weight:700;color:var(--primary)!important}
.mobile-nav-search::before{content:"→"!important;margin-right:8px}
.footer-legal{display:flex;gap:14px;flex-wrap:wrap}
.footer-list a{min-height:28px}
@media(max-width:1024px){.tablet-cats{display:flex}.topbar-row{min-width:0}.header-actions{margin-left:auto}}
@media(max-width:768px){.tablet-cats{display:none!important}}


/* Production release responsive polish 2026-09-09 */
@media(max-width:768px){
  .inline-6c6714669d47{grid-template-columns:1fr!important}
  .inline-fcd31792bc31{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:22px 20px!important}
}
@media(max-width:480px){
  .inline-fcd31792bc31{grid-template-columns:1fr!important}
  .inline-6fd77f7f6cf1{min-width:0!important}
}