/* Back-fill for arbitrary Tailwind utilities used by our pages.
   The compiled flexishield.css is a static build and only contains bracket-value
   classes the ORIGINAL flexishield.com used. Any value we introduced is redefined
   here (loaded after the bundle). Redefining a class that already exists with the
   same declaration is harmless. */

/* ---- min-height (hero sections, product panels) ---- */
.min-h-\[clamp\(18rem\2c 44vh\2c 24rem\)\]{min-height:clamp(18rem,44vh,24rem)}
.min-h-\[clamp\(20rem\2c 50vh\2c 28rem\)\]{min-height:clamp(20rem,50vh,28rem)}
.min-h-\[clamp\(22rem\2c 54vh\2c 30rem\)\]{min-height:clamp(22rem,54vh,30rem)}
.min-h-\[clamp\(24rem\2c 58vh\2c 32rem\)\]{min-height:clamp(24rem,58vh,32rem)}
.min-h-\[clamp\(24rem\2c 60vh\2c 32rem\)\]{min-height:clamp(24rem,60vh,32rem)}
.min-h-\[clamp\(24rem\2c 62vh\2c 34rem\)\]{min-height:clamp(24rem,62vh,34rem)}
.min-h-\[clamp\(24rem\2c 58vh\2c 34rem\)\]{min-height:clamp(24rem,58vh,34rem)}
.min-h-\[clamp\(25rem\2c 62\.5vh\2c 32\.5rem\)\]{min-height:clamp(25rem,62.5vh,32.5rem)}
.min-h-\[clamp\(26rem\2c 62vh\2c 34rem\)\]{min-height:clamp(26rem,62vh,34rem)}
.min-h-\[clamp\(25rem\2c 60vh\2c 34rem\)\]{min-height:clamp(25rem,60vh,34rem)}
.min-h-\[clamp\(27rem\2c 66vh\2c 38rem\)\]{min-height:clamp(27rem,66vh,38rem)}
.min-h-\[clamp\(28rem\2c 72vh\2c 42rem\)\]{min-height:clamp(28rem,72vh,42rem)}
.min-h-\[clamp\(30rem\2c 78vh\2c 46rem\)\]{min-height:clamp(30rem,78vh,46rem)}
.min-h-\[16rem\]{min-height:16rem}
.min-h-\[24rem\]{min-height:24rem}
.min-h-\[360px\]{min-height:360px}
@media (min-width:768px){ .md\:min-h-\[30rem\]{min-height:30rem} }
@media (min-width:1024px){
  .lg\:min-h-\[32rem\]{min-height:32rem}
  .lg\:min-h-\[34rem\]{min-height:34rem}
  .lg\:min-h-\[36rem\]{min-height:36rem}
}

/* ---- display heading sizes ---- */
.text-\[1\.7rem\]{font-size:1.7rem}
.text-\[2\.35rem\]{font-size:2.35rem}
@media (min-width:640px){
  .sm\:text-\[1\.95rem\]{font-size:1.95rem}
  .sm\:text-\[11px\]{font-size:11px}
}
@media (min-width:1024px){
  .lg\:text-\[2\.1rem\]{font-size:2.1rem}
  .lg\:text-\[3\.5rem\]{font-size:3.5rem}
  .lg\:text-\[3\.75rem\]{font-size:3.75rem}
  .lg\:text-\[4rem\]{font-size:4rem}
  .lg\:text-\[4\.25rem\]{font-size:4.25rem}
}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-\[12px\]{font-size:12px}

/* ---- line-height / letter-spacing ---- */
.leading-\[0\.9\]{line-height:.9}
.leading-\[0\.95\]{line-height:.95}
.leading-\[1\.06\]{line-height:1.06}
.tracking-\[-0\.015em\]{letter-spacing:-.015em}
.tracking-\[0\.12em\]{letter-spacing:.12em}
.tracking-\[0\.15em\]{letter-spacing:.15em}
.tracking-\[0\.18em\]{letter-spacing:.18em}
.tracking-\[0\.2em\]{letter-spacing:.2em}
.tracking-\[0\.25em\]{letter-spacing:.25em}
.tracking-\[0\.3em\]{letter-spacing:.3em}

/* ---- widths / measures ---- */
.max-w-\[52ch\]{max-width:52ch}
.max-w-\[54ch\]{max-width:54ch}
.max-w-\[58ch\]{max-width:58ch}
.max-w-\[60ch\]{max-width:60ch}
.min-w-\[32rem\]{min-width:32rem}
.min-w-\[36rem\]{min-width:36rem}
.min-w-\[40rem\]{min-width:40rem}

/* ---- aspect ratios ---- */
.aspect-\[4\/3\]{aspect-ratio:4/3}
.aspect-\[16\/10\]{aspect-ratio:16/10}

/* ---- radii ---- */
.rounded-\[15px\]{border-radius:15px}
.rounded-\[1\.7rem\]{border-radius:1.7rem}
.rounded-\[1\.75rem\]{border-radius:1.75rem}

/* ---- spacing not in the bundle ---- */
.pt-28{padding-top:7rem}
.pt-32{padding-top:8rem}
.pb-14{padding-bottom:3.5rem}
@media (min-width:640px){
  .sm\:pt-36{padding-top:9rem}
  .sm\:pt-40{padding-top:10rem}
}

/* ---- header grid + mega-menu offset ---- */
.grid-cols-\[max-content_1fr_max-content\]{grid-template-columns:max-content 1fr max-content}
.top-\[var\(--fs-nav-h\)\]{top:var(--fs-nav-h)}
@media (min-width:1024px){
  .lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}
  .lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}
  .lg\:grid-cols-\[24rem_1fr\]{grid-template-columns:24rem 1fr}
}
@media (min-width:1600px){ .min-\[1600px\]\:inline{display:inline} }

/* ---- absolute positioning + fixed sizes for hero gradient & glow blobs ---- */
.-inset-x-\[50vw\]{left:-50vw;right:-50vw}
.-top-16{top:-4rem}
.-top-24{top:-6rem}
.-top-40{top:-10rem}
.-bottom-24{bottom:-6rem}
.-right-12{right:-3rem}
.h-\[50vh\]{height:50vh}
.h-\[300px\]{height:300px}
.h-\[320px\]{height:320px}
.h-\[400px\]{height:400px}
.w-\[520px\]{width:520px}
.w-\[560px\]{width:560px}
.w-\[600px\]{width:600px}
.w-\[800px\]{width:800px}
.min-h-\[360px\]{min-height:360px}

/* ---- misc transforms / colours used on cards ---- */
.duration-\[1200ms\]{transition-duration:1200ms}
.duration-\[1400ms\]{transition-duration:1400ms}
.bg-white\/\[0\.07\]{background-color:rgba(255,255,255,.07)}
.border-white\/\[0\.06\]{border-color:rgba(255,255,255,.06)}
.group\/panel:hover .group-hover\/panel\:scale-\[1\.04\]{transform:scale(1.04)}
.group:hover .group-hover\:scale-\[1\.06\]{transform:scale(1.06)}