/* Product detail — React ProductDetail.jsx sticky section offsets
   scrollToSection: mobile -120 · tablet -136 · desktop -140 */
   [data-route^='/products/'] #overview,
   [data-route^='/products/'] #features,
   [data-route^='/products/'] #specifications,
   [data-route^='/products/'] #downloads,
   [data-route^='/products/'] #applications {
	   scroll-margin-top: 120px;
   }
   @media (min-width: 768px) {
	   [data-route^='/products/'] #overview,
	   [data-route^='/products/'] #features,
	   [data-route^='/products/'] #specifications,
	   [data-route^='/products/'] #downloads,
	   [data-route^='/products/'] #applications {
		   scroll-margin-top: 136px;
	   }
   }
   @media (min-width: 1024px) {
	   [data-route^='/products/'] #overview,
	   [data-route^='/products/'] #features,
	   [data-route^='/products/'] #specifications,
	   [data-route^='/products/'] #downloads,
	   [data-route^='/products/'] #applications {
		   scroll-margin-top: 140px;
	   }
   }
   
   /* ── Downloads cards border fix ─────────────────────────────
	  HTML uses border-t/l on grid + border-r/b on each <a>.
	  With translateY reveal + semi-transparent outline-variant,
	  R/B edges read as doubled / misaligned.
	  Normalize to one outer frame + one internal divider. */
   #downloads .grid.max-w-4xl {
	   border: 1px solid rgba(200, 166, 152, 0.65);
	   background-color: #fff;
   }
   #downloads .grid.max-w-4xl > a {
	   border-right-width: 0 !important;
	   border-bottom-width: 0 !important;
	   border-top-width: 0 !important;
	   border-left-width: 0 !important;
   }
   /* Mobile: horizontal divider between stacked cards */
   @media (max-width: 767.98px) {
	   #downloads .grid.max-w-4xl > a:first-child {
		   border-bottom-width: 1px !important;
		   border-bottom-style: solid !important;
		   border-bottom-color: rgba(200, 166, 152, 0.65) !important;
	   }
   }
   /* Desktop: vertical divider between the two cards */
   @media (min-width: 768px) {
	   #downloads .grid.max-w-4xl > a:first-child {
		   border-right-width: 1px !important;
		   border-right-style: solid !important;
		   border-right-color: rgba(200, 166, 152, 0.65) !important;
	   }
   }
   /* Avoid double rule where #downloads border-b meets UnifiedCTA border-y */
   #downloads.border-b {
	   border-bottom-width: 0;
   }
   
   /* Spec / model tab panels — force hide even if utilities fight [hidden] */
   #specifications [data-pd-spec-group-panel][hidden],
   #specifications [data-pd-model-panel][hidden] {
	   display: none !important;
   }
   
   /* Spec tab icons follow button text color (accent / secondary / inverse) */
   #specifications [data-pd-spec-group-tab] .svg-icon,
   #specifications [data-pd-model-tab] .svg-icon {
	   color: inherit;
	   background-color: currentColor;
   }
   
   /* Gallery arrows: inherit button color so the chevron stays visible
	  (grey on white, white on orange hover) instead of matching hover:bg-accent. */
   [data-pd-gallery] [data-pd-gallery-prev] .svg-icon,
   [data-pd-gallery] [data-pd-gallery-next] .svg-icon {
	   color: inherit;
	   background-color: currentColor;
   }
   
   /* Overview CTAs — outline CSS locks height:52px (beats Tailwind h-[44px]).
	  Keep Request a Quote + Download Spec Sheet the same 44px row. */
   #overview .pd-overview-ctas .ari-btn-anim,
   #overview .pd-overview-cta.ari-btn-anim,
   #overview .pd-overview-cta.ari-btn-anim.ari-btn-outline,
   #overview .pd-overview-cta.ari-btn-anim.ari-btn-primary {
	   height: 44px;
	   min-height: 44px;
	   max-height: 44px;
	   padding: 0 32px;
	   box-sizing: border-box;
   }