/** Shopify CDN: Minification failed

Line 742:1 Expected "}" to go with "{"

**/
/* ============================================================
   ARUVA — CLEAN BASE CSS v1.0
   Purpose: Brand palette, buttons, header/footer bars, nav text,
   spacing, badges, specs table, shadow system.
   ============================================================ */


/* =======================
   BRAND PALETTE TOKENS
   ======================= */
:root {
  --aruva-soft-ivory:#FDFCFB;       /* Soft Ivory — text on dark */
  --aruva-linen:#D8C9B9;           /* Linen — borders/frames */
  --aruva-graphite:#4A4A47;        /* Charcoal — body text */
  --aruva-deep-graphite:#3E3A36;   /* Deep Graphite — header/footer */
  --aruva-woven-taupe:#B8A999;     /* Neutral taupe */
  --aruva-apricot-clay:#C78E72;    /* Secondary warm accent */
  --aruva-seafoam-veil:#8FC9C0;    /* Serenity accent */
  --aruva-cta:#C97A56;             /* Burnt Clay — primary CTA */

  --color-shadow: 190, 187, 184;   /* Soft Charcoal Shadow */
  --media-shadow-opacity: 0.15;
  --color-background-contrast: 62, 58, 54; /* Deep Graphite */
}


/* =======================
   BUTTONS
   ======================= */
button,[type=submit],[role=button],
a[class*="btn"],a[class*="button"],
.button,.btn,.button--primary,.button--solid,
.shopify-payment-button__button--unbranded,
.cart__checkout,.cart__checkout-button {
  border-radius:9999px;
  letter-spacing:.01em;
  transition: box-shadow .2s, transform .2s;
  box-shadow: 0 2px 6px rgba(190,187,184,.25);
  color: var(--aruva-soft-ivory) !important;
  background-color: var(--aruva-cta) !important;
  border:1px solid var(--aruva-linen);
}

button:hover,[type=submit]:hover,[role=button]:hover,
a[class*="btn"]:hover,a[class*="button"]:hover,
.button:hover,.btn:hover {
  transform: translateY(-1px);
}


/* =======================
   TYPOGRAPHY + SPACING
   ======================= */
h1,h2,h3 { letter-spacing:.01em; }

.section--tight { padding-block: 28px; }
.section--roomy { padding-block: 56px; }


/* =======================
   BADGES
   ======================= */
.aruva-badges{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
}

.aruva-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid var(--aruva-linen);
  border-radius:9999px;
  font-size:.9rem;
  color:var(--aruva-graphite);
}


/* =======================
   BENEFITS
   ======================= */
.aruva-benefits{
  display:grid;
  gap:14px;
}

.aruva-benefit{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.aruva-benefit strong{
  font-weight:600;
}


/* =======================
   SPECS TABLE
   ======================= */
.aruva-specs{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.aruva-specs th,
.aruva-specs td{
  padding:10px 12px;
  border-bottom:1px solid #eee;
}

.aruva-specs th{
  width:32%;
  color:var(--aruva-graphite);
  font-weight:600;
}


/* ===== ARUVA HEADER & FOOTER — HARD ENFORCEMENT v2 ===== */

/* HEADER OUTER SECTION + INNER WRAPPER
   Goal: full-width Deep Graphite rails and Ivory text,
   matching the working .section-header logic from the earlier file. */

/* Outer header section that spans full width */
.shopify-section-header,
.section-header,
.site-header,
header[role="banner"] {
  background-color: var(--aruva-deep-graphite) !important;
  color: var(--aruva-soft-ivory) !important;
}

/* Inner header wrapper + header element itself */
.section-header .header-wrapper,
.section-header .header {
  background-color: transparent !important; /* use outer graphite */
  color: var(--aruva-soft-ivory) !important;
  --color-foreground: 253, 252, 251 !important; /* Soft Ivory RGB */
}

/* Header links + menu items */
.section-header .header,
.section-header .header a,
.section-header .list-menu__item--link,
header[role="banner"] a {
  color: var(--aruva-soft-ivory) !important;
}

/* Header icons */
.section-header .header__icon,
.section-header .header__icon svg {
  color: var(--aruva-soft-ivory) !important;
  fill: var(--aruva-soft-ivory) !important;
}

/* Hover feedback: subtle opacity only */
.section-header .list-menu__item--link:hover,
.section-header .list-menu__item--link:focus {
  opacity: 0.85;
}

/* Current/active menu item — underline only */
.section-header .header .list-menu__item--link[aria-current],
header[role="banner"] .list-menu__item--link[aria-current] {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ===== FOOTER — FULL-WIDTH DEEP GRAPHITE + IVORY, BROAD CATCH-ALL ===== */

/* Outer footer sections: use very broad selectors to catch the real container */
footer,
.shopify-section-footer,
.section-footer,
.footer,
.footer-wrapper,
[id*="Footer"],
[id*="footer"],
.section-footer-padding {
  background-color: var(--aruva-deep-graphite) !important;
  color: var(--aruva-soft-ivory) !important;
  --color-background: 62, 58, 54 !important;     /* Deep Graphite RGB */
  --color-foreground: 253, 252, 251 !important;  /* Soft Ivory RGB */
}

/* Inner footer content + blocks + links */
footer a,
.footer a,
.footer-wrapper a,
footer [class*="link"],
footer .footer__content,
footer .footer__content-top,
footer .footer__content-bottom,
footer .footer-block {
  color: var(--aruva-soft-ivory) !important;
}
/* ===== ARUVA FOOTER RAIL — SECTION GROUP OVERRIDE (SAFE) ===== */

/* Many themes wrap the footer in a section group. This gently forces
   that outer rail to Deep Graphite, without touching global variables. */

.shopify-section-group-footer {
  background-color: var(--aruva-deep-graphite) !important;
}
/* ===== ARUVA FOOTER — INLINE GRADIENT OVERRIDE (TARGETED) ===== */

/* This matches the footer element that has:
   class="footer gradient section-sections--18940468592800__footer-padding"
   and an inline ivory/green background gradient. We replace that gradient
   with Deep Graphite and set footer text to Soft Ivory. */

footer.footer.gradient.section-sections--18940468592800__footer-padding {
  background: var(--aruva-deep-graphite) !important;
  color: var(--aruva-soft-ivory) !important;
}

/* Make sure links and common footer text inside stay Ivory */
footer.footer.gradient.section-sections--18940468592800__footer-padding,
footer.footer.gradient.section-sections--18940468592800__footer-padding a,
footer.footer.gradient.section-sections--18940468592800__footer-padding .footer__content-top,
footer.footer.gradient.section-sections--18940468592800__footer-padding .footer__content-bottom,
footer.footer.gradient.section-sections--18940468592800__footer-padding .footer__copyright,
footer.footer.gradient.section-sections--18940468592800__footer-padding .footer-block__heading,
footer.footer.gradient.section-sections--18940468592800__footer-padding .footer-block__details-content {
  color: var(--aruva-soft-ivory) !important;
}
/* ===== ARUVA NEWSLETTER BOX — RESTORE WHITE INPUT ON GRAPHITE RAIL ===== */

/* The newsletter email field input */
footer.footer.gradient.section-sections--18940468592800__footer-padding input[type="email"],
footer.footer.gradient.section-sections--18940468592800__footer-padding .newsletter-form__field-wrapper input {
  background-color: var(--aruva-soft-ivory) !important; /* White/Ivory input field */
  color: var(--aruva-graphite) !important;              /* Dark text */
  border: 1px solid var(--aruva-linen) !important;       /* Linen frame */
}

/* Placeholder text */
footer.footer.gradient.section-sections--18940468592800__footer-padding input::placeholder {
  color: var(--aruva-graphite) !important;
  opacity: 0.7 !important;
}

/* The field wrapper (keeps padding clean even on dark footer) */
footer.footer.gradient.section-sections--18940468592800__footer-padding .newsletter-form__field-wrapper {
  background-color: transparent !important;
}
/* ===== ARUVA NEWSLETTER LABEL — HIDE FLOATING DUPLICATE ===== */

/* In the footer newsletter block, Dawn uses a floating label ("Email")
   on top of a placeholder ("Email"). On a dark footer this looks like
   ghosted/transparent text. We keep the placeholder and visually hide
   the label for a clean look while keeping it accessible. */

footer.footer.gradient.section-sections--18940468592800__footer-padding .newsletter-form__field-wrapper .field__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* ===== ARUVA NEWSLETTER INPUT TEXT COLORS ===== */

/* Entered text color */
footer.footer.gradient.section-sections--18940468592800__footer-padding input[type="email"],
footer.footer.gradient.section-sections--18940468592800__footer-padding .newsletter-form__field-wrapper input {
  color: var(--aruva-graphite) !important; /* Dark graphite text */
}

/* Placeholder color */
footer.footer.gradient.section-sections--18940468592800__footer-padding input::placeholder,
footer.footer.gradient.section-sections--18940468592800__footer-padding .newsletter-form__field-wrapper input::placeholder {
  color: var(--aruva-graphite) !important;
  opacity: 0.8 !important; /* Softened so it still reads like a placeholder */
}

/* Input background, reaffirmed */
footer.footer.gradient.section-sections--18940468592800__footer-padding input[type="email"],
footer.footer.gradient.section-sections--18940468592800__footer-padding .newsletter-form__field-wrapper input {
  background-color: var(--aruva-soft-ivory) !important;
}
/* ===== ARUVA OVERRIDE — Newsletter Success Icon Color ===== */

/* Make the success icon background Burnt Clay but keep the original
   white stroke for the tick/check shape. */

.footer .form__message svg,
.footer .form__message svg path,
.footer .form__message svg circle {
  fill: #C97A56 !important;
  color: #C97A56 !important;
  /* Note: no stroke override here so the white tick remains #fff */
}
/* ===== ARUVA — Announcement Bar Text Color Override ===== */

.announcement-bar,
.announcement-bar a,
.announcement-bar p,
.announcement-bar span {
  color: #FDFCFB !important;  /* Ivory */
}
/* ===== ARUVA HERO SUBTEXT COLOR OVERRIDE ===== */

.image-banner__text,
.image-banner__text p,
.image-banner__text span,
.banner__text,
.banner__text p {
  color: #FDFCFB !important;   /* Soft Ivory */
}

.button-wrapper {
  text-align: center;
  margin: 0 auto;
}
.button-wrapper .button {
  width: 100%;
  max-width: 480px; /* approximate Dawn 2-column width */
}
.aruva-cta-block__button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: block !important;
}

.aruva-cta-block__button a.button {
  display: block !important;
  background: var(--color-button, #c77857) !important;
  border: none !important;
  border-radius: 500px !important;
  padding: 16px 24px !important;
}
.button-wrapper {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}

.button-wrapper .button {
  display: block;
  margin: 0 auto;
  max-width: 420px;  /* matches your “big CTA” width */
}

/* Absolute force-hide on load */
.aruva-review-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
}

.aruva-review-lightbox:not(.aruva-review-lightbox--hidden) {
  display: flex;
}

.aruva-review-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.75);
  z-index: 1;
  pointer-events: auto;
}

.aruva-review-lightbox__content {
  position: relative;
  margin: auto;
  z-index: 2;
  pointer-events: auto;
}
/* === ARUVA LIGHTBOX — FORCED QUIET-LUXURY MOTION & DEPTH === */

/* Force our animation state */
/* === ARUVA LIGHTBOX — HARD LAYOUT LOCK, NO ANIMATION === */

/* Container: always fits inside viewport and centers content */
/* === ARUVA LIGHTBOX — VIEWPORT-LOCKED IMAGE, NO OVERFLOW === */

/* Content: center the image, let the image itself control size */
body #aruva-review-lightbox .aruva-review-lightbox__content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* NEW: make the wrapper fill the viewport so centering actually works */
  min-height: 100vh !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* Image: must always fit inside viewport with breathing room */
body #aruva-review-lightbox img.aruva-review-lightbox__image {
  /* Leave at least ~40px top/bottom and left/right */
  max-width: calc(100vw - 80px) !important;
  max-height: calc(100vh - 160px) !important;


  width: auto !important;
  height: auto !important;
  object-fit: contain !important;

  /* Slow fade-in base state */
  opacity: 0 !important;
  transition: opacity 480ms ease-out !important;
  
  /* Nudge image slightly upward toward the close button */
  margin-top: -48px !important;

  border-radius: 18px !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.35),
    0 6px 18px rgba(0, 0, 0, 0.18) !important;
}

/* Backdrop: dim + blur */
body #aruva-review-lightbox .aruva-review-lightbox__backdrop {
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body #aruva-review-lightbox:not(.aruva-review-lightbox--hidden)
  img.aruva-review-lightbox__image {
  opacity: 1 !important;
}
/* Closing CTA spacing — only this Rich text section on the PDP */
/* Closing CTA spacing — tuned for natural breathing rhythm */

/* 1) Very tight link between the two headlines */
#shopify-section-template--19040078037152__rich_text_Me8Umn .rich-text__blocks > h2 + h2 {
  margin-top: 0.35rem !important;
}

/* 2) Larger breath before descriptive copy (≈150% of previous) */
#shopify-section-template--19040078037152__rich_text_Me8Umn .rich-text__blocks > h2 + .rich-text__text {
  margin-top: 2.25rem !important;
}

/* 3) Slightly more space: description → button (≈30% more) */
#shopify-section-template--19040078037152__rich_text_Me8Umn .rich-text__blocks > .rich-text__text + .rich-text__buttons {
  margin-top: 2.3rem !important;
}

/* 4) Match spacing: button → trust line */
#shopify-section-template--19040078037152__rich_text_Me8Umn .rich-text__blocks > .rich-text__buttons + .rich-text__text {
  margin-top: 2rem !important;
}
/* === PDP Thumbnail Border Suppression (Aruva Palette-Compliant) === */

/* 1. Kill all default media borders on thumbnails */
.thumbnail-list .global-media-settings {
  border: none !important;
  box-shadow: none !important;
}

/* 2. Kill Dawn's active thumbnail ring */
.thumbnail[aria-current] {
  border: none !important;
  box-shadow: none !important;
}

/* 3. Palette-true active state using Frame Neutral (Linen) */
.thumbnail[aria-current] img {
  outline: 2px solid var(--aruva-linen);   /* Frame Neutral role */
  outline-offset: -2px;
  border-radius: 12px;
}
/* === PDP Thumbnail Corner Cleanup (Aruva Palette-Compliant) === */

/* Make thumbnail buttons sit on Soft Ivory instead of CTA color */
.thumbnail-list .thumbnail {
  background-color: var(--aruva-soft-ivory) !important; /* Background Base */
  border-radius: 16px !important; /* match your current rounding */
}

/* Ensure the inner image fills the button cleanly */
.thumbnail-list .thumbnail img {
  border-radius: 16px !important;
}
/* === PDP Hero Media — Remove Card Corners === */

/* Strip border/background from the main product media container */
.product-media-container.global-media-settings {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* === PDP Hero Image — Consistent 16px Rounded Corners (Palette-Aligned) === */

/* Outer media container */
.product-media-container.global-media-settings,
.product_media.media {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Image itself (PagePilot utility class) */
.product_media .pp-img-rounded-medium {
  border-radius: 16px !important;
}
html {
  scroll-behavior: smooth;
}
/* ARUVA: fix footer text block layout (Contact/Support block) */
.footer-block__details-content {
  display: block !important;        /* kill the flex behavior */
}

/* Ensure footer text wraps nicely in a single column */
.footer-block__details-content p {
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 0.5rem;            /* small breathing room between lines */
}
/* 1) Make footer text behave nicely */
.footer-block__details-content p {
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 0.5rem;
}

/* 2) Brand logo block – centered, modest spacing */
.footer-block__brand-info {
  display: flex;
  justify-content: center;
  margin-top: 12px !important;
  margin-bottom: 16px !important;
  text-align: center;
}

.footer-block__brand-info img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 3) Footer grid – align columns to the top, modest row gap */
/* Footer grid – tight vertical spacing */
.footer__blocks-wrapper {
  position: relative;
  align-items: flex-start !important;
  row-gap: 10px !important;     /* was 16 */
  margin-bottom: 2px !important;
}

/* Brand logo block – less air above/below */
.footer-block__brand-info {
  display: flex;
  justify-content: center;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
  text-align: center;
}

.footer-block__brand-info img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 4) Pull Subscribe up closer to the columns */
.footer__content-bottom,
.footer__newsletter {
  margin-top: 6px !important;
}

/* 5) Global footer padding – shrink bottom air */
.footer {
  padding-top: 24px !important;
  padding-bottom: 14px !important;
}
/* HARD LIMIT footer padding – shrink overall height */
.footer.footer {
  padding-top: 14px !important;
  padding-bottom: 6px !important;
}
/* Remove extra vertical padding inside footer content wrappers */
.footer__content-top,
.footer__content-bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Pull Subscribe upward slightly for tighter footer rhythm */
.footer__newsletter,
.footer-block--newsletter,
.footer .newsletter {
  margin-top: -14px !important;
}
.footer .newsletter-form {
  margin-top: 10px;   /* instead of pushing Subscribe with negative margin */
}
/* Remove phantom top gap before email link in footer */
.footer-block__details-content p:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Reviews CTA: secondary proof button */
.pagepilot-layout .aruva-reviews-cta{
  background:#d49c83!important;
  color:#4a4a47!important;
  display:inline-block;
  text-align:center;
  padding:15px 15px;
  border:1px solid var(--aruva-linen)!important;
  text-decoration:none;
}
/* Rich Text Reviews buttons Sections that link to full [reviews] page directly under Blocks 13 & 16 - background shading & radius*/
#shopify-section-template--19040078037152__rich_text_i6jXeY .gradient{background:linear-gradient(180deg,rgba(185,168,150,.08) 0%,rgba(185,168,150,.08) 98%)!important;border-radius:0}

#shopify-section-template--19040078037152__rich_text_XczdDD .gradient{background:linear-gradient(180deg,rgba(185,168,150,.08) 0%,rgba(185,168,150,.08) 98%)!important;border-radius:0}

/* Footer mailto links — restrict hover/click affordance to email text only */
.footer-block__details-content.list-menu__item,
.footer-block__details-content.list-menu__item--link {
  cursor: default;
}

.footer-block__details-content a[href^="mailto:"] {
  display: inline;
  cursor: pointer;
  text-decoration: none;
}

.footer-block__details-content a[href^="mailto:"]:hover {
  text-decoration: underline;
}
/* Footer text links — consistent hover underline */
.footer a:hover { text-decoration: underline; }

/* PDP CTA reassurance line: disable links on mobile + keep identical styling */
@media (max-width: 749px){
#shopify-section-template--19040078037152__rich_text_Me8Umn .rich-text__text a{
pointer-events:none;cursor:default;
color:inherit!important;opacity:1!important;
text-decoration:none!important;
}

/* Mobile drawer readability: use theme variables (iOS washed-out menu fix) */
@media (max-width: 989px){
  header-drawer details[open] .menu-drawer{
    background: rgb(var(--color-background)) !important;
  }
  header-drawer details[open] .menu-drawer,
  header-drawer details[open] .menu-drawer *{
    color: rgb(var(--color-foreground)) !important;
    opacity: 1 !important;
  }
}
/* Judge.me Floating Reviews Tab — force LEFT (Judge.me uses attribute selectors) */
.jdgm-revs-tab-btn[position="right"]{
  right: auto !important;
  left: 12px !important;
}
/* ===== ARUVA: Validation Klaviyo wrapper (custom liquid) ===== */
.klaviyo-form-RWQ6KA{
  max-width:520px;
  margin:0 auto;
}

/* Force the injected form elements to fit the wrapper */
.klaviyo-form-RWQ6KA form{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* Make typical fields full-width (but do NOT force submit controls visible) */
.klaviyo-form-RWQ6KA input:not([type="submit"]):not([type="button"]):not([type="hidden"]),
.klaviyo-form-RWQ6KA textarea,
.klaviyo-form-RWQ6KA select{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  display:block !important;
}

/* Buttons can be full-width without touching hidden submit fallback */
.klaviyo-form-RWQ6KA button{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
/* Safety: keep Klaviyo fallback submit hidden */
.klaviyo-form-RWQ6KA input[type="submit"][value="Submit"],
.klaviyo-form-RWQ6KA input[type="submit"]{
  display:none !important;
}#shopify-section- template--19585235517600__video_TD4iqx  video {
  transform-origin: center center;
  animation: aruvaBreath 14s ease-in-out infinite;
  will-change: transform;
}
/* ARUVA — Center the bullet block on desktop, keep bullets left-aligned */
@media (min-width: 750px) {
  #shopify-section-template--19585235517600__rich_text_gUR4Vj .rich-text__wrapper {
    justify-content: center !important; /* flex centering */
  }

  #shopify-section-template--19585235517600__rich_text_gUR4Vj .rich-text__blocks {
    flex: 0 0 auto !important;          /* don't stretch full width */
    width: fit-content !important;      /* shrink to content width */
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;        /* bullets align cleanly */
  }

  /* Ensure the actual text inside doesn't re-center */
  #shopify-section-template--19585235517600__rich_text_gUR4Vj .rich-text__text,
  #shopify-section-template--19585235517600__rich_text_gUR4Vj .rich-text__text p {
    text-align: left !important;
  }
}
/* ARUVA: Bullet block = centered as a unit, left-aligned text inside */
#shopify-section-template--19585235517600__rich_text_gUR4Vj .rich-text__text {
  text-align: center !important; /* centers the inline-block paragraph */
}

#shopify-section-template--19585235517600__rich_text_gUR4Vj .rich-text__text p {
  display: inline-block !important; /* makes the bullet paragraph a "block" we can center */
  text-align: left !important;      /* keeps bullets/text aligned */
  margin: 0 auto !important;
  width: fit-content !important;
}