/** Shopify CDN: Minification failed

Line 45:0 All "@import" rules must come first

**/
/* ==========================================================
   COOLINGPRODUCT — LUXURY HVAC OVERLAY FOR DAWN THEME
   Drop this into Dawn's CSS to transform the whole look.
   
   Install: 
   1. Shopify Admin → Online Store → Themes → Dawn → Actions → Edit Code
   2. Assets folder → Add a new asset → Create blank file → name: cooling-luxury.css
   3. Paste this entire file
   4. Open layout/theme.liquid
   5. Find the line: {{ 'base.css' | asset_url | stylesheet_tag }}
   6. RIGHT AFTER that line, add: {{ 'cooling-luxury.css' | asset_url | stylesheet_tag }}
   7. Save
   ========================================================== */

/* ---------- 1. COLOR & FONT VARIABLES ---------- */
:root {
  --cool-ink: #0A1628;
  --cool-shade: #0F1E33;
  --cool-deep: #060F1A;
  --cool-frost: #E8EEF4;
  --cool-glacier: #5BAAE6;
  --cool-neon: #00D4FF;
  --cool-steel: #94A3B8;
  --cool-mute: #6B7A8E;
  --cool-line: rgba(232, 238, 244, 0.10);
  --cool-line-strong: rgba(232, 238, 244, 0.18);
  --cool-success: #4ADE80;
  --cool-amazon: #FF9900;
  
  /* Override Dawn's variables */
  --color-base-text: 232, 238, 244;
  --color-base-background-1: 10, 22, 40;
  --color-base-background-2: 15, 30, 51;
  --color-base-accent-1: 0, 212, 255;
  --color-base-accent-2: 91, 170, 230;
  --color-base-outline-button-labels: 232, 238, 244;
}

/* Load luxury fonts */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

/* ---------- 2. GLOBAL BODY OVERRIDE ---------- */
body {
  background: var(--cool-ink) !important;
  color: var(--cool-frost) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/* All Dawn page wrappers */
.page-width,
.color-background-1,
.color-background-2,
main { background: var(--cool-ink) !important; color: var(--cool-frost) !important; }

/* ---------- 3. TYPOGRAPHY ---------- */
h1, h2, h3, h4, h5,
.h0, .h1, .h2, .h3, .h4, .h5,
.section-header__title,
.title,
.card__heading,
.card__heading a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.5px !important;
  color: var(--cool-frost) !important;
}

h1, .h1 { font-size: clamp(40px, 6vw, 72px) !important; line-height: 1.05 !important; letter-spacing: -1.5px !important; }
h2, .h2 { font-size: clamp(32px, 4.5vw, 52px) !important; line-height: 1.1 !important; }
h3, .h3 { font-size: clamp(22px, 3vw, 32px) !important; line-height: 1.2 !important; }

p, .rte p, li { color: rgba(232, 238, 244, 0.78); line-height: 1.7; }

/* Italic accents */
h1 em, h2 em, h3 em, .h1 em, .h2 em, .h3 em {
  font-style: italic !important;
  color: var(--cool-glacier) !important;
}

/* Caps labels */
.subtitle, .caption, .caption-with-letter-spacing {
  text-transform: uppercase;
  letter-spacing: 2.5px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--cool-neon) !important;
}

/* ---------- 4. HEADER ---------- */
.header-wrapper {
  background: rgba(10, 22, 40, 0.92) !important;
  border-bottom: 1px solid var(--cool-line) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.header {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.header__menu-item,
.header__active-menu-item,
.header__menu-item span,
.list-menu__item {
  color: var(--cool-frost) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 2px !important;
  transition: color 0.3s;
}

.header__menu-item:hover,
.header__menu-item:hover span { color: var(--cool-neon) !important; }

/* Logo — auto-invert your soft-blue logo to white for the dark header */
.header__heading-logo,
.header__heading-link img {
  filter: brightness(0) invert(1);
  max-height: 48px !important;
  width: auto !important;
}

/* Logo on footer (no invert — show original color) */
.footer .header__heading-logo,
.footer img[src*="logo"] {
  filter: none !important;
}

/* Cart bubble */
.cart-count-bubble {
  background: var(--cool-neon) !important;
  color: var(--cool-ink) !important;
  font-weight: 800;
}

.header__icon { color: var(--cool-frost) !important; }
.header__icon:hover { color: var(--cool-neon) !important; }

/* ---------- 5. ANNOUNCEMENT BAR ---------- */
.announcement-bar,
.utility-bar {
  background: var(--cool-deep) !important;
  color: var(--cool-frost) !important;
  border-bottom: 1px solid var(--cool-line);
}

.announcement-bar__message {
  font-size: 11.5px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;
  font-weight: 500 !important;
  padding: 12px 20px !important;
}

.announcement-bar strong { color: var(--cool-neon) !important; font-weight: 600; }

/* ---------- 6. BUTTONS ---------- */
.button,
button[type="submit"],
.shopify-payment-button__button,
.product-form__submit {
  background: var(--cool-neon) !important;
  color: var(--cool-ink) !important;
  border: none !important;
  font-size: 12px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  padding: 18px 34px !important;
  box-shadow: 0 0 28px rgba(0, 212, 255, 0.25);
  transition: all 0.3s;
  border-radius: 0 !important;
}

.button:hover,
button[type="submit"]:hover,
.product-form__submit:hover {
  background: var(--cool-neon) !important;
  transform: translateY(-2px);
  box-shadow: 0 0 44px rgba(0, 212, 255, 0.45);
}

.button--secondary,
.button.button--secondary {
  background: transparent !important;
  color: var(--cool-frost) !important;
  border: 1px solid var(--cool-line-strong) !important;
  box-shadow: none !important;
}

.button--secondary:hover {
  border-color: var(--cool-neon) !important;
  color: var(--cool-neon) !important;
}

/* ---------- 7. CARDS (Product cards, collection cards) ---------- */
.card,
.card-wrapper,
.card__inner,
.collection-list__item {
  background: transparent !important;
  border: none !important;
}

.card__media,
.card__media-wrapper,
.media {
  background: linear-gradient(135deg, #14253A 0%, #0A1628 100%) !important;
  border: 1px solid var(--cool-line) !important;
  transition: all 0.4s;
  overflow: hidden;
}

.card:hover .card__media { border-color: var(--cool-neon) !important; transform: translateY(-4px); }

.card__heading,
.card__heading a {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: var(--cool-frost) !important;
}

.card__heading a:hover { color: var(--cool-neon) !important; }

.card__information { padding: 16px 0 0 !important; }

/* ---------- 8. PRICING ---------- */
.price,
.price__regular,
.price-item,
.price-item--regular,
.product__price,
.price__current {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: var(--cool-frost) !important;
}

.price__sale .price-item--regular,
.price-item--sale ~ .price-item--regular,
.price-item--last,
s.price-item {
  text-decoration: line-through !important;
  color: var(--cool-mute) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.price--on-sale .price-item--sale,
.price__sale .price-item--sale {
  color: var(--cool-frost) !important;
  font-weight: 600;
}

.price__badge-sale,
.badge,
.product-card__badge {
  background: var(--cool-shade) !important;
  color: var(--cool-neon) !important;
  border: 1px solid rgba(0, 212, 255, 0.3) !important;
  padding: 5px 10px !important;
  font-size: 9.5px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 0 !important;
}

/* ---------- 9. PRODUCT PAGE ---------- */
.product__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(36px, 5vw, 56px) !important;
  font-weight: 500 !important;
  letter-spacing: -1.5px !important;
  line-height: 1.05 !important;
  margin-bottom: 18px !important;
}

.product__info-wrapper { padding-left: var(--space-md, 22px); }

.product__media-wrapper { background: transparent !important; }

.product__media-item {
  background: linear-gradient(135deg, #14253A 0%, #0A1628 100%) !important;
  border: 1px solid var(--cool-line) !important;
}

.product__description { color: rgba(232, 238, 244, 0.75); line-height: 1.7; }

/* Variant selectors */
.product-form__input legend,
.form__label {
  text-transform: uppercase;
  letter-spacing: 2px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--cool-frost) !important;
  margin-bottom: 12px !important;
}

.product-form__input input[type="radio"] + label,
.product-form__input .product-form__input-pill,
fieldset .product-form__input-pill,
select {
  background: var(--cool-shade) !important;
  border: 1px solid var(--cool-line) !important;
  color: var(--cool-frost) !important;
  padding: 13px 22px !important;
  font-size: 12px !important;
  border-radius: 0 !important;
  transition: all 0.3s;
}

.product-form__input input[type="radio"]:checked + label,
.product-form__input-pill.active {
  border-color: var(--cool-neon) !important;
  background: rgba(0, 212, 255, 0.08) !important;
  color: var(--cool-neon) !important;
}

/* Quantity selector */
.quantity {
  border: 1px solid var(--cool-line-strong) !important;
  background: transparent !important;
}

.quantity__input,
.quantity__button {
  color: var(--cool-frost) !important;
  background: transparent !important;
}

/* ---------- 10. SECTIONS BACKGROUNDS ---------- */
.shopify-section {
  background: var(--cool-ink);
  color: var(--cool-frost);
}

.shopify-section--alt {
  background: var(--cool-shade);
}

/* Featured/hero sections */
.banner__media,
.banner__box,
.banner__content {
  background: linear-gradient(135deg, var(--cool-deep) 0%, var(--cool-ink) 50%, var(--cool-shade) 100%);
  color: var(--cool-frost);
}

/* ---------- 11. FOOTER ---------- */
.footer {
  background: var(--cool-deep) !important;
  color: var(--cool-steel) !important;
  border-top: 1px solid var(--cool-line);
  padding: 70px 0 28px !important;
}

.footer-block__heading,
.footer h2,
.footer__heading {
  font-size: 11px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--cool-neon) !important;
  font-weight: 700 !important;
  font-family: 'Inter', sans-serif !important;
  margin-bottom: 18px !important;
}

.footer a,
.footer__list-social a,
.list-menu__item--link {
  color: rgba(232, 238, 244, 0.65) !important;
  font-size: 13px !important;
  transition: color 0.3s;
}

.footer a:hover { color: var(--cool-neon) !important; }

.footer__content-bottom {
  border-top: 1px solid var(--cool-line) !important;
  padding-top: 28px;
}

.copyright__content {
  color: var(--cool-mute);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* Newsletter form in footer */
.footer-block-newsletter .field {
  background: var(--cool-shade);
  border: 1px solid var(--cool-line-strong);
}

.footer-block-newsletter .field__input {
  color: var(--cool-frost) !important;
  background: transparent;
  padding: 16px 18px;
}

/* ---------- 12. CART PAGE & DRAWER ---------- */
.cart-drawer,
.cart-drawer__inner {
  background: var(--cool-ink) !important;
  color: var(--cool-frost) !important;
  border-left: 1px solid var(--cool-line);
}

.cart-item__name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: var(--cool-frost) !important;
}

.cart-item__details { color: var(--cool-steel); }

.totals,
.cart__footer { 
  background: var(--cool-shade) !important; 
  border-top: 1px solid var(--cool-line) !important;
}

.totals__total-value {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  color: var(--cool-frost) !important;
}

/* ---------- 13. COLLECTION/SEARCH PAGES ---------- */
.collection-hero,
.collection__title {
  text-align: center;
  padding: 60px var(--container-padding, 56px);
}

.facets-wrapper,
.facets__form {
  background: var(--cool-shade);
  border: 1px solid var(--cool-line);
  padding: 24px;
}

.facets__heading,
.facets__summary {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 18px !important;
  color: var(--cool-frost) !important;
}

.facet-checkbox label {
  color: var(--cool-frost);
  font-size: 13.5px;
}

.facet-checkbox input:checked + label { color: var(--cool-neon); font-weight: 600; }

/* Sort dropdown */
.facets__sort .select { color: var(--cool-frost); }

/* Pagination */
.pagination__list a,
.pagination__list span {
  color: var(--cool-steel);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 12px;
}

.pagination__item--current,
.pagination__list a:hover { color: var(--cool-neon); }

/* ---------- 14. FORMS & INPUTS ---------- */
.field,
.field__input,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea {
  background: var(--cool-shade) !important;
  border: 1px solid var(--cool-line-strong) !important;
  color: var(--cool-frost) !important;
  border-radius: 0 !important;
  font-family: 'Inter', sans-serif !important;
  padding: 16px 18px !important;
  font-size: 14px !important;
  transition: border-color 0.3s;
}

input:focus, textarea:focus, .field:focus-within {
  border-color: var(--cool-neon) !important;
}

input::placeholder, textarea::placeholder { color: var(--cool-mute) !important; }

.field__label { color: var(--cool-mute) !important; }

/* ---------- 15. UTILITY ---------- */
hr, .border { border-color: var(--cool-line) !important; }

/* Selection color */
::selection { background: var(--cool-neon); color: var(--cool-ink); }

/* Scrollbar (Webkit) */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--cool-deep); }
::-webkit-scrollbar-thumb { background: var(--cool-line-strong); }
::-webkit-scrollbar-thumb:hover { background: var(--cool-glacier); }

/* ---------- 16. PASSWORD/MAINTENANCE PAGE ---------- */
.password-page,
.shopify-section--password { background: var(--cool-ink) !important; color: var(--cool-frost) !important; }

/* ---------- 17. RESPONSIVE TUNING ---------- */
@media (max-width: 749px) {
  .header { padding: 16px 20px !important; }
  .header__heading-logo { max-height: 36px !important; }
  
  h1, .h1 { font-size: 36px !important; }
  h2, .h2 { font-size: 28px !important; }
  
  .button { padding: 16px 28px !important; font-size: 11px !important; }
}
/* ===== Mobile fixes ===== */
.menu-drawer__menu--childlist,
.menu-drawer .menu-drawer__menu--childlist { display: none !important; }

@media (max-width: 749px) {
  /* Header: full width, on-theme colour, no white side gaps */
  #header-group, .shopify-section-group-header-group, .header-section,
  header-component, .header, .header__row, .header__row--top,
  .header__row--bottom, .header__wrapper, .header__columns,
  .header__inline-menu, .header__heading, .header__actions {
    background-color: #DCEBF7 !important; border-radius: 0 !important;
    margin-left: 0 !important; margin-right: 0 !important;
  }
  #header-group, .shopify-section-group-header-group,
  header-component, .header, .header__row {
    width: 100% !important; max-width: 100% !important;
  }
  /* Buy box: stop the quantity picker and Add to Cart from overlapping */
  .product-form-buttons { flex-wrap: wrap !important; row-gap: 12px !important; align-items: center !important; }
  .product-form-buttons .quantity-selector-wrapper,
  .product-form-buttons quantity-selector-component { flex: 0 0 auto !important; }
  .product-form-buttons add-to-cart-component,
  .product-form-buttons .add-to-cart-button,
  .product-form-buttons [class*="add-to-cart"] { flex: 1 1 100% !important; width: 100% !important; }
}
/* Header mobile: remove any remaining white corners */
@media (max-width: 749px) {
  #header-group,
  #header-group *:not(.cart-bubble__background):not(.cart-bubble):not(svg):not(path):not(img) {
    background-color: #DCEBF7 !important;
    background-image: none !important;
    border-radius: 0 !important;
  }
  #header-group .cart-bubble__background { background-color: #12233B !important; }
}