/* Atelier Nora Studio 2.0.2 — intelligent fixed header spacing.
   A dedicated spacer is added after a fixed Elementor header, never by
   modifying the padding of the user's first Elementor container. */
.ans-header-spacer {
  display:block;
  height:0;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
  max-width:100%;
  border:0 !important;
  background:transparent !important;
  pointer-events:none;
  flex-shrink:0;
  overflow-anchor:none;
}
html.ans-header-measured { scroll-padding-top:var(--ans-anchor-clearance, 0px); }
/* Retain the Elementor author's responsive padding. Correct only our
   own newer WooCommerce blocks, which formerly mixed fixed 32px and 18px
   gutters, so all page types use one predictable fluid gutter. */
:root { --ans-site-gutter:clamp(18px,4vw,56px); }
body.ans-v2-commerce .an2 .an2-body {
  width:calc(100% - var(--ans-site-gutter) - var(--ans-site-gutter)) !important;
  max-width:1220px;
}
body.ans-v2-commerce .an2 .an2-product-top {
  padding-inline:var(--ans-site-gutter) !important;
}
body.ans-v2-commerce .an2 :is(.an2-hero,.an2-promise) {
  padding-inline:max(var(--ans-site-gutter),calc((100% - 1150px) / 2)) !important;
}
/* Prevent accidental width overflow in Atelier Nora content while retaining
   poster collage transforms, sliders and editable Elementor settings. */
body.ans-v2-commerce .an2,
body.ans-v2-commerce .an2 .an2-body,
body.ans-v2-commerce .an2 .an2-product-main {
  min-width:0;
  box-sizing:border-box;
}