/** Shopify CDN: Minification failed

Line 3466:0 Unexpected "/"

**/
* {
  box-sizing: border-box;
}

body {
  color: var(--color-foreground);
  background: var(--color-background);
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100svh;
  font-variation-settings: 'slnt' 0;
  letter-spacing:0.6px;
}

:root {
  --hover-transition-duration: 0.25s;
  --hover-transition-timing: ease-out;
  --submenu-animation-speed: 360ms;
}

html {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background);
  scroll-behavior: smooth;
}

@media (min-width: 990px) {
  html:has(.page-wrapper),
  html:has(.page-wrapper) body {
    height: 100dvh;
    overflow: hidden;
  }
}

html[scroll-lock],
html[scroll-lock] .page-wrapper {
  overflow: hidden;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  transition: margin-inline-end var(--animation-speed) var(--animation-timing-fade-out);
}

@media (min-width: 990px) {
  .page-wrapper {
    height: 100dvh;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-foreground-rgb) / var(--opacity-40)) var(--color-background);
  }

  .page-wrapper--drawer-open shopify-account::part(dialog) {
    translate: calc(-1 * var(--theme-drawer-width, var(--sidebar-width)));
  }

  /* The theme drawer opens from the inline-end edge, so the shift mirrors in RTL */
  [dir='rtl'] .page-wrapper--drawer-open shopify-account::part(dialog) {
    translate: var(--theme-drawer-width, var(--sidebar-width));
  }
}

.page-wrapper--drawer-open {
  margin-inline-end: var(--theme-drawer-width, var(--sidebar-width));
  transition-timing-function: var(--animation-timing-fade-in);
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

img {
  width: 100%;
  height: auto;
}

input,
textarea,
select {
  font: inherit;
  border-radius: var(--style-border-radius-inputs);
}

/** override ios and firefox defaults */
select {
  background-color: var(--color-background);
  color: currentcolor;
}

.product-card,
.collection-card,
.predictive-search-results__card--product,
.predictive-search-results__card {
  position: relative;
  transition: transform var(--hover-transition-duration) var(--hover-transition-timing),
    box-shadow var(--hover-transition-duration) var(--hover-transition-timing);
  z-index: var(--layer-flat);
}

.product-card__link {
  position: absolute;
  inset: 0;
}

.product-card__content {
  position: relative;
  cursor: pointer;
}

dialog {
  /* the ::backdrop inherits from the originating element, custom properties must be set on the dialog element */
  --backdrop-color-rgb: var(--color-shadow-rgb);

  background-color: var(--color-background);
  color: var(--color-foreground);
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

.wrap-text {
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

p:empty {
  display: none;
}

:first-child:is(p, h1, h2, h3, h4, h5, h6),
:first-child:empty + :where(p, h1, h2, h3, h4, h5, h6) {
  margin-block-start: 0;
}

/* Remove bottom margin from last text item, or previous to last if the last is empty */
:last-child:is(p, h1, h2, h3, h4, h5, h6),
:where(p, h1, h2, h3, h4, h5, h6):nth-child(2):has(+ :last-child:empty) {
  margin-block-end: 0;
}

/* view transitions */

/*
 * The cross-document (MPA) opt-in `@view-transition { navigation: auto }` is declared per-layout
 * (layout/theme.liquid and layout/password.liquid), because this stylesheet is shared by both layouts
 * and a static stylesheet can't read theme settings.
 * It is gated on the same `settings.page_transition_enabled or settings.transition_to_main_product` condition as the
 * render blocker, so the opt-in and its opt-out switch can never disagree. The rules below only
 * take effect once an `@view-transition` opt-in is active, so they are inert without it.
 */
@media (prefers-reduced-motion: no-preference) {
  /* Keep page interactive while view transitions are running */
  :root {
    view-transition-name: none;
  }

  /* Have the root transition during page navigation */
  html:active-view-transition-type(page-navigation),
  html:active-view-transition-type(product-image-transition) {
    view-transition-name: root-custom;
  }

  ::view-transition {
    pointer-events: none;
  }

  html:active-view-transition-type(page-navigation) main[data-page-transition-enabled='true'] {
    view-transition-name: main-content;
  }

  html:active-view-transition-type(page-navigation) main[data-product-transition='true'][data-template*='product'] {
    view-transition-name: none;
  }

  ::view-transition-old(main-content) {
    animation: var(--view-transition-old-main-content);
  }

  ::view-transition-new(main-content) {
    animation: var(--view-transition-new-main-content);
  }

  html:active-view-transition-type(product-image-transition) {
    [data-view-transition-type='product-image-transition'] {
      view-transition-name: product-image-transition;
    }

    [data-view-transition-type='product-details'] {
      view-transition-name: product-details;
    }
  }

  ::view-transition-group(product-image-transition) {
    z-index: 1;
  }

  ::view-transition-group(product-image-transition),
  ::view-transition-group(product-details) {
    animation-duration: var(--animation-speed);
    animation-timing-function: var(--animation-easing);
  }

  ::view-transition-old(product-image-transition),
  ::view-transition-new(product-image-transition) {
    block-size: 100%;
    overflow: hidden;
    object-fit: cover;
    animation-duration: 0.25s;
    animation-timing-function: var(--animation-easing);
  }

  ::view-transition-new(product-details) {
    animation: var(--view-transition-new-main-content);
  }
}

/* Focus */
*:focus-visible {
  outline: var(--focus-outline-width) solid transparent;
  outline-offset: var(--focus-outline-offset);
}

@supports not selector(:focus-visible) {
  *:focus {
    outline: var(--focus-outline-width) solid currentcolor;
    outline-offset: var(--focus-outline-offset);
  }
}

.focus-inset {
  outline-offset: calc(var(--focus-outline-width) * -1);
}

/* Layout */
.content-for-layout {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.content-for-layout > .shopify-section:last-child {
  flex-grow: 1;
}

/* Set up page widths & margins. Gutters grow to the device safe-area insets (viewport-fit=cover)
   so section backgrounds bleed edge-to-edge while content stays clear of the notch; taking the
   larger of both insets keeps the centered page grid symmetric. */
.page-width-wide,
.page-width-normal,
.page-width-narrow,
.page-width-content {
  --page-margin: max(16px, var(--safe-area-inset-left, 0px), var(--safe-area-inset-right, 0px));
}

@media screen and (min-width: 750px) {
  .page-width-wide,
  .page-width-normal,
  .page-width-narrow,
  .page-width-content {
    --page-margin: max(40px, var(--safe-area-inset-left, 0px), var(--safe-area-inset-right, 0px));
  }
  .fdt-layout-vertical {
     padding:0px 0px!important;
    }
}

.page-width-wide {
  /* NOTE: This results in a page width of 2400px because of how we set up margins with grid */
  --page-content-width: var(--wide-page-width);
  --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));
}

.page-width-normal {
  --page-content-width: var(--normal-page-width);
  --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));
}

.page-width-narrow {
  /* NOTE: This results in a page width of 1400px because of how we set up margins with grid */
  --page-content-width: var(--narrow-page-width);
  --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));
}

.page-width-content {
  --page-content-width: var(--normal-content-width);
  --page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));
}

/* Section width full vs. page
   The reason we use a grid to contain the section is to allow for the section to have a
   full-width background image even if the section content is constrained by the page width. Do not try
   to rewrite this to max-width: --page-width; margin: 0 auto;, it doesn't work. */
.section {
  --full-page-grid-central-column-width: min(
    var(--page-width) - var(--page-margin) * 2,
    calc(100% - var(--page-margin) * 2)
  );
  --full-page-grid-margin: minmax(var(--page-margin), 1fr);
  --full-page-grid-with-margins: var(--full-page-grid-margin) var(--full-page-grid-central-column-width)
    var(--full-page-grid-margin);

  /* Utility variable gives the grid's first column width. Provides an offset width for components like carousels */
  --util-page-margin-offset: max(
    var(--page-margin),
    calc((100% - min(var(--page-content-width), 100% - var(--page-margin) * 2)) / 2)
  );

  /* Offset for full-width sections to account for the page margin,
  used for Marquee — note that --util-page-margin-offset doesn't work here */
  --full-page-margin-inline-offset: calc(((100vw - var(--full-page-grid-central-column-width)) / 2) * -1);

  width: 100%;

  /* This is required to make background images work, which are <img> rendered absolutely */
  position: relative;

  /* Set up the grid */
  display: grid;
  grid-template-columns: var(--full-page-grid-with-margins);
  min-height: var(--section-min-height, 'auto');
}

/* Place all direct children in the center column by default */
.section > * {
  grid-column: 2;
}

/* Make the actual section background transparent, and instead apply it to a separate sibling element to enable stacking with hero shadow  */
.shopify-section:not(.header-section) :is(.section, .cart-summary) {
  background: transparent;
}

.shopify-section:not(.header-section):has(.section) {
  position: relative;
}

.shopify-section:not(.header-section) .section-background {
  content: '';
  position: absolute;
  inset: 0;
  z-index: var(--layer-section-background);
  background-color: var(--color-background);
}

/* For page-width sections, all content goes in the center column */
.section--page-width > * {
  grid-column: 2;
}

/* For full-width sections, content spans all columns */
.section--full-width > * {
  grid-column: 1 / -1;
}

@media screen and (max-width: 749px) {
  .section--mobile-full-width > * {
    grid-column: 1 / -1;
  }
}

/* For full-width sections with margin, content still spans full width but with space on the sides */
.section--full-width.section--full-width-margin > * {
  grid-column: 1 / -1;

  @media screen and (min-width: 750px) {
    padding-inline: var(--page-margin);
  }
}

/* Some section content break out to full width of the page */
.section > .force-full-width {
  grid-column: 1 / -1;
}

.section--height-small {
  --section-min-height: var(--section-height-small);
}

.section--height-medium {
  --section-min-height: var(--section-height-medium);
}

.section--height-large {
  --section-min-height: var(--section-height-large);
}

.section--height-full-screen {
  --section-min-height: 100svh;
}

.section-content-wrapper.section-content-wrapper {
  min-height: calc(var(--section-min-height, 'auto') - var(--section-height-offset, 0px));
  position: relative;
  width: 100%;
  height: 100%;
}

/* Utility */

.hidden {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

@media screen and (max-width: 749px) {
  .hidden--mobile,
  .mobile\:hidden {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media screen and (min-width: 750px) {
  .hidden--desktop,
  .desktop\:hidden {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

.hide-when-empty:empty {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.visually-hidden:not(:focus, :active) {
  /* stylelint-disable-next-line declaration-no-important */
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  /* stylelint-disable-next-line declaration-no-important */
  word-wrap: normal !important;
}

.contents {
  display: contents;
}

.flex {
  display: flex;
  gap: var(--gap-md);
}

.grid {
  --centered-column-number: 12;
  --full-width-column-number: 14;
  --centered: column-1 / span var(--centered-column-number);
  --full-width: column-0 / span var(--full-width-column-number);

  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 750px) {
  .grid {
    display: grid;
    gap: 0;
    grid-template-columns: var(--margin-4xl) repeat(var(--centered-column-number), minmax(0, 1fr)) var(--margin-4xl);
    grid-template-areas: 'column-0 column-1 column-2 column-3 column-4 column-5 column-6 column-7 column-8 column-9 column-10 column-11 column-12 column-13';
  }
}

@media screen and (min-width: 1400px) {
  .grid {
    grid-template-columns:
      1fr repeat(
        var(--centered-column-number),
        minmax(0, calc((var(--page-width) - var(--page-margin) * 2) / var(--centered-column-number)))
      )
      1fr;
  }
}

.flip-x {
  scale: -1 1;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.text-left {
  --text-align: start;

  text-align: start;
}

.text-center {
  --text-align: center;

  text-align: center;
}

.text-right {
  --text-align: end;

  text-align: end;
}

.text-inherit {
  color: inherit;
}

.user-select-text {
  user-select: text;
}

.justify-left {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-right {
  justify-content: flex-end;
}

.svg-wrapper {
  color: currentcolor;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
  pointer-events: none;
}

.svg-wrapper--smaller {
  width: var(--icon-size-2xs);
  height: var(--icon-size-2xs);
}

.svg-wrapper--small {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}

.svg-wrapper > svg {
  width: var(--icon-size-sm);
  height: var(--icon-size-sm);
}

.relative {
  position: relative;
}

/* Icons */
.icon-success,
.icon-error {
  width: var(--icon-size-md);
  height: var(--icon-size-md);
  flex-shrink: 0;
}

.icon-success {
  color: var(--color-success);
}

.icon-error {
  fill: var(--color-error);
}

.icon-default {
  fill: currentColor;
}

[data-placeholder='true'] * {
  cursor: default;
}

/* Base text and heading styles */
body,
.paragraph:not(.button),
.paragraph > *,
.text-block.paragraph :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-paragraph--family);
  font-style: var(--font-paragraph--style);
  font-weight: var(--font-paragraph--weight);
  font-size: var(--font-paragraph--size);
  line-height: var(--font-paragraph--line-height);
  text-transform: var(--font-paragraph--case);
  -webkit-font-smoothing: antialiased;
  color: var(--color, var(--color-foreground));
}

/* Ensure inputs with type presets maintain minimum 16px on mobile to prevent iOS zoom */
@media screen and (max-width: 1200px) {
  input.paragraph.paragraph,
  input.paragraph.paragraph:not([type]),
  textarea.paragraph.paragraph,
  select.paragraph.paragraph {
    font-size: max(1rem, var(--font-paragraph--size));
  }
}

.paragraph > small {
  font-size: smaller;
}

/* Typography presets */

h1,
.h1.h1,
.text-block.h1 > *,
.text-block.h1 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h1--family);
  font-style: var(--font-h1--style);
  font-weight: var(--font-h1--weight);
  font-size: var(--font-h1--size);
  line-height: var(--font-h1--line-height);
  letter-spacing: var(--font-h1--letter-spacing);
  text-transform: var(--font-h1--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h1.h1,
  textarea.h1.h1,
  select.h1.h1 {
    font-size: max(1rem, var(--font-h1--size));
  }
}

h2,
.h2.h2,
.text-block.h2 > *,
.text-block.h2 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h2--family);
  font-style: var(--font-h2--style);
  font-weight: var(--font-h2--weight);
  font-size: var(--font-h2--size);
  line-height: var(--font-h2--line-height);
  letter-spacing: var(--font-h2--letter-spacing);
  text-transform: var(--font-h2--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h2.h2,
  textarea.h2.h2,
  select.h2.h2 {
    font-size: max(1rem, var(--font-h2--size));
  }
}

h3,
.h3,
.h3.h3,
.text-block.h3 > *,
.text-block.h3 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h3--family);
  font-style: var(--font-h3--style);
  font-weight: var(--font-h3--weight);
  font-size: var(--font-h3--size);
  line-height: var(--font-h3--line-height);
  letter-spacing: var(--font-h3--letter-spacing);
  text-transform: var(--font-h3--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h3,
  textarea.h3,
  select.h3 {
    font-size: max(1rem, var(--font-h3--size));
  }
}

h4,
.h4.h4,
.text-block.h4 > *,
.text-block.h4 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h4--family);
  font-style: var(--font-h4--style);
  font-weight: var(--font-h4--weight);
  font-size: var(--font-h4--size);
  line-height: var(--font-h4--line-height);
  letter-spacing: var(--font-h4--letter-spacing);
  text-transform: var(--font-h4--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h4.h4,
  textarea.h4.h4,
  select.h4.h4 {
    font-size: max(1rem, var(--font-h4--size));
  }
}

h5,
.h5.h5,
.text-block.h5 > *,
.text-block.h5 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h5--family);
  font-style: var(--font-h5--style);
  font-weight: var(--font-h5--weight);
  font-size: var(--font-h5--size);
  line-height: var(--font-h5--line-height);
  letter-spacing: var(--font-h5--letter-spacing);
  text-transform: var(--font-h5--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h5.h5,
  textarea.h5.h5,
  select.h5.h5 {
    font-size: max(1rem, var(--font-h5--size));
  }
}

h6,
.h6.h6,
.text-block.h6 > *,
.text-block.h6 :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-h6--family);
  font-style: var(--font-h6--style);
  font-weight: var(--font-h6--weight);
  font-size: var(--font-h6--size);
  line-height: var(--font-h6--line-height);
  letter-spacing: var(--font-h6--letter-spacing);
  text-transform: var(--font-h6--case);
  color: var(--color);
}

@media screen and (max-width: 1200px) {
  input.h6.h6,
  textarea.h6.h6,
  select.h6.h6 {
    font-size: max(1rem, var(--font-h6--size));
  }
}

:first-child:is(.h1, .h2, .h3, .h4, .h5, .h6) {
  margin-block-start: 0;
}

:last-child:is(.h1, .h2, .h3, .h4, .h5, .h6) {
  margin-block-end: 0;
}

/* Links */
a {
  color: currentcolor;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.075em;
  text-underline-offset: 0.125em;
  transition: text-decoration-color var(--animation-speed) var(--animation-easing),
    color var(--animation-speed) var(--animation-easing);
}

:is(h1, h2, h3, h4, h5, h6, p) > a:hover {
  color: rgb(var(--color-rgb, var(--color-foreground-rgb)) / 0.7);
}

/* Add underline to text using our paragraph styles only. */
p:not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)),
.rte :is(p, ul, ol, table):not(.h1, .h2, .h3, .h4, .h5, .h6) a:where(:not(.button, .button-secondary)) {
  text-decoration-color: currentcolor;

  &:hover {
    text-decoration-color: currentcolor;
    color: rgb(var(--color-rgb, var(--color-foreground-rgb)) / 0.7);
  }
}

.container-background-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* iOS fix: hide the default arrow on the summary */
summary::-webkit-details-marker {
  display: none;
}

/* Buttons */
.button,
.button-secondary,
.button-custom,
button.shopify-payment-button__button--unbranded {
  --text-align: center;

  display: grid;
  align-content: center;
  text-decoration: none;
  text-align: var(--text-align);
  color: var(--button-color);
  appearance: none;
  background-color: var(--button-background-color);
  border: none;
  font-family: var(--font-paragraph--family);
  font-style: var(--font-paragraph--style);
  font-weight: var(--font-paragraph--weight);
  font-size: var(--font-paragraph--size);
  line-height: var(--font-paragraph--line-height);
  margin-block: 0;
  transition: color var(--animation-speed) var(--animation-easing),
    box-shadow var(--animation-speed) var(--animation-easing),
    background-color var(--animation-speed) var(--animation-easing);
  cursor: pointer;
  width: fit-content;
  box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color);
  padding-block: var(--button-padding-block);
  padding-inline: var(--button-padding-inline);
}

.button {
  font-family: var(--button-font-family-primary);
  text-transform: var(--button-text-case-primary);
  border-radius: var(--style-border-radius-buttons-primary);
}

.button:not(.button-secondary, .button-unstyled) {
  outline-color: var(--button-focus-outline-color, var(--button-background-color));
}

.button-secondary {
  font-family: var(--button-font-family-secondary);
  text-transform: var(--button-text-case-secondary);
  border-radius: var(--style-border-radius-buttons-secondary);
}

button.shopify-payment-button__button--unbranded {
  font-family: var(--button-font-family-primary);
  text-transform: var(--button-text-case-primary);
}

textarea,
input:not([type='checkbox'], [type='radio']) {
  background-color: var(--color-input-background);
  border-color: var(--color-input-border);
}

textarea::placeholder,
input::placeholder {
  color: rgb(var(--color-input-text-rgb) / var(--opacity-muted-text));
}

textarea:not(:placeholder-shown)::placeholder,
input:not(:placeholder-shown)::placeholder {
  opacity: 0;
}

/* The declaration above is messing with buttons that have an attribute of hidden as it overwrites the display value */
.button[hidden] {
  display: none;
}

.button[aria-disabled='true'],
.button-secondary[aria-disabled='true'],
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.button,
button.shopify-payment-button__button--unbranded {
  --button-color: var(--color-primary-button-text);
  --button-background-color: var(--color-primary-button-background);
  --button-border-color: var(--color-primary-button-border);
  --button-border-width: var(--style-border-width-primary);
  --button-focus-outline-color: var(--color-primary-button-focus-outline);
}

.button:hover,
button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  --button-color: var(--color-primary-button-hover-text);
  --button-background-color: var(--color-primary-button-hover-background);
  --button-border-color: var(--color-primary-button-hover-border);
}

.button-secondary {
  --button-color: var(--color-secondary-button-text);
  --button-background-color: var(--color-secondary-button-background);
  --button-border-color: var(--color-secondary-button-border);
  --button-border-width: var(--style-border-width-secondary);
}

.button-secondary:hover {
  --button-color: var(--color-secondary-button-hover-text);
  --button-background-color: var(--color-secondary-button-hover-background);
  --button-border-color: var(--color-secondary-button-hover-border);
}

.button-custom {
  --button-color: var(--color-primary-button-text);
  --button-background-color: var(--color-primary-button-background);
  --button-border-color: var(--color-primary-button-border);
  --button-border-width: var(--style-border-width-secondary);
  --button-focus-outline-color: var(--color-primary-button-focus-outline);

  font-family: var(--button-font-family-primary);
  text-transform: var(--button-text-case-primary);
  border-radius: var(--style-border-radius-buttons-primary);
  outline-color: var(--button-focus-outline-color, var(--button-background-color));
}

.button-custom:hover {
  --button-color: var(--color-primary-button-hover-text);
  --button-background-color: var(--color-primary-button-hover-background);
  --button-border-color: var(--color-primary-button-hover-border);
}

/* Needed to override the default Shopify styles */
button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: var(--button-background-color);
}

.button-unstyled {
  display: block;
  padding: 0;
  background-color: inherit;
  color: var(--color-foreground);
  border: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  font-family: var(--font-paragraph--family);
  font-style: var(--font-paragraph--style);
  font-size: var(--font-paragraph--size);
}

.button-unstyled:hover {
  background-color: inherit;
}

/* Default hover dim for link-style buttons, scoped via :where() so component-specific
   hover rules (.facets__clear-all-link, .header-actions__action, etc.) still win. */
:where(.button-unstyled):hover {
  --hover-color-rgb: var(--color-foreground-rgb);

  color: rgb(var(--hover-color-rgb) / var(--opacity-70));
}

.button-unstyled--with-icon {
  color: var(--color-foreground);
  display: flex;
  gap: var(--gap-2xs);
  align-items: center;
}

.button-unstyled--transparent {
  background-color: transparent;
  box-shadow: none;
}

/* Caret icon transition */
.icon-caret svg {
  transition: transform var(--animation-speed) var(--animation-easing);
}

summary {
  display: flex;
  align-items: center;
  cursor: pointer;
  list-style: none;
  padding-block: var(--padding-sm);
}

summary:hover {
  color: rgb(var(--color-foreground-rgb) / var(--opacity-80));
}

/* Animate the UI elements in only after the view transition is complete */
.close-button {
  position: fixed;

  /* Keep the fixed close button clear of the status bar and inline-end notch (viewport-fit=cover) */
  top: max(var(--margin-lg), var(--safe-area-inset-top, 0px));
  inset-inline-end: max(var(--margin-lg), var(--safe-area-inset-right, 0px));
  width: var(--minimum-touch-target);
  height: var(--minimum-touch-target);
  z-index: var(--layer-flat);
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;

  /* For the outline radius */
  border-radius: 50%;
}

/* Safe-area env() values are physical; in RTL the button sits by the left-side notch */
[dir='rtl'] .close-button {
  inset-inline-end: max(var(--margin-lg), var(--safe-area-inset-left, 0px));
}

/* This triggers iOS < 16.4. The outline bug is not recognized as a lack of @supports */

@supports not (background-color: rgb(from red 150 g b / alpha)) {
  /**
    There is a bug in safari < 16.4 that causes the outline to not follow the elements border radius. This is a workaround.
    Using element selector to increase specificity.
  **/

  .close-button:focus-visible {
    outline: none;
    overflow: visible;
  }

  .close-button:focus-visible::after {
    content: '';
    position: absolute;
    inset: calc(-1 * var(--focus-outline-offset));
    border: var(--focus-outline-width) solid currentColor;
    border-radius: 50%;
    display: inherit;
  }
}

.dialog--closed .close-button {
  animation: elementSlideOutBottom calc(var(--animation-speed) * 0.5) var(--animation-easing) forwards;
}

.close-button:hover {
  background-color: transparent;
  opacity: 0.8;
}

.close-button svg {
  width: var(--icon-size-xs);
  height: var(--icon-size-xs);
}

/* Product media */
.product-media {
  display: flex;
  flex: 1;
}

.sticky-content {
  position: sticky;
  top: var(--sticky-header-offset, 0);
  z-index: var(--layer-flat);
}

@media screen and (min-width: 750px) {
  .sticky-content--desktop,
  .sticky-content--desktop.full-height--desktop > .group-block {
    position: sticky;
    top: var(--sticky-header-offset, 0);
    z-index: var(--layer-flat);
  }
}

/* Spacing style */
.spacing-style {
  --spacing-scale: var(--spacing-scale-md);

  @media screen and (min-width: 990px) {
    --spacing-scale: var(--spacing-scale-default);
  }

  /* Must disable this, when you use these with calc and another unit type, things break — see logo.liquid */
  /* stylelint-disable length-zero-no-unit */
  --padding-block: 0px;
  --padding-block-start: var(--padding-block, 0px);
  --padding-block-end: var(--padding-block, 0px);
  --padding-inline: 0px;
  --padding-inline-start: var(--padding-inline, 0px);
  --padding-inline-end: var(--padding-inline, 0px);
  --margin-block: 0px;
  --margin-block-start: var(--margin-block, 0px);
  --margin-block-end: var(--margin-block, 0px);
  --margin-inline: 0px;
  --margin-inline-start: var(--margin-inline, 0px);
  --margin-inline-end: var(--margin-inline, 0px);

  padding-block: calc(var(--padding-block-start) + var(--section-top-offset, 0px)) var(--padding-block-end);
  padding-inline: var(--padding-inline-start) var(--padding-inline-end);
  margin-block: var(--margin-block-start) var(--margin-block-end);
  margin-inline: var(--margin-inline-start) var(--margin-inline-end);
}

/* Size style */
.size-style {
  width: var(--size-style-width-mobile, var(--size-style-width));
  height: var(--size-style-height-mobile, var(--size-style-height));

  @media screen and (min-width: 750px) {
    width: var(--size-style-width);
    height: var(--size-style-height);
  }
}

/* Custom Typography style */
.custom-typography,
.custom-typography > * {
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  text-transform: var(--text-transform);
  text-wrap: var(--text-wrap);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
}

.custom-typography {
  h1 {
    line-height: var(--line-height--display, var(--line-height));
  }

  h2,
  h3,
  h4 {
    line-height: var(--line-height--heading, var(--line-height));
  }

  p {
    line-height: var(--line-height--body, var(--line-height));
  }
}

.custom-font-size,
.custom-font-size > * {
  font-size: var(--font-size);
}

.custom-font-weight,
.custom-font-weight > * {
  font-weight: var(--font-weight);
}

/* Border override style */
.border-style {
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-radius: var(--border-radius);
}

/* Gap scaling style */
.gap-style,
.layout-panel-flex {
  --gap-scale: var(--spacing-scale-md);

  @media screen and (min-width: 990px) {
    --gap-scale: var(--spacing-scale-default);
  }
}

.layout-panel-flex {
  display: flex;
  gap: var(--gap);
  height: 100%;
}

.shopify-block:has(> [shopify-block-empty]) {
  display: none;
}

.layout-panel-flex--row {
  flex-flow: row var(--flex-wrap);
  justify-content: var(--horizontal-alignment);
  align-items: var(--vertical-alignment);
}

.layout-panel-flex--column {
  flex-flow: column var(--flex-wrap);
  align-items: var(--horizontal-alignment);
  justify-content: var(--vertical-alignment);
}

@media screen and (max-width: 749px) {
  .mobile-column {
    flex-flow: column nowrap;
    align-items: var(--horizontal-alignment);
    justify-content: var(--vertical-alignment-mobile);
  }

  .layout-panel-flex--row:not(.mobile-column) {
    flex-wrap: var(--flex-wrap-mobile);
    height: auto;

    > .menu {
      flex: 1 1 min-content;
    }

    > .text-block {
      flex: 1 1 var(--max-width--display-tight);
    }

    > .image-block {
      flex: 1 1 var(--size-style-width-mobile-min);
    }

    > .button {
      flex: 0 0 fit-content;
    }

    > .group-block--height-fill {
      height: calc(var(--section-min-height, auto) - var(--section-height-offset, 0px));
    }
  }
}

@media screen and (min-width: 750px) {
  .layout-panel-flex {
    flex-direction: var(--flex-direction);
  }
}

/* Form fields */
.field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--animation-speed) ease;
}

.field__input {
  flex-grow: 1;
  text-align: start;
  border-radius: var(--style-border-radius-inputs);
  transition: box-shadow var(--animation-speed) ease, background-color var(--animation-speed) ease;
  padding: var(--input-padding);
  box-shadow: var(--input-box-shadow);
  background-color: var(--color-input-background);
  color: var(--color-input-text);
  border: none;
  outline: none;
  font-size: var(--font-paragraph--size);

  &:autofill {
    background-color: var(--color-input-background);
    color: var(--color-input-text);
  }
}

.field__input:focus {
  box-shadow: var(--input-box-shadow-focus);
}

.field__input--button-radius {
  border-radius: var(--style-border-radius-buttons-primary);
}

.field__input--button-padding {
  padding-inline: var(--padding-3xl);
}

.field__label {
  color: rgb(var(--color-input-text-rgb) / var(--opacity-80));
  font-size: var(--font-paragraph--size);
  inset-inline-start: var(--input-padding-x);
  top: 50%;
  transform: translateY(-50%);
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--animation-speed) ease, font-size var(--animation-speed) ease;
}

/* RTE styles */
.rte,
.shopify-policy__title {
  :is(h1, h2, h3, h4, h5, h6) {
    margin-block: clamp(1.5rem, 1em * 3.3, 2.5rem) var(--font-heading--spacing);
  }

  :first-child:is(p, h1, h2, h3, h4, h5, h6),
  :first-child:empty + :is(p, h1, h2, h3, h4, h5, h6) {
    margin-block-start: 0;
  }

  ul,
  ol {
    margin-block-start: 0;
    padding-inline-start: 1.5em;
  }

  /* Only apply margin-block-end to the higher level list, not nested lists */
  :is(ul, ol):not(:is(ul, ol) :is(ul, ol)) {
    margin-block-end: 1em;
  }

  blockquote {
    margin-inline: 1.5em 2.3em;
    margin-block: 3.8em;
    padding-inline-start: 0.8em;
    border-inline-start: 1.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-25));
    font-style: italic;
    font-weight: 500;
  }

  .rte-table-wrapper {
    overflow-x: auto;
  }

  table {
    /* stylelint-disable-next-line declaration-no-important */
    width: 100% !important;
    border-collapse: collapse;
  }

  tr:not(:has(td)),
  thead {
    background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    font-weight: bold;
    text-transform: uppercase;
  }

  tr:has(td) {
    border-bottom: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-10));
  }

  th,
  td {
    text-align: start;
    padding-inline: var(--padding-md);
    padding-block: var(--padding-sm);
  }
}

.shopify-policy__container {
  padding-block: var(--padding-xl);
}

/* Radio buttons and checkboxes - shared base styles */
:where(input[type='radio']),
:where(input[type='checkbox']) {
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  aspect-ratio: 1;
  margin: 0;
  margin-inline-end: var(--padding-3xs);
  padding: 0;
  border: var(--checkbox-border);
  appearance: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

/* Radio buttons */
input[type='radio'] {
  border-radius: var(--style-border-radius-50);
  background: transparent;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

:where(input[type='radio']):checked {
  border-color: var(--color-foreground);
  background: var(--color-background);
}

:where(input[type='radio']):checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%; /* stylelint-disable-line csstools/use-logical -- centring pair with a physical translate(-50%) */
  transform: translate(-50%, -50%);
  width: calc(var(--checkbox-size) / 2);
  height: calc(var(--checkbox-size) / 2);
  background: var(--color-foreground);
  border-radius: var(--style-border-radius-50);
  transition: background 0.2s ease;
}

:where(input[type='radio']):disabled {
  border-color: var(--input-disabled-border-color);
  background-color: var(--input-disabled-background-color);
  cursor: not-allowed;
}

:where(input[type='radio']):disabled:checked::after {
  background: var(--input-disabled-background-color);
}

:where(input[type='radio']):not(:disabled):hover {
  border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
}

:where(input[type='radio']):not(:disabled):hover:checked {
  border-color: var(--color-foreground);
  background-color: var(--color-background);
}

:where(input[type='radio']):not(:disabled):hover:checked::after {
  background: rgb(var(--color-foreground-rgb) / var(--opacity-85));
}

/* Checkboxes */
:where(input[type='checkbox']) {
  border-radius: var(--checkbox-border-radius);
  background-color: var(--color-background);
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

:where(input[type='checkbox']):checked {
  background-color: var(--color-foreground);
  border-color: var(--color-foreground);
}

:where(input[type='checkbox']):checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%; /* stylelint-disable-line csstools/use-logical -- centring pair with a physical translate(-50%) */
  transform: translate(-50%, -50%);
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  background-color: var(--color-background);
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

:where(input[type='checkbox']):not(:disabled):hover {
  border-color: rgb(var(--color-foreground-rgb) / var(--opacity-40-60));
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
}

:where(input[type='checkbox']):not(:disabled):hover:checked {
  border-color: var(--color-foreground);
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-85));
}

:where(input[type='checkbox']):disabled {
  background-color: var(--input-disabled-background-color);
  border-color: var(--input-disabled-border-color);
  cursor: not-allowed;
}

:where(input[type='checkbox']):disabled:checked::after {
  background-color: var(--input-disabled-text-color);
}

/* Shared styles for radio buttons and checkboxes */
:where(input[type='radio']) + label,
:where(input[type='checkbox']) + label {
  display: inline;
  vertical-align: middle;
  cursor: pointer;
}

:where(input[type='radio']):disabled + label,
:where(input[type='checkbox']):disabled + label {
  color: var(--input-disabled-text-color);
  cursor: not-allowed;
}

/* Animation declarations - to be kept at the bottom of the file for ease of find */
@keyframes grow {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes move-and-fade {
  from {
    transform: translate(var(--start-x, 0), var(--start-y, 0));
    opacity: var(--start-opacity, 0);
  }

  to {
    transform: translate(var(--end-x, 0), var(--end-y, 0));
    opacity: var(--end-opacity, 1);
  }
}

@keyframes slideInTopViewTransition {
  from {
    transform: translateY(100px);
  }
}

@keyframes elementSlideInTop {
  from {
    margin-top: var(--padding-sm);
    opacity: 0;
  }

  to {
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes elementSlideOutTop {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(var(--padding-sm));
    opacity: 0;
  }
}

@keyframes elementSlideOutBottom {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(calc(-1 * var(--padding-sm)));
    opacity: 0;
  }
}

@keyframes thumbnailsSlideInTop {
  from {
    transform: translateY(calc(-50% + var(--margin-lg)));
    opacity: 0;
  }

  to {
    transform: translateY(-50%);
    opacity: 1;
  }
}

@keyframes thumbnailsSlideOutTop {
  from {
    transform: translateY(-50%);
    opacity: 1;
  }

  to {
    transform: translateY(calc(-50% + var(--margin-lg)));
    opacity: 0;
  }
}

@keyframes thumbnailsSlideInBottom {
  from {
    transform: translateY(100%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes thumbnailsSlideOutBottom {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(100%);
    opacity: 0;
  }
}

@keyframes search-element-slide-in-bottom {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes search-element-slide-out-bottom {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(20px);
    opacity: 0;
  }
}

@keyframes backdropFilter {
  from {
    backdrop-filter: brightness(1);
  }

  to {
    backdrop-filter: brightness(0.75);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes modalSlideInTop {
  from {
    transform: translateY(var(--padding-sm));
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes modalSlideOutTop {
  from {
    transform: translateY(0);
    opacity: 1;
  }

  to {
    transform: translateY(var(--padding-sm));
    opacity: 0;
  }
}

/* Slideshow Arrow Hover Animation - must stay in base.css for proper CSS cascade */

slideshow-container[animate-arrows]:hover > slideshow-arrows .slideshow-control,
slideshow-component:focus-within > slideshow-container[animate-arrows] > slideshow-arrows .slideshow-control {
  animation: arrowsSlideIn var(--animation-speed) var(--animation-easing) forwards;
}

@keyframes arrowsSlideIn {
  from {
    transform: translate(var(--padding-sm), 0);
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.section-resource-list,
.section-carousel {
  row-gap: var(--gap);
}

.section-resource-list__content {
  display: flex;
  flex-direction: column;
  align-items: var(--horizontal-alignment);
  gap: var(--gap);
  width: 100%;
}

.section-resource-list__header:is(:empty, :has(.group-block-content:empty)),
.section-resource-list__content:empty {
  display: none;
}

:where(.section-resource-list.section--full-width) product-card[data-product-transition] > .group-block,
:where(.section-carousel.section--full-width) product-card[data-product-transition] > .group-block {
  @media screen and (max-width: 749px) {
    padding-inline: max(var(--padding-xs), var(--padding-inline-start))
      max(var(--padding-xs), var(--padding-inline-end));
  }
}

/* Base styles */
.group-block,
.group-block-content {
  position: relative;
}

.group-block:has(> video-background-component) {
  overflow: hidden;
}

.group-block-content {
  height: 100%;
  width: 100%;
}

/* Container styles */
.section-content-wrapper.section-content-wrapper:where(.layout-panel-flex) .group-block--fill {
  flex: 1;
}

/* Flex behavior for width variants */
.layout-panel-flex--row > .group-block--width-fit {
  flex: 0;
}

.layout-panel-flex--row > .group-block--width-fill {
  flex: 1;
}

.layout-panel-flex--row > .group-block--width-custom {
  flex-basis: var(--size-style-width);
}

/* Dimension utilities - Height */
.group-block--height-fit {
  height: auto;
}

.group-block--height-custom,
.group-block--height-fill {
  height: var(--size-style-height);
}

/* Flex behavior for height variants */
.layout-panel-flex--column > .group-block--height-fit {
  flex: 0 1 auto;
}

.layout-panel-flex--column > .group-block--height-fill {
  flex: 1;
}

.layout-panel-flex--column > .group-block--height-custom {
  flex-basis: var(--size-style-height);
}

/* Global scrollbar styles */

/* Webkit browsers */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-40));
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
  transition: background-color 0.2s;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--color-foreground-rgb) / var(--opacity-60));
}

/* Prevent iOS zoom on input focus by ensuring minimum 16px font size on mobile */
@media screen and (max-width: 1200px) {
  input,
  textarea,
  select,
  /* Higher specificity to override type preset classes like .paragraph, .h1, etc. */
  .paragraph.paragraph input,
  .paragraph.paragraph textarea,
  .paragraph.paragraph select,
  .h1.h1 input,
  .h1.h1 textarea,
  .h1.h1 select,
  .h2.h2 input,
  .h2.h2 textarea,
  .h2.h2 select,
  .h3.h3 input,
  .h3.h3 textarea,
  .h3.h3 select,
  .h4.h4 input,
  .h4.h4 textarea,
  .h4.h4 select,
  .h5.h5 input,
  .h5.h5 textarea,
  .h5.h5 select,
  .h6.h6 input,
  .h6.h6 textarea,
  .h6.h6 select {
    font-size: max(1rem, 100%);
  }
}

/* When the header is transparent, and when there is no header-section below it, offset the first main-section with
 * the height of the header
 */
main > .shopify-section:first-child .section:not(.disable-section-top-offset) {
  &.spacing-style,
  .spacing-style {
    --section-top-offset: calc(var(--header-height) * var(--transparent-header-offset-boolean));

    /* Any nested sections should not be offset */
    .spacing-style {
      --section-top-offset: 0px;
    }
  }

  /* Make sticky content immediately stick to the top of the page */
  .sticky-content {
    margin-top: calc(var(--header-height) * var(--transparent-header-offset-boolean) * -1);
  }
}




/** new css start **/

 .category-section {
      padding: 15px 0PX;
      margin-top:25px;
    }

    .category-wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      max-width: 1440px;
      margin: 0 auto;
    }

    .category-card {
      min-height: 92px;
      padding: 10px 12px;

      display: flex;
      align-items: center;

      background: linear-gradient(
        110deg,
        #ffffff 0%,
        #f8fafb 100%
      );

      border: 1px solid #dbe3e8;
      border-radius: 10px;

      transition: 0.25s ease;
    }

    .category-card:hover {
      border-color: #c4d1d8;
      box-shadow: 0 5px 18px rgba(0, 0, 0, 0.07);
      transform: translateY(-2px);
    }

    /* Image */
    .category-image {
      width: 42%;
      height: 72px;

      display: flex;
      justify-content: center;
      align-items: center;

      flex-shrink: 0;
    }

    .category-image img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    /* Content */
    .category-content {
      flex: 1;
      padding-left: 8px;
    }

    .category-content h3 {
      font-size: 14px;
      line-height: 1.25;
      font-weight: 700;
      margin-bottom: 4px;
      color: #06265f;
    }

    .category-content p {
      font-size: 12px;
      line-height: 1.35;
      color: #3d5d86;
    }

    /* Arrow */
    .category-arrow {
      width: 34px;
      height: 34px;
      margin-left: 8px;

      border: 1px solid #d5e0e2;
      border-radius: 50%;

      display: flex;
      align-items: center;
      justify-content: center;

      flex-shrink: 0;
      background: #fff;
      text-decoration: none;

      transition: 0.25s ease;
    }

    .category-arrow svg {
      width: 15px;
      height: 15px;
      stroke: #0b5c50;
      stroke-width: 2.2;
      fill: none;
    }

    .category-card:hover .category-arrow {
      background: #0b5c50;
      border-color: #0b5c50;
    }

    .category-card:hover .category-arrow svg {
      stroke: #fff;
    }


/* FIND REPLACEMENT */



.ptac-finder {
  width: calc(100% - 0px);
  margin-top: 30px;
  min-height: 68px;
  padding: 7px 28px;

  display: flex;
  align-items: center;
  gap: 45px;

  background: linear-gradient(
    90deg,
    #f3f8f6 0%,
    #f9fbfb 50%,
    #f2f7f5 100%
  );

  border: 1px solid #d8e2df;
  border-radius: 9px;

  font-family: Arial, sans-serif;
}


/* LEFT AREA */

.finder-intro {
  display: flex;
  align-items: center;
  gap: 27px;

  flex: 0 0 325px;
}

.search-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  background: linear-gradient(
    135deg,
    #2c5b42,
    #4e795e
  );
}

.search-icon svg {
  width: 29px;
  height: 29px;
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.finder-heading h3 {
  margin: 0 0 3px;

  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;

  color: #08295e;
  white-space: nowrap;
}

.finder-heading p {
  margin: 0;

  font-size: 12px;
  line-height: 1.3;

  color: #27466d;
  white-space: nowrap;
}


/* RIGHT AREA */

.finder-fields {
  flex: 1;

  display: grid;
  grid-template-columns:
    minmax(150px, 1fr)
    minmax(150px, 1fr)
    minmax(150px, 1fr)
    minmax(150px, 1fr)
    minmax(180px, 1.2fr);

  gap: 15px;
  align-items: center;
}


/* SELECT */

.select-box {
  height: 42px;
  position: relative;

  background: #fff;
  border: 1px solid #ccd9df;
  border-radius: 6px;

  box-shadow: 0 1px 3px rgba(0,0,0,.03);
}

.select-box select {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.select-label {
  position: absolute;
  left: 13px;
  top: 6px;
  right: 32px;

  font-size: 11px;
  line-height: 1.1;
  font-weight: 500;

  color: #163d75;

  pointer-events: none;
}

.select-label small {
  display: block;
  margin-top: 3px;

  font-size: 10px;
  font-weight: 400;

  color: #587092;
}


/* Custom arrow */

.select-box::after {
  content: "";

  position: absolute;
  right: 13px;
  top: 14px;

  width: 6px;
  height: 6px;

  border-right: 1.5px solid #315c85;
  border-bottom: 1.5px solid #315c85;

  transform: rotate(45deg);

  pointer-events: none;
}


/* BUTTON */

.find-match-btn {
  height: 42px;

  border: 0;
  border-radius: 6px;

  background: linear-gradient(
    90deg,
    #557d62,
    #4c755c
  );

  color: #fff;

  font-size: 14px;
  font-weight: 600;

  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  transition: 0.25s ease;
}

.find-match-btn span {
  font-size: 21px;
  font-weight: 300;
  line-height: 1;
}

.find-match-btn:hover {
  background: #365f48;
}


/* featured product */
section.featured-products {
    margin-top: 30px;
}
.featured-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 7px;
}

.featured-header h2 {
  margin: 0;

  color: #06275e;

  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
}

.view-all {
  display: flex;
  align-items: center;
  gap: 10px;

  color: #245d40;

  font-size: 13px;
  font-weight: 600;

  text-decoration: none;
}

.view-all span {
  font-size: 20px;
  line-height: 1;
}

.view-all:hover {
  color: #123f2a;
}


/* =====================
   PRODUCT GRID
===================== */

.products-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
}


/* =====================
   CARD
===================== */

.product-card {
  min-width: 0;
  min-height: 110px;

  padding: 10px 14px;

  display: flex;
  align-items: center;
  gap: 14px;

  background: #fff;

  border: 1px solid #d9e1e5;
  border-radius: 9px;
}


/* =====================
   PRODUCT IMAGE
===================== */

.product-image {
  width: 40%;
  max-width: 135px;
  height: 82px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.product-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;
}


/* =====================
   PRODUCT INFO
===================== */

.product-info {
  flex: 1;
  min-width: 0;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  align-self: stretch;
}

.product-text {
  padding-top: 2px;
}

.product-text h3 {
  margin: 0 0 3px;

  color: #06275e;

  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-text p {
  margin: 0 0 3px;

  color: #476485;

  font-size: 11px;
  line-height: 1.2;
}

.product-text strong {
  display: block;

  color: #050505;

  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
}


/* =====================
   CART BUTTON
===================== */

.cart-btn {
  width: 100%;
  min-height: 34px;

  margin-top: 5px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  border: 1px solid #d2ddd6;
  border-radius: 6px;

  background: linear-gradient(
    90deg,
    #edf3ef 0%,
    #f3f7f4 100%
  );

  color: #194f37;

  font-family: inherit;
  font-size: 12px;
  font-weight: 500;

  cursor: pointer;

  transition: 0.2s ease;
}

.cart-btn svg {
  width: 21px;
  height: 21px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cart-btn:hover {
  color: #fff;
  background: #416f55;
  border-color: #416f55;
}


/* hero section */
/* ==============================
   PTAC HERO SECTION
================================= */

.ptac-hero-content.page-width {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;

  box-sizing: border-box;
  position: relative;
  min-height: 360px;
}

/* ==============================
   LEFT CONTENT
================================= */

.ptac-hero-content .hero-content {
  /* width: 100%; */
  max-width: 800px;
  position: relative;
  z-index: 2;
}

/* Small Top Text */
.ptac-hero-content .hero-tagline {
  margin: 0 0 8px;

  color: #ffffff;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* Main Heading */
.ptac-hero-content .hero-content h1 {
  margin: 0;

  color: #ffffff;
  font-size: clamp(40px, 4.2vw, 62px);
  line-height: 0.98;
  font-weight: 800;
  letter-spacing: -2px;
}

.ptac-hero-content .hero-content h1 span {
  color: #ffffff;
}

/* Description */
.ptac-hero-content .hero-description {
  margin: 14px 0 0;

  max-width: 680px;

  color: rgba(255, 255, 255, 0.95);
  font-size: 18px;
  line-height: 1.5;
  font-weight: 400;
}

/* ==============================
   FEATURES
================================= */

.ptac-hero-content .hero-features {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 12px 34px;
  margin-top: 24px;
}

.ptac-hero-content .feature-item {
  display: flex;
  align-items: center;
  gap: 9px;

  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}

/* Circle check icon */
.ptac-hero-content .feature-item svg {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  stroke: #77c65a;
  stroke-width: 2;
  fill: none;
}

/* ==============================
   BUTTONS
================================= */

.ptac-hero-content .hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 26px;
}

.ptac-hero-content .hero-btn {
  min-width: 210px;
  height: 56px;
  padding: 0 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  box-sizing: border-box;
  transition: all 0.25s ease;
}

/* Green Button */
.ptac-hero-content .primary-btn {
  color: #ffffff;
  background: #65b84f;
  border: 1px solid #65b84f;
}

.ptac-hero-content .primary-btn:hover {
  background: #56a343;
  border-color: #56a343;
  transform: translateY(-2px);
}

.ptac-hero-content .primary-btn .arrow {
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}

/* White Button */
.ptac-hero-content .quote-btn {
  color: #0a2945;
  background: #ffffff;
  border: 1px solid #ffffff;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
}

.ptac-hero-content .quote-btn:hover {
  background: #f5f5f5;
  transform: translateY(-2px);
}

/* Hide quote SVG to match reference */
.ptac-hero-content .quote-btn svg {
  display: none;
}

/* ==============================
   RIGHT SIDE TEXT
================================= */

.ptac-hero-content .hero-side-text {
  /* width: 185px; */
  flex: 0 0 185px;
  align-self: flex-end;
  margin: 0 0 12px auto;
  text-align: right;
  position: relative;
  z-index: 2;
}

.ptac-hero-content .hero-side-text p {
  margin: 0;

  color: #ffffff;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.ptac-hero-content .hero-side-text p::first-line {
  color: #ffffff;
}

/* Green last text - optional class */
.ptac-hero-content .hero-side-text .green-text {
  color: #8dc84b;
}

/* Bottom green line */
.ptac-hero-content .hero-side-text > span {
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 10px;
  background: #8dc84b;
}




/* =========================
   FEATURES
========================= */

.hero-features {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 30px;
}

.feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #29476b;
  font-size: 11px;
  white-space: nowrap;
}

.feature-item svg {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  fill: none;
  stroke: #397156;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================
   RIGHT SIDE TEXT
========================= */

.hero-side-text {
  position: absolute;
  top: 44px;
  /* right: 3.5%; */
  z-index: 2;
}

.hero-side-text p {
  margin: 0;
  color: #193b67;
  font-size: 10px;
  line-height: 1.7;
  font-weight: 700;
  letter-spacing: 2px;
}

.hero-side-text > span {
  display: block;
  width: 30px;
  height: 2px;
  margin-top: 10px;
  background: #396d51;
}

/* benefits css start */
.benefits-bar {
  position: relative;
  width: 100%;
  margin-top:20px;
  min-height: 60px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.menu-list__link {
    color: #02326d!important;
    font-weight:600!important;
    padding-right:30px;
  }
.fdt-ymm-title{
  position:relative;
  padding-left:65px;
}
.fdt-ymm-title::after {
  content: "Enter a few details to get the right match.";
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 4px;
}
.fdt-ymm-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 50px;
  height: 50px;

  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23356B54'/%3E%3Ccircle cx='27' cy='26' r='8' fill='none' stroke='%23ffffff' stroke-width='2.5'/%3E%3Cpath d='M33 32L40 39' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.fdt-ymm-form {
    display: flex;
    flex-direction: inherit!important;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}
.fdt-ymm-reset {
    position: absolute;
    top: 0;
    right: 10px;
}
.fdt-ymm-header {
    width: 26%;
}
.fdt-ymm-selects-row {
  width: 73%;
}
/* ==========================
   MAIN WRAPPER
========================== */

.benefits-wrapper {
  position: relative;
  z-index: 2;
  width:1600px;
  /* width: calc(100% - 135px); */
  min-height: 58px;
  margin: 0 auto;
  display: grid;
  grid-template-columns:
    1fr 1px
    1fr 1px
    1fr 1px
    1fr;
  align-items: center;
  border-radius: 8px;
}
.ai-category-banner-atzfxsfb2ugltreuvtaigenblockf491379jwd6t7__panel {
    padding: 0px 32px!important;
}
.fdt-ymm-widget {
    background: #f7faf9!important;
 }
 .fdt-ymm-select__control:disabled {
    background: #fff!important;
    color: rgb(2 50 109)!important;
}
.fdt-ymm-submit {
    background: #537c61 !important;
    opacity: 1 !important;
    /* width: 192px !important; */
    margin-left: auto;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 8px 14px !important;
    position:relative;
}
.fdt-ymm-submit::after {
  content: "→";
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  line-height: 1;
}
.fdt-ymm-select__control {
    height: 40px!important;
}
.fdt-ymm-label {
    font-weight: 600!important;
}

  .ai-footer-ak2lfzhpltkuzzhffeaigenblock01e9477g7wadm {
    background: #f0f5f9!important;
 }
 .ai-footer-ak2lfzhpltkuzzhffeaigenblock01e9477g7wadm__inner {
    padding: 56px 32px 15px!important;
}
.ai-footer-ak2lfzhpltkuzzhffeaigenblock01e9477g7wadm__bottom {
    padding-top: 15px!important;
  }
  .ai-hero-awejmbjy1b2u4l2y5yaigenblocka54f60fxcency__content-inner {
    /* max-width: 1850px!important; */
}
/* ==========================
   BENEFIT ITEM
========================== */

.benefit-item {
  min-width: 0;

  padding: 7px 22px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 18px;
}


/* ==========================
   ICON
========================== */

.benefit-icon {
  width: 38px;
  height: 38px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.benefit-icon svg {
  width: 32px;
  height: 32px;

  fill: none;
  stroke: #35694e;
  stroke-width: 2;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* Leaf filled */

.leaf-icon svg {
  fill: #54836a;
  stroke: #54836a;
}

.leaf-icon svg path:last-child {
  fill: none;
  stroke: #fff;
  stroke-width: 1.5;
}


/* ==========================
   TEXT
========================== */

.benefit-content {
  min-width: 0;
}

.benefit-content h3 {
  margin: 0 0 4px;

  color: #092b60;

  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;

  white-space: nowrap;
}

.benefit-content p {
  margin: 0;

  color: #42607e;

  font-size: 11px;
  line-height: 1.2;

  white-space: nowrap;
}


/* ==========================
   DIVIDER
========================== */

.benefit-divider {
  width: 1px;
  height: 32px;

  background: #9bb1a8;
}


/* ==========================
   DECORATIVE LEAVES
========================== */

.leaf-decoration {
  position: absolute;
  z-index: 1;

  pointer-events: none;
}

.leaf-decoration svg {
  width: 100%;
  height: 100%;
}

.leaf-decoration svg path {
  fill: #b8cdbf;
  stroke: none;
}

.leaf-decoration svg path:nth-child(even) {
  fill: none;
  stroke: #e7efea;
  stroke-width: 1.5;
}


/* LEFT */

.leaf-left {
  left: 8px;
  bottom: 2px;

  width: 52px;
  height: 52px;

  transform: rotate(-6deg);
}


/* RIGHT */

.leaf-right {
  right: 5px;
  bottom: 0;

  width: 90px;
  height: 58px;
}


/* footer start */


.site-footer {
  width: 100%;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #fbfcfc 50%,
    #ffffff 100%
  );

  border-top: 1px solid #eef1f2;

  font-family: Arial, sans-serif;
}

.footer-inner {
  width: 100%;
  min-height: 100px;

  padding: 10px 16px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;
}


/* ========================
   LOGO
======================== */

.footer-brand {
  flex: 0 0 235px;
}

.footer-logo {
  display: inline-block;

  font-size: 27px;
  line-height: 1;
  font-weight: 800;

  letter-spacing: -1px;
  text-decoration: none;
}

.logo-blue {
  color: #0a3267;
}

.logo-green {
  color: #3f765b;
}

.footer-brand p {
  margin: 4px 0 0;

  color: #21456e;

  font-size: 7px;
  line-height: 1;
  font-weight: 700;

  letter-spacing: .5px;
}


/* ========================
   DIVIDER
======================== */

.footer-divider {
  width: 1px;
  height: 58px;

  flex-shrink: 0;

  background: #d9e1e4;
}


/* ========================
   COLUMNS
======================== */

.footer-column {
  min-width: 135px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-column h4 {
  margin: 0 0 2px;

  color: #092e63;

  font-size: 11px;
  line-height: 1.1;
  font-weight: 700;
}

.footer-column a {
  margin: 1px 0;

  color: #405d83;

  font-size: 10px;
  line-height: 1.15;

  text-decoration: none;

  transition: color .2s ease;
}

.footer-column a:hover {
  color: #356a4f;
}


/* ========================
   PHONE
======================== */

.footer-phone {
  min-width: 170px;
}

.phone-row {
  display: flex;
  align-items: flex-start;
  gap: 13px;
}

.phone-row > svg {
  width: 23px;
  height: 23px;

  flex-shrink: 0;

  fill: #092e63;
}

.phone-number {
  display: block;

  color: #092e63;

  font-size: 11px;
  font-weight: 700;

  text-decoration: none;
  white-space: nowrap;
}

.footer-phone p {
  margin: 6px 0 0;

  color: #516987;

  font-size: 9px;
  white-space: nowrap;
}


/* ========================
   SOCIAL
======================== */

.footer-social {
  min-width: 150px;
}

.social-icons {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 20px;

  margin-bottom: 16px;
}

.social-icons a {
  width: 18px;
  height: 18px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #092e63;

  text-decoration: none;
}

.social-icons svg {
  width: 18px;
  height: 18px;

  fill: #092e63;
  stroke: #092e63;
  stroke-width: 1.3;
}

.social-icons .play {
  fill: #fff;
  stroke: #fff;
}

.social-icons .facebook {
  font-size: 19px;
  font-family: Arial, sans-serif;
  font-weight: 700;
}


/* LEGAL */

.legal-links {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 8px;
}

.legal-links a {
  color: #536c8b;

  font-size: 9px;
  white-space: nowrap;

  text-decoration: none;
}

.legal-links span {
  width: 1px;
  height: 13px;

  background: #cfd8dd;
}


/* ========================
   RIGHT MESSAGE
======================== */

.footer-message {
  min-width: 190px;

  display: flex;
  align-items: center;

  gap: 13px;
}

.footer-leaf {
  width: 43px;
  height: 43px;

  flex-shrink: 0;
}

.footer-leaf path {
  fill: #6f9a7d;
}

.footer-leaf .leaf-line {
  fill: none;

  stroke: #fff;
  stroke-width: 1.5;
}

.footer-message p {
  margin: 0;

  color: #27496d;

  font-size: 10px;
  line-height: 1.55;

  white-space: nowrap;
}


/* list page */
.fdt-layout-vertical .search-filters__filter-tree-column {
   box-shadow: 0 0 26px 1px #0000001a;
    border-radius: 10px;
    border: 1px solid #10467847;
}
.search-filters__product-image--auto .search-filters__product-image-img:not(.img--second) {
    padding: 6px;
}
.search-filters__layout {
    gap: 5px 0px;
  }
.search-filters__grid {
    flex: auto!important;
    max-width: 103%!important;
    width: 107%!important;
    margin-left: -2%!important;
}

.search-filters__product-item-grid-view-layout-content {
    padding: 8px 8px;
}
.fdt-product-card-button {
    margin-top: 8px!important;
}
.search-filters__filter-option-item-label {
    color: #838383!important;
}
input[type=checkbox].search-filters__filter-option-item-button--checklist {
    border: 1px solid#838383!important;
  }
.search-filters__product-list .search-filters__product-title {
  font-weight:600!important;
  margin-top: 8px;
  margin-bottom: 8px;
}
.search-filters__product-list {
    padding: 0px 0px 15px!important;
 }
.product-media-constraint-wrapper .product-media {
    padding: 0px;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
}
.search-filters__layout {
    gap: 5px 0px!important;
  }
.product-form-buttons button {
    width: inherit!important;
}
#specTables h3 {
        margin-top: 20px;
    padding: 16px 20px;
    background: #f0f5f9;
    color: #3a4b5a;
    border: 1px solid #d3d3d3;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 0px;
}

/* Table */
#specTables table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#specTables td {
    padding: 16px 20px;
    border-bottom: 1px solid #e8e8e8;
    vertical-align: top;
    font-size: 15px;
    line-height: 1.6;
}
#specTables table tbody tr:nth-child(odd) {
    background-color: #f0f5f970;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__navigation {
    display: flex;
    align-items: center;
    gap: 36px;
    border-bottom: 1px solid #dfe4e8;
    margin-bottom: 32px;
    padding: 0 24px;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__tab {
    position: relative;
    appearance: none;
    border: 0;
    background: transparent;
    padding: 18px 2px;
    margin: 0;
    color: #52606d;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.25s ease;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__tab:hover {
    color: #152f4a;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__tab[aria-selected="true"] {
    color: #152f4a;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__tab[aria-selected="true"]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: #152f4a;
    border-radius: 3px 3px 0 0;
}


/* =========================
   TAB PANEL
========================= */

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panels {
    padding: 0 24px 30px;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel {
    color: #3b4b5d;
    font-size: 16px;
    line-height: 1.7;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > p {
    margin: 0 0 14px;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > p:first-child {
    font-weight: 600;
    color: #26394d;
}


/* =========================
   ABOUT PRODUCT FEATURES
========================= */

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul > li {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 52px;
    border: 1px solid #e5e9ed;
    border-radius: 10px;
    background: #fff;
    transition: all 0.25s ease;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul > li:hover {
    border-color: #c8d2dc;
    box-shadow: 0 5px 18px rgba(21, 47, 74, 0.08);
    transform: translateY(-2px);
}

/* Green check icon */
.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul > li::before {
    content: "✓";
    position: absolute;
    left: 18px;
    top: 20px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #356b54;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul > li p {
    margin: 0;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul > li p:first-child {
    margin-bottom: 7px;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul > li strong {
    color: #26394d;
    font-size: 16px;
    font-weight: 700;
}

.ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul > li p:last-child {
    color: #647180;
    font-size: 14px;
    line-height: 1.65;
}
.group-block-content h1{
  line-height: 34px!important;
  color: #002860!important;
  font-weight: 600 !important;
}
.search-filters__product-list .search-filters__product-title {
    height: 80px;
}

/ * pagination css start */
.search-filters__number-pagination {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.search-filters__number-pagination .fdt-pagination-container {
 display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: fit-content;
padding: 10px 60px;
margin: 0;
list-style: none;
background: #ffffff;
border-radius: 50px;
box-shadow: 0px 0px 28px 5px #0000001a;
margin: auto auto 50px auto;
border: 1px solid #d5d5d5;
}

.search-filters__number-pagination .fdt-pagination-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  font-size: 17px;
  font-weight: 500;
  color: #666;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Active */
.search-filters__number-pagination .fdt-pagination-btn.active {
    background: #5e7d64;
    color: #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 50px;
}

/* Hover */
.search-filters__number-pagination .fdt-pagination-btn:not(.active):hover {
  background: #e5e9f5;
  color: #333;
}

/* Previous / Next arrows */
.search-filters__number-pagination .fdt-pagination-container::before,
.search-filters__number-pagination .fdt-pagination-container::after {
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
  color: #c3c3c3;
  cursor: pointer;
}

.search-filters__number-pagination .fdt-pagination-container::before {
  content: "‹";
  margin-right: 25px;
}

.search-filters__number-pagination .fdt-pagination-container::after {
  content: "›";
  margin-left: 25px;
}
.ai-contact-section__form{
  background-color: #f5f5f5;  /* ya jo bhi right side ka color hai */
padding: 2rem;
border-radius: 8px;
}




    /* Responsive start */


@media (min-width: 1700px) {
    .product-information__grid{
      width:1440px;
      margin:auto;
    }
    #fdt-container {
    width: 1440px;
    margin:auto;
  }
 .new-container{
    width: 1440px;
    margin:auto;
 }
}


@media (min-width: 1900px) {
    /* .product-information__grid{
      width:1830px;
      margin:auto;
    }
    #fdt-container {
    width: 1830px;
    margin:auto;
  } */

}

@media (max-width: 1550px) {
  .product-information__grid{
    width:1440px;
    margin:auto;
  }
  #fdt-container {
    width: 1440px;
    margin:auto;
  }
  .new-container{
    max-width: 1440px;
    margin:auto;
    padding:0px 15px;
    width:100%;
 }
    
}
  

@media (max-width: 1500px) {
  .ptacs-custom-topbar{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:space-between!important;
  }
}


@media (max-width: 1450px) {
   .footer-inner {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 25px 20px;
  padding: 30px;
}

  .footer-inner {
  gap: 12px;
  padding: 12px;
}

  .footer-brand {
    flex-basis: 190px;
  }

  .footer-logo {
    font-size: 24px;
  }

  .footer-column {
    min-width: 115px;
  }

  .footer-phone {
    min-width: 145px;
  }

  .footer-social {
    min-width: 130px;
  }

  .footer-message {
    min-width: 160px;
  }

  .footer-message p {
    font-size: 9px;
  }
}


@media (max-width: 1350px) {
   .hero-content {
        padding: 40px 25px;
    }
   .ptac-finder {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
    padding: 18px;
  }
   .finder-intro {
    flex: none;
    width: 100%;
  }
  .hero-side-text {
    display: none;
  }
}



@media (max-width: 1200px) {
   
 
    .benefits-wrapper {
    width: calc(100% - 80px);
  }

  .benefit-item {
    padding: 8px 12px;
    gap: 10px;
  }

  .benefit-icon {
    width: 32px;
    height: 32px;
  }

  .benefit-icon svg {
    width: 28px;
    height: 28px;
  }

  .benefit-content h3 {
    font-size: 11px;
  }

  .benefit-content p {
    font-size: 10px;
  }

  .leaf-left,
  .leaf-right {
    opacity: 0.6;
  }
   .hvac-hero {
    background-position: 53% center;
  }

  .hero-content {
    /* margin-left: 3%; */
    width: 991px;
  }

  .hero-content h1 {
    font-size: 42px;
  }

  .hero-description {
    font-size: 14px;
  }

  

   .product-card {
    padding: 9px;
    gap: 9px;
  }

  .product-image {
    width: 37%;
  }

  .product-text h3 {
    font-size: 11px;
  }
  
  
  .ptac-finder {
    gap: 25px;
    padding: 10px 20px;
  }

  .finder-intro {
    /* flex-basis: 290px;
    gap: 15px; */
  }

  .finder-fields {
    gap: 10px;
  }

  .finder-heading h3 {
    font-size: 14px;
  }
}


    @media (max-width: 1100px) {
      .category-wrapper {
        grid-template-columns: repeat(2, 1fr);
      }
       
  
    
    }



@media (max-width: 991px) {

  .ai-hero-awejmbjy1b2u4l2y5yaigenblocka54f60fxcency__content  {
    width: inherit!important;
  }
    .ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul {
        grid-template-columns: 1fr;
    }
  .footer-brand,
  .footer-column,
  .footer-phone,
  .footer-social,
  .footer-message {
    min-width: 0;
  }

  .footer-brand {
    flex: none;
  }

  .footer-divider {
    display: none;
  }

  .footer-social {
    text-align: left;
  }

  .social-icons,
  .legal-links {
    justify-content: flex-start;
  }

  .social-icons {
    margin-bottom: 12px;
  }


  .benefits-bar {
    padding: 12px 20px;
  }

  .benefits-wrapper {
    width: 100%;

    grid-template-columns: repeat(2, 1fr);

    border: 0;

    gap: 0;
  }

  .benefit-item {
    min-height: 70px;

    justify-content: flex-start;

    padding: 12px 20px;

    border-bottom: 1px solid #dce5e1;
  }

  .benefit-item:nth-of-type(5),
  .benefit-item:nth-of-type(7) {
    border-bottom: 0;
  }

  .benefit-divider {
    display: none;
  }

  .benefit-content h3 {
    font-size: 12px;
  }

  .benefit-content p {
    font-size: 11px;
  }

  .leaf-decoration {
    display: none;
  }
  .hvac-hero {
    min-height: 430px;

    align-items: flex-start;

    background-position: 63% center;
  }

  /* readability overlay */

  .hvac-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
      90deg,
      rgba(255,255,255,0.98) 0%,
      rgba(255,255,255,0.90) 45%,
      rgba(255,255,255,0.15) 100%
    );
  }

  .hero-content {
    /* width: 991px; */
    margin: 0;
  }

  .hero-tagline {
    font-size: 9px;
    letter-spacing: 2px;
  }

  .hero-content h1 {
    font-size: 40px;
  }

  .hero-description {
    font-size: 14px;
  }

  .hero-actions {
    align-items: flex-start;
    /* flex-direction: column; */
    gap: 10px;
  }

  .hero-btn {
    width: 220px;
  }

  .hero-features {
    /* flex-direction: column; */
    align-items: flex-start;

    gap: 9px;
  }



 
  .finder-fields {
    width: 100%;

    grid-template-columns: repeat(2, 1fr);
  }

  .find-match-btn {
    grid-column: span 2;
  }

  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-card {
    min-height: 125px;
  }

  .product-image {
    width: 38%;
    max-width: 150px;
    height: 95px;
  }

  .product-text h3 {
    font-size: 13px;
  }

  .product-text p {
    font-size: 11px;
  }

  .product-text strong {
    font-size: 15px;
  }

}

@media (max-width: 767px) {
  .ptac-hero-content.page-width {
    padding: 0px 0px 0px;
  }
}




    
    /* Mobile */
  @media (max-width: 575px) {
        .ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__navigation {
        gap: 24px;
        padding: 0 15px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__tab {
        flex: 0 0 auto;
        padding: 15px 0;
        font-size: 14px;
    }

    .ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panels {
        padding: 0 15px 25px;
    }

    .ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel {
        font-size: 14px;
    }

    .ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul {
        margin-top: 22px;
        gap: 12px;
    }

    .ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul > li {
        padding: 17px 15px 17px 48px;
    }

    .ai-product-tabs-awlfkv2ppbgjvq1nrvaigenblock837dd8efbjgef__panel > ul > li::before {
        left: 15px;
        top: 17px;
    }

    #specTables > div {
        border-radius: 8px;
        margin-bottom: 18px;
    }

    #specTables h3 {
        padding: 12px 15px;
        font-size: 14px;
    }

    
      .footer-inner {
    grid-template-columns: repeat(2, 1fr);

    gap: 25px;

    padding: 30px 20px;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .footer-logo {
    font-size: 28px;
  }

  .footer-brand p {
    font-size: 7px;
  }

  .footer-column h4 {
    margin-bottom: 7px;

    font-size: 13px;
  }

  .footer-column a {
    margin: 2px 0;

    font-size: 11px;
    line-height: 1.4;
  }

  .footer-phone,
  .footer-social {
    grid-column: span 1;
  }

  .footer-message {
    grid-column: 1 / -1;

    padding-top: 20px;

    border-top: 1px solid #dce3e6;
  }

  .footer-message p {
    font-size: 11px;
  }

        .benefits-bar {
    padding: 5px 15px;
  }

  .benefits-wrapper {
    display: block;
  }

  .benefit-item {
    width: 100%;
    min-height: 72px;

    padding: 12px 5px;

    border-bottom: 1px solid #dce5e1;
  }

  .benefit-item:last-child {
    border-bottom: 0;
  }

  .benefit-icon {
    width: 40px;
    height: 40px;

    margin-right: 8px;
  }

  .benefit-icon svg {
    width: 32px;
    height: 32px;
  }

  .benefit-content h3 {
    margin-bottom: 4px;

    font-size: 13px;

    white-space: normal;
  }

  .benefit-content p {
    font-size: 11px;

    white-space: normal;
  }

  
        .hvac-hero {
    min-height: 560px;

    background-position: 66% center;
  }

  .hvac-hero::before {
    background: linear-gradient(
      90deg,
      rgba(255,255,255,0.98) 0%,
      rgba(255,255,255,0.94) 62%,
      rgba(255,255,255,0.45) 100%
    );
  }

  .hero-content {
    width: 100%;

    padding: 35px 20px;
  }

  .hero-tagline {
    max-width: 310px;

    font-size: 9px;
    line-height: 1.5;

    letter-spacing: 1.7px;
  }

  .hero-content h1 {
    /* max-width: 400px; */
    font-size: 38px;
    line-height: 1;
  }

  .hero-description {
    max-width: 330px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.4;
  }

  .hero-actions {
    width: 100%;
    max-width: 290px;
  }

  .hero-btn {
    width: 100%;
    min-height: 44px;
  }

  .hero-features {
    margin-top: 20px;
  }

  .feature-item {
    font-size: 12px;
  }

      .category-section {
        padding: 12px;
      }

      .category-wrapper {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .category-card {
        min-height: 100px;
      }

      .category-image {
        width: 38%;
        max-width: 130px;
      }

      .category-content h3 {
        font-size: 14px;
      }

      .category-content p {
        font-size: 12px;
      }
       .ptac-finder {
    width: calc(100% - 20px);
    margin: 10px;

    padding: 15px;

    border-radius: 10px;
  }

  .finder-intro {
    gap: 12px;
  }

  .search-icon {
    width: 46px;
    height: 46px;
  }

  .search-icon svg {
    width: 25px;
    height: 25px;
  }

  .finder-heading h3 {
    font-size: 14px;
    white-space: normal;
  }

  .finder-heading p {
    font-size: 11px;
    white-space: normal;
  }

  .finder-fields {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .select-box {
    width: 100%;
    height: 46px;
  }

  .find-match-btn {
    grid-column: auto;
    width: 100%;
    height: 46px;
  }

   .featured-products {
    padding: 12px;
  }

  .featured-header {
    margin-bottom: 12px;
  }

  .featured-header h2 {
    font-size: 17px;
  }

  .view-all {
    font-size: 12px;
    gap: 5px;
  }

  .products-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .product-card {
    min-height: 125px;
    padding: 12px;
  }

  .product-image {
    width: 38%;
    max-width: 140px;
    height: 95px;
  }

  .product-info {
    min-height: 100px;
  }

  .product-text h3 {
    font-size: 13px;
    white-space: normal;
  }

  .product-text p {
    font-size: 11px;
  }

  .cart-btn {
    min-height: 36px;
    font-size: 12px;
  }

  
    }

    /* Small Mobile */
    @media (max-width: 380px) {

       .hero-content h1 {
    font-size: 33px;
  }

  .hero-description {
    font-size: 13px;
  }

      .category-card {
        padding: 8px;
      }

      .category-image {
        width: 34%;
      }

      .category-arrow {
        width: 30px;
        height: 30px;
      }

      .product-card {
    gap: 8px;
    padding: 9px;
  }

  .product-image {
    width: 35%;
  }

  .featured-header h2 {
    font-size: 15px;
  }

  .view-all {
    font-size: 11px;
  }


    }
    /* ===== By Brand menu: logo cards ===== */
#header-component [data-menu-list-id="MegaMenuList-3"]{display:block!important}
#header-component [data-menu-list-id="MegaMenuList-3"]>.mega-menu__column{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;grid-column:1/-1!important;border:0!important;padding:0!important}
#header-component [data-menu-list-id="MegaMenuList-3"]>.mega-menu__column::before{content:"Shop by Brand";grid-column:1/-1;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#02326d;padding-bottom:8px;margin-bottom:4px;border-bottom:2px solid #5e7d64}
#header-component [data-menu-list-id="MegaMenuList-3"] .mega-menu__link{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px!important;border:1px solid #dfe8df;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
#header-component [data-menu-list-id="MegaMenuList-3"] .mega-menu__link::before{content:"";width:100%;height:64px;background:center/contain no-repeat}
#header-component [data-menu-list-id="MegaMenuList-3"] a[href*="/amana"]::before{background-image:url(https://wx1jbu-yh.myshopify.com/cdn/shop/files/4_037a56cd-a5f7-4a09-8239-093cf6e3c552.png?v=1790237999&width=400)}
#header-component [data-menu-list-id="MegaMenuList-3"] a[href*="/friedrich"]::before{background-image:url(https://wx1jbu-yh.myshopify.com/cdn/shop/files/3_c98fd3ac-45de-418f-9e14-ce1fb263b34a.png?v=1790237982&width=400)}
#header-component [data-menu-list-id="MegaMenuList-3"] a[href*="/ge-appliances"]::before{background-image:url(https://wx1jbu-yh.myshopify.com/cdn/shop/files/2_10f27901-98b6-46e1-ae2d-5d604f1232fe.png?v=1790237963&width=400)}
#header-component [data-menu-list-id="MegaMenuList-3"] a[href*="/hotpoint"]::before{background-image:url(https://wx1jbu-yh.myshopify.com/cdn/shop/files/hotpoint-logo_4d28cb21-6028-4c5a-990e-7c922dac59bd.png?v=1790237539&width=400)}
#header-component [data-menu-list-id="MegaMenuList-3"] a[href*="/summit"]::before{background-image:url(/cdn/shop/files/summit-logo.svg?v=1790660226);background-size:auto 48px}
#header-component [data-menu-list-id="MegaMenuList-3"] .mega-menu__link .wrap-text{font-size:14px!important;font-weight:700;color:#02326d}
#header-component [data-menu-list-id="MegaMenuList-3"] .mega-menu__link::after{content:"Shop products →";font-size:12px;font-weight:600;color:#5e7d64}
#header-component [data-menu-list-id="MegaMenuList-3"] .mega-menu__link:hover{border-color:#5e7d64;box-shadow:0 6px 16px rgba(2,50,109,.08);transform:translateY(-2px)!important}
[class*="ai-featured-products__button"] { display: none !important; }
/* Hide "Sold out" badge on product cards in "You may also like" */
product-recommendations .product-badges,
.product-recommendations .product-badges {
  display: none !important;
}
/* Hide "Sold out" badges on all product cards */
.product-card .product-badges,
.product-badges {
  display: none !important;
}
/* Align header logo + menu with page content (desktop) */
@media screen and (min-width: 1100px) {
  .ptacs-topbar__logo { margin-left: -30px; }
  .header-menu__inner { padding-left: 10px; }
}
/* Wider Request a Quote popup (SA Request a Quote app) */
.grfq__popupForm__modal__inner {
  width: min(1100px, 94vw) !important;
  max-width: min(1100px, 94vw) !important;
}
.grfq__popupForm__footerButtons {
  max-width: 700px !important;
}
/* Hide "Quote Cart" intro and "Section 1" header in Request a Quote popup */
.grfq-v2-products__intro,
.grfq-v2-section__header {
  display: none !important;
}
/* Hide "Contact information" header + login banner on step 2 of the quote popup */
.grfq__popupForm__card:has(.grfq-v2-login-banner) > .grfq__popupForm__cardHeader,
.grfq-v2-login-banner {
  display: none !important;
}
/* Our Brands: center the logos and size the cards evenly */
[class*="ai-brand-carousel"]:has(> [class*="__item"]) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 24px !important;
  transform: none !important;
  width: 100% !important;
  max-width: 1100px;
  margin: 0 auto !important;
}
[class*="ai-brand-carousel"][class*="__item"] {
  flex: 0 1 190px !important;
  width: 190px !important;
  height: 120px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 18px !important;
  background: #fff;
  border: 1px solid #dfe7ef;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(11, 35, 60, .05);
  transition: box-shadow .2s, transform .2s, border-color .2s;
}
[class*="ai-brand-carousel"][class*="__item"]:hover {
  transform: translateY(-3px);
  border-color: #c7d3df;
  box-shadow: 0 10px 22px rgba(11, 35, 60, .12);
}
[class*="ai-brand-carousel"][class*="__item"] img {
  max-width: 100% !important;
  max-height: 60px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: .8;
  transition: filter .2s, opacity .2s;
}
[class*="ai-brand-carousel"][class*="__item"]:hover img {
  filter: none;
  opacity: 1;
}
@media (max-width: 600px) {
  [class*="ai-brand-carousel"]:has(> [class*="__item"]) { gap: 12px !important; }
  [class*="ai-brand-carousel"][class*="__item"] {
    flex: 0 1 calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    height: 96px !important;
  }
}
/* Chizy chat: hide product price (replace with the real class name) */
.chizy-product-card .price{display:none!important}
/* ===== PTACS.CO: Resources mega menu ===== */
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]){grid-template-columns:minmax(0,1fr)!important}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__list{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-column:1/-1!important;gap:18px!important;max-width:1240px;margin:0 auto;width:100%}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column{grid-column:span 1!important;background:#F2F6FA;border:1px solid #dfe7ef;border-radius:14px;padding:20px 22px 14px;white-space:normal!important;min-width:0}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column ul{column-count:1!important;margin:0;padding:0}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column ul li{break-after:auto!important}

/* column headings */
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__link--parent{display:flex!important;align-items:center;gap:12px;width:100%;padding:0 0 14px!important;margin:0 0 6px;border-bottom:2px solid #dfe7ef;font-size:14px!important;font-weight:800!important;letter-spacing:.07em;text-transform:uppercase!important;color:#0B233C!important}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__link--parent::before{content:"";flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#4B862A center/19px no-repeat}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(1) .mega-menu__link--parent::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 19.5A2.5 2.5 0 0 1 6.5 17H20%22/%3E%3Cpath d=%22M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z%22/%3E%3Cpath d=%22M9 7h7M9 11h5%22/%3E%3C/svg%3E")}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(2) .mega-menu__link--parent::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 3v18h18%22/%3E%3Crect x=%227%22 y=%2212%22 width=%223%22 height=%226%22/%3E%3Crect x=%2212%22 y=%228%22 width=%223%22 height=%2210%22/%3E%3Crect x=%2217%22 y=%225%22 width=%223%22 height=%2213%22/%3E%3C/svg%3E")}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(3) .mega-menu__link--parent::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 18v-6a9 9 0 0 1 18 0v6%22/%3E%3Cpath d=%22M21 19a2 2 0 0 1-2 2h-1v-6h3zM3 19a2 2 0 0 0 2 2h1v-6H3z%22/%3E%3C/svg%3E")}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4) .mega-menu__link--parent::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z%22/%3E%3Cpath d=%22M14 2v6h6M8 13h8M8 17h5%22/%3E%3C/svg%3E")}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__link--parent:hover{color:#4B862A!important}

/* links */
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column ul .mega-menu__link{box-sizing:border-box;display:flex!important;justify-content:space-between;align-items:center;width:100%;padding:7px 0!important;font-size:15px!important;font-weight:500!important;text-transform:none!important;color:#365476!important;transition:color .15s}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column ul .mega-menu__link::after{content:"→";color:#4B862A;opacity:0;transform:translateX(-6px);transition:opacity .15s,transform .15s}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column ul .mega-menu__link:hover{color:#4B862A!important}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column ul .mega-menu__link:hover::after{opacity:1;transform:none}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column ul li:last-child .mega-menu__link{font-weight:700!important;color:#0B233C!important}

/* 4th column: "Need a Quote?" card */
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4){background:linear-gradient(135deg,#0B233C 0%,#16385c 100%);border-color:#0B233C}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4) .mega-menu__link--parent{color:#fff!important;border-color:rgba(255,255,255,.15)}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4) ul{display:flex;flex-direction:column;gap:10px;padding-top:6px}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4) ul::before{content:"Send your model number, quantity and delivery ZIP code. We usually reply within one business day.";color:#d7e2ee;font-size:14px;line-height:1.55;margin:0 0 6px;white-space:normal!important;overflow-wrap:break-word;display:block;max-width:100%}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4) ul li .mega-menu__link{box-sizing:border-box;justify-content:center!important;border-radius:8px;padding:11px 14px!important;font-weight:700!important;color:#fff!important;border:1px solid #5d7a98}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4) ul li:first-child .mega-menu__link{background:#4B862A;border-color:#4B862A}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4) ul li .mega-menu__link::after{display:none}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4) ul li .mega-menu__link:hover{filter:brightness(1.1);color:#fff!important}

@media (max-width:1199px){.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* ===== end Resources mega menu ===== */
/* ===== PTACS.CO: main nav dropdown arrows + active page ===== */

/* 1. Dropdown arrow drawn right after the label (theme's hidden arrow button stays hidden) */
.header-menu .menu-list__disclosure{opacity:0!important}
.header-menu .menu-list__list-item:has(.menu-list__disclosure) .menu-list__link-title{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap}
.header-menu .menu-list__list-item:has(.menu-list__disclosure) .menu-list__link-title::before{content:"";order:2;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.header-menu .menu-list__list-item:has(.menu-list__disclosure):hover .menu-list__link-title::before,
.header-menu .menu-list__list-item:has(.menu-list__disclosure[aria-expanded='true']) .menu-list__link-title::before{transform:translateY(2px) rotate(225deg)}

/* 2. Nav colours: navy by default, green on hover and on the current section */
.header-menu .menu-list__link,.header-menu .menu-list__link-title{color:#0B233C!important;transition:color .15s}
.header-menu .menu-list__link-title{position:relative}
.header-menu .menu-list__link-title::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;border-radius:3px;background:#4B862A;transform:scaleX(0);transition:transform .2s}
.header-menu .menu-list__list-item:hover .menu-list__link,
.header-menu .menu-list__list-item:hover .menu-list__link-title{color:#4B862A!important}
.header-menu .menu-list__list-item:hover .menu-list__link-title::after{transform:scaleX(.6)}

/* active (current page or one of its dropdown pages) */
.header-menu .menu-list__link--active,
.header-menu .menu-list__link--active .menu-list__link-title,
.header-menu .menu-list__list-item.ptx-active .menu-list__link,
.header-menu .menu-list__list-item.ptx-active .menu-list__link-title{color:#4B862A!important}
.header-menu .menu-list__link--active .menu-list__link-title::after,
.header-menu .menu-list__list-item.ptx-active .menu-list__link-title::after{transform:scaleX(1)}
/* ===== end nav ===== */


/* Nav arrows: right after the label, spacing moved after the arrow */
.header-menu .menu-list__trigger{display:inline-flex!important;align-items:center;position:relative}
.header-menu .menu-list__list-item:has(.menu-list__disclosure) .menu-list__link-title{padding-inline-end:6px!important}
.header-menu .menu-list__disclosure{position:static!important;transform:none!important;inset:auto!important;padding:0!important;margin-inline-start:0!important;margin-inline-end:var(--gap-sm)!important}
.header-menu .menu-list__list-item:has(.menu-list__disclosure) .menu-list__link-title::after{right:6px}
.header-menu .menu-list__link-title::before{transition:none!important}
/* Hide floating Quote tab + chat bubble while the mobile menu is open */
body:has(details.menu-drawer-container[open]) [class*="grfq"][class*="float"],
body:has(details.menu-drawer-container[open]) [class*="grfq"][class*="sticky"],
body:has(details.menu-drawer-container[open]) [id*="chizy" i],
body:has(details.menu-drawer-container[open]) [class*="chizy" i]{display:none!important}
/* ===== PTACS.CO: mobile menu (drawer) ===== */
.menu-drawer__navigation{--ptx-navy:#0B233C;--ptx-green:#4B862A;--ptx-soft:#F2F6FA;--ptx-line:#dfe7ef;--ptx-slate:#365476}

/* Top level list (Air Conditioners, Appliances, ...) */
.menu-drawer__navigation .menu-drawer__menu-item--mainlist{font-size:18px!important;font-weight:700!important;color:var(--ptx-navy)!important;padding-block:16px!important;border-bottom:1px solid var(--ptx-line)}
.menu-drawer__navigation .menu-drawer__menu-item--mainlist .icon-caret{color:var(--ptx-green)}
.menu-drawer__navigation .menu-drawer__menu-item--mainlist.menu-drawer__menu-item--active{color:var(--ptx-green)!important}

/* Sub-menu title bar ("< Air Conditioners  x") */
.menu-drawer__navigation .menu-drawer__nav-buttons{border-bottom:1px solid var(--ptx-line);padding-bottom:10px;margin-bottom:6px}
.menu-drawer__navigation .menu-drawer__title{font-size:17px!important;font-weight:800!important;color:var(--ptx-navy)!important}

/* Section headings (Room Air Conditioners, Shop by BTU, ...) */
.menu-drawer__navigation .menu-drawer__menu--childlist > li{border-bottom:1px solid var(--ptx-line)}
.menu-drawer__navigation .menu-drawer__menu-item--parent{font-size:16px!important;font-weight:800!important;color:var(--ptx-navy)!important;padding-block:16px!important;display:flex!important;justify-content:space-between;align-items:center}
.menu-drawer__navigation .menu-drawer__menu-item--parent .icon-plus{color:var(--ptx-green);transition:transform .2s}
.menu-drawer__navigation details[open] > .menu-drawer__menu-item--parent .icon-plus{transform:rotate(45deg)}
.menu-drawer__navigation details[open] > .menu-drawer__menu-item--parent{color:var(--ptx-green)!important}

/* Links inside a section */
.menu-drawer__navigation .menu-drawer__menu-item--child{font-size:15px!important;font-weight:500!important;color:var(--ptx-slate)!important;padding:10px 0 10px 14px!important;border-left:2px solid var(--ptx-line);margin-left:2px}
.menu-drawer__navigation .menu-drawer__menu-item--child:active,
.menu-drawer__navigation .menu-drawer__menu-item--active{color:var(--ptx-green)!important;border-left-color:var(--ptx-green)}
.menu-drawer__navigation .menu-drawer__menu-item--child + *,
.menu-drawer__navigation details > ul,
.menu-drawer__navigation .menu-drawer__menu--childlist > li > ul{padding-bottom:14px!important}

/* "Shop by BTU" (and any list of BTU links): compact pill grid, 3 per row */
.menu-drawer__navigation ul:has(> li > a[href*="btu" i]){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px 0 16px!important}
.menu-drawer__navigation ul:has(> li > a[href*="btu" i]) > li{margin:0!important}
.menu-drawer__navigation ul:has(> li > a[href*="btu" i]) .menu-drawer__menu-item--child{justify-content:center;text-align:center;border:1px solid var(--ptx-line)!important;border-radius:999px;background:var(--ptx-soft);padding:9px 4px!important;margin:0;font-size:14px!important;font-weight:600!important;color:var(--ptx-navy)!important}

/* Resources > "Need a Quote?": show its links as buttons */
.menu-drawer__navigation [id^="HeaderDrawer-resources-need-a-quote-"]{justify-content:center;border:1px solid var(--ptx-navy)!important;border-radius:8px;padding:12px!important;margin:6px 0 0!important;font-weight:700!important;color:var(--ptx-navy)!important}
.menu-drawer__navigation [id^="HeaderDrawer-resources-need-a-quote-"][href*="quote"]{background:var(--ptx-green);border-color:var(--ptx-green)!important;color:#fff!important}

/* Hide floating Quote tab + chat bubble while the menu is open */
body:has(details.menu-drawer-container[open]) [class*="grfq"][class*="float"],
body:has(details.menu-drawer-container[open]) [class*="grfq"][class*="sticky"],
body:has(details.menu-drawer-container[open]) [id*="chizy" i],
body:has(details.menu-drawer-container[open]) [class*="chizy" i]{display:none!important}
/* ===== end mobile menu ===== */
/* Hide "177 products" count on collection & search pages */
.products-count-wrapper,[data-testid="products-count"]{display:none!important}
/* Hide total product count (Findter / any filter app) */
[class*="product-count" i],
[class*="products-count" i],
[class*="productcount" i],
[class*="total-product" i],
[class*="result-count" i],
[class*="results-count" i]{display:none!important}
/* 1. Brand green, accessible shade.
      #4B862A on white = 4.43:1 (fails WCAG AA 4.5:1 for normal text)
      #467E27 on white = 4.91:1 (passes) – visually almost identical.
      Fixes every inline-styled page we built (About, FAQ, Resources, Shipping,
      Returns, Terms, Privacy, Blog, Collections, Contact) without re-pasting them. */
[style*="background:#4B862A"],[style*="background: #4B862A"],
[style*="background-color:#4B862A"],[style*="background:#4b862a"]{background-color:#467E27!important;background-image:none!important}
[style*="color:#4B862A"],[style*="color: #4B862A"],[style*="color:#4b862a"]{color:#467E27!important}
[style*="border-top:4px solid #4B862A"]{border-top-color:#467E27!important}

/* custom sections & menus that use the green as a variable or class */
.ptx-dir,.ptg,.ptp,.menu-drawer__navigation{--green:#467E27;--ptx-green:#467E27}
.ptg-btn:not(.alt),.ptp-btn:not(.alt){background:#467E27!important}
.ptg-more,.ptp-rel-h a,.ptg-tag,.ptp-tag{color:#2f5f19!important}
.mega-menu__grid:has(.mega-menu__link[href^="/blogs/guides"]) .mega-menu__column:nth-child(4) ul li:first-child .mega-menu__link{background:#467E27!important;border-color:#467E27!important}
.menu-drawer__navigation [id^="HeaderDrawer-resources-need-a-quote-"][href*="quote"]{background:#467E27!important;border-color:#467E27!important}
.header-menu .menu-list__list-item:hover .menu-list__link,
.header-menu .menu-list__list-item:hover .menu-list__link-title,
.header-menu .menu-list__link--active,.header-menu .menu-list__link--active .menu-list__link-title,
.header-menu .menu-list__list-item.ptx-active .menu-list__link,
.header-menu .menu-list__list-item.ptx-active .menu-list__link-title{color:#467E27!important}

/* 2. Home hero: give the hero a navy base colour behind the photo.
      Looks identical (the photo covers it) but text contrast is now
      measured against navy instead of light grey (#EAEAEA). */
[class^="ai-hero-"]:has(> [class*="__media"]){background-color:#0B233C!important}
.hero-features .feature-item span{text-shadow:0 1px 3px rgba(0,0,0,.6)}

/* 3. Home hero primary button: light green (#65B84F) with white text = 2.46:1 */
.hero-btn.primary-btn{background-color:#467E27!important;border-color:#467E27!important;color:#fff!important}
.hero-btn.primary-btn:hover{background-color:#3F7524!important}

/* 4. Findter search: hide empty "loading" placeholder headings (WAVE: empty heading) */
.search-filters__quick-searches-placeholer{display:none!important}
.search-filters__search-suggestion-product-list-header:has(> .search-filters__placeholder-item:only-child){display:none!important}

/* 5. Visible keyboard focus everywhere (WCAG 2.4.7) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #0B233C!important;outline-offset:2px!important}
/* ===== end accessibility fixes ===== */
   .announcement-bar, .announcement-bar * { line-height: 1.5 !important; overflow: visible !important; }