.elementor-4095 .elementor-element.elementor-element-c69736b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4095 .elementor-element.elementor-element-5cf79de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4095 .elementor-element.elementor-element-39468a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4095 .elementor-element.elementor-element-5240354{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4095 .elementor-element.elementor-element-5b03f73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4095 .elementor-element.elementor-element-f873cf5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4095 .elementor-element.elementor-element-3afec32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4095 .elementor-element.elementor-element-b1d4b44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4095 .elementor-element.elementor-element-624a772{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-71a09a6 *//* ============================================================
   MODULE 01 – Global CSS Variables & Base Styles
   Product Page: Custom Sealed Flat Pouch Packaging
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap');

:root {
  /* — Color Palette — */
  --clr-bg:          #F7F8FA;       /* Page background: near-white cool */
  --clr-surface:     #FFFFFF;       /* Cards / panels */
  --clr-surface-2:   #EEF1F6;       /* Subtle section stripe */
  --clr-border:      #DDE2EA;       /* Dividers */
  --clr-primary:     #1A3557;       /* Deep navy – brand authority */
  --clr-accent:      #2B7FFF;       /* Bright blue CTA / highlights */
  --clr-accent-lt:   #E8F0FE;       /* Accent tint for badges */
  --clr-success:     #16A34A;       /* In-stock / checkmarks */
  --clr-text-h:      #0F1E30;       /* Headings */
  --clr-text-b:      #3A4A5C;       /* Body copy */
  --clr-text-muted:  #7A8FA8;       /* Labels / captions */
  --clr-tag-bg:      #F0F4FF;
  --clr-tag-txt:     #2B5DAA;

  /* — Typography — */
  --font-display:    'Syne', sans-serif;
  --font-body:       'DM Sans', sans-serif;

  /* — Spacing Scale — */
  --sp-xs:  0.5rem;
  --sp-sm:  1rem;
  --sp-md:  1.75rem;
  --sp-lg:  3rem;
  --sp-xl:  5rem;

  /* — Radii — */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;

  /* — Shadows — */
  --shadow-card: 0 2px 16px rgba(15,30,48,.07);
  --shadow-hover: 0 8px 32px rgba(15,30,48,.13);

  /* — Transitions — */
  --transition: 0.24s cubic-bezier(.4,0,.2,1);
}

/* Reset & Base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-body);
  background: var(--clr-bg);
  color: var(--clr-text-b);
  font-size: 1rem;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5 {
  font-family: var(--font-display);
  color: var(--clr-text-h);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

a { color: var(--clr-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; display: block; }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--sp-md);
}

/* Section spacing */
.section { padding: var(--sp-xl) 0; }
.section--stripe { background: var(--clr-surface-2); }

/* Tag / Badge */
.tag {
  display: inline-block;
  background: var(--clr-tag-bg);
  color: var(--clr-tag-txt);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 4px;
}

/* Section heading block */
.section-label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--clr-accent);
  margin-bottom: 0.5rem;
}
.section-title {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  color: var(--clr-text-h);
  margin-bottom: 1rem;
}
.section-sub {
  max-width: 600px;
  color: var(--clr-text-b);
  font-size: 1.05rem;
  line-height: 1.75;
}

/* CTA Button */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: var(--radius-sm);
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  transition: var(--transition);
  border: none;
  text-decoration: none !important;
}
.btn--primary {
  background: var(--clr-accent);
  color: #fff;
  box-shadow: 0 4px 14px rgba(43,127,255,.3);
}
.btn--primary:hover {
  background: #1a6fe8;
  box-shadow: 0 6px 20px rgba(43,127,255,.4);
  transform: translateY(-1px);
}
.btn--outline {
  background: transparent;
  color: var(--clr-primary);
  border: 2px solid var(--clr-primary);
}
.btn--outline:hover {
  background: var(--clr-primary);
  color: #fff;
}

/* Responsive helpers */
@media (max-width: 768px) {
  :root {
    --sp-xl: 3.5rem;
    --sp-lg: 2rem;
  }
  .container { padding: 0 1.25rem; }
}/* End custom CSS */