/** Shopify CDN: Minification failed

Line 345:0 Unexpected "}"

**/
:root{
  --bg:#0a0b0d;
  --bg-2:#111317;
  --surface:#16181c;
  --surface-2:#1e2126;
  --line:rgba(255,255,255,0.08);
  --text:#f5f6f7;
  --text-dim:#a8adb5;
  --text-faint:#6b7078;

  /* Relax line accent ONLY — do not reuse globally */
  --relax:#57ead0;
  --relax-dark:#33bfa8;
  --relax-glow:rgba(87,234,208,0.18);

  /* Future line swatches — placeholders until launch */
  --sleep:#8b8ff0;
  --energy:#ff9452;
}

*{box-sizing:border-box;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter', sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  margin:0;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}

.logo{
  font-family:'Archivo Black', sans-serif;
  letter-spacing:-0.5px;
  text-transform:uppercase;
  font-style:italic;
}

/* Announcement bar */
.announce{
  background:var(--bg-2);
  border-bottom:1px solid var(--line);
  text-align:center;
  font-size:13px;
  color:var(--text-dim);
  padding:9px 16px;
  letter-spacing:0.3px;
}
.announce b{color:var(--text); font-weight:600;}

/* Nav */
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(10,11,13,0.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
nav.wrap{
  display:flex; align-items:center; justify-content:space-between;
  height:76px;
}
.nav-logo{font-size:24px;}
.nav-links{display:flex; align-items:center; gap:30px; font-size:14px; font-weight:600;}
.nav-links a{color:var(--text-dim); transition:color .15s;}
.nav-links a:hover{color:var(--text);}
.nav-links a.active{color:var(--relax);}
.soon-tag{
  font-size:9px; font-weight:700; letter-spacing:0.5px;
  padding:2px 6px; border-radius:20px; margin-left:6px;
  background:var(--surface-2); color:var(--text-faint);
  vertical-align:middle; text-transform:uppercase;
}
.nav-actions{display:flex; align-items:center; gap:18px;}
.icon-btn{color:var(--text-dim); font-size:18px; cursor:pointer;}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 24px; border-radius:8px;
  font-weight:700; font-size:14px; letter-spacing:0.2px;
  cursor:pointer; border:none; transition:transform .15s, box-shadow .15s, background .15s;
  white-space:nowrap;
}
.btn-relax{background:var(--relax); color:#04201a;}
.btn-relax:hover{background:var(--relax-dark); transform:translateY(-1px);}
.btn-ghost{background:transparent; color:var(--text); border:1px solid var(--line);}
.btn-ghost:hover{border-color:rgba(255,255,255,0.25);}
.btn-small{padding:9px 16px; font-size:13px;}

/* Hero */
.hero{
  position:relative;
  padding:76px 0 90px;
  overflow:hidden;
  background:
    radial-gradient(700px 420px at 82% 20%, var(--relax-glow), transparent 60%),
    var(--bg);
  border-bottom:1px solid var(--line);
}
.hero .wrap{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center;
}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--text-faint); margin-bottom:22px;
}
.eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--relax);}
.hero h1{
  font-family:'Archivo Black', sans-serif;
  font-style:italic;
  text-transform:uppercase;
  font-size:76px;
  line-height:0.92;
  letter-spacing:-1px;
  margin:0;
}
.hero h1 .line{
  color:var(--relax);
  font-size:0.5em;
  display:block;
  margin-top:10px;
  letter-spacing:2px;
}
.hero p.sub{
  margin-top:24px;
  font-size:18px;
  color:var(--text-dim);
  max-width:440px;
}
.hero .cta-row{
  display:flex; gap:14px; margin-top:34px; flex-wrap:wrap;
}
.trust-row{
  display:flex; gap:26px; margin-top:36px; flex-wrap:wrap;
}
.trust-row .item{
  font-size:13px; color:var(--text-faint); display:flex; align-items:center; gap:7px;
}
.trust-row .item::before{content:"✓"; color:var(--relax); font-weight:700;}

.hero-art{
  position:relative;
  display:flex; align-items:center; justify-content:center;
 }
.hero-art::before{content:""; position:absolute; width:min(400px, 70%); height:min(400px, 70%); max-width:100%; max-height:100%; background:radial-gradient(circle, var(--relax-glow), transparent 70%); z-index:0; pointer-events:none;}
.hero-rating{display:flex; align-items:center; gap:8px; margin:14px 0 0;}
.hero-rating-stars{color:var(--relax); font-size:15px; letter-spacing:2px;}
.hero-rating-score{color:var(--text); font-weight:700; font-size:14px;}
.hero-rating-count{color:var(--text-faint); font-size:13px;}
.body-wrap{position:relative;}
.read-more-checkbox{display:none;}
.read-more-label{display:none;}

/* Section heading */
.section{padding:90px 0;}
.section-alt{background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.section-head{text-align:center; max-width:600px; margin:0 auto 52px;}
.section-head .eyebrow{justify-content:center; width:100%;}
.section-head h2{
  font-family:'Archivo Black', sans-serif;
  font-style:italic;
  text-transform:uppercase;
  font-size:38px;
  letter-spacing:-0.5px;
  margin:0;
}
.section-head p{color:var(--text-dim); margin-top:14px; font-size:16px;}

/* Feature strip */
.feature-strip{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--line); border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}
.feature-strip .cell{background:var(--bg); padding:32px; text-align:center;}
.feature-strip .cell .n{
  font-family:'Archivo Black', sans-serif; font-style:italic; color:var(--relax);
  font-size:26px; display:block; margin-bottom:8px;
}
.feature-strip .cell .t{font-size:14px; color:var(--text-dim); font-weight:600;}

/* Product feature */
.product-feature{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start;}
.product-feature .art{
  background:var(--surface); border:1px solid var(--line); border-radius:20px;
  padding:16px; display:flex; align-items:center; justify-content:center;
}
.product-feature .art img{width:100%; max-width:460px; aspect-ratio:1542/1212; object-fit:cover; object-position:center 61%; border-radius:16px; box-shadow:0 20px 45px -15px rgba(0,0,0,0.55);}
.tag-relax{
  display:inline-block; font-size:11px; font-weight:800; letter-spacing:1px;
  text-transform:uppercase; color:#04201a; background:var(--relax);
  padding:5px 12px; border-radius:20px; margin-bottom:16px;
}
.product-feature h3{
  font-family:'Archivo Black', sans-serif; font-style:italic; text-transform:uppercase;
  font-size:34px; line-height:1.05; margin:0 0 16px;
}
.product-feature p.desc{color:var(--text-dim); font-size:16px; margin-bottom:24px;}
.price-row{display:flex; align-items:baseline; gap:10px; margin-bottom:26px;}
.price{font-size:28px; font-weight:800;}
.price-was{font-size:16px; color:var(--text-faint); text-decoration:line-through;}
.spec-list{list-style:none; margin:0 0 30px; padding:0;}
.spec-list li{
  display:flex; gap:10px; font-size:14px; color:var(--text-dim); padding:8px 0;
  border-bottom:1px solid var(--line);
}
.spec-list li span.k{color:var(--text); font-weight:600; min-width:130px;}

/* How to use */
.how-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.how-card{background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:30px;}
.how-card .num{
  width:34px; height:34px; border-radius:50%; background:var(--surface-2);
  color:var(--relax); font-weight:800; font-family:'Archivo Black', sans-serif;
  display:flex; align-items:center; justify-content:center; margin-bottom:18px; font-size:15px;
}
.how-card h4{font-size:17px; margin:0 0 8px; font-weight:700;}
.how-card p{font-size:14px; color:var(--text-dim); margin:0;}

/* Lineup */
.lineup-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.line-card{
  border-radius:16px; padding:28px; border:1px solid var(--line);
  display:flex; flex-direction:column; gap:14px; min-height:190px;
}
.line-card.active{
  background:linear-gradient(160deg, var(--surface) 0%, rgba(87,234,208,0.06) 100%);
  border-color:rgba(87,234,208,0.3);
}
.line-card.muted{background:var(--surface); opacity:0.72;}
.line-card .top{display:flex; justify-content:space-between; align-items:flex-start;}
.line-card .swatch{width:14px; height:14px; border-radius:4px;}
.line-card h4{
  font-family:'Archivo Black', sans-serif; font-style:italic; text-transform:uppercase;
  font-size:22px; margin:0;
}
.line-card p{font-size:13.5px; color:var(--text-dim); margin:0;}
.line-card .status{
  font-size:11px; font-weight:700; letter-spacing:0.5px; text-transform:uppercase;
  padding:4px 10px; border-radius:20px; width:fit-content;
}

/* Testimonials */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.testi-card{background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:26px;}
.stars{color:var(--relax); font-size:14px; margin-bottom:14px; letter-spacing:2px;}
.testi-card p{font-size:14.5px; color:var(--text-dim); margin:0 0 16px;}
.testi-card .who{font-size:13px; font-weight:700; color:var(--text);}
.testi-card .who span{color:var(--text-faint); font-weight:400;}

/* Newsletter */
.newsletter{
  background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  text-align:center; padding:70px 0;
}
.newsletter h3{
  font-family:'Archivo Black', sans-serif; font-style:italic; text-transform:uppercase;
  font-size:30px; margin:0 0 12px;
}
.newsletter p{color:var(--text-dim); margin:0 0 26px;}
.nform{display:flex; justify-content:center; gap:10px; max-width:420px; margin:0 auto;}
.nform input{
  flex:1; padding:13px 16px; border-radius:8px; border:1px solid var(--line);
  background:var(--surface); color:var(--text); font-size:14px; outline:none;
}
.nform input:focus{border-color:var(--relax);}
.nform-success{color:var(--relax); font-size:14px; font-weight:600;}

/* Footer */
.site-footer{padding:60px 0 30px;}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:50px;}
.foot-grid h5{font-size:13px; text-transform:uppercase; letter-spacing:0.5px; color:var(--text-faint); margin:0 0 16px;}
.foot-grid ul{list-style:none; margin:0; padding:0;}
.foot-grid ul li{margin-bottom:10px;}
.foot-grid ul li a{font-size:14px; color:var(--text-dim);}
.foot-grid ul li a:hover{color:var(--relax);}
.foot-grid p{font-size:14px; color:var(--text-dim); max-width:280px; margin-top:14px;}
.disclaimer{border-top:1px solid var(--line); padding-top:26px; font-size:12px; color:var(--text-faint); line-height:1.7;}
.disclaimer .bottom-row{display:flex; justify-content:space-between; margin-top:18px; flex-wrap:wrap; gap:10px;}

/* Collection grid + product card */
.collection-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.product-card{
  background:var(--surface); border:1px solid var(--line); border-radius:16px;
  overflow:hidden; display:block; transition:border-color .15s;
}
.product-card:hover{border-color:rgba(87,234,208,0.3);}
.product-card-image{background:var(--bg); padding:24px; display:flex; align-items:center; justify-content:center; min-height:200px;}
.product-card-body{padding:18px;}
.product-card-body h4{font-size:15px; font-weight:700; margin:0;}

/* Cart page */
.cart-lines{display:flex; flex-direction:column; gap:18px; margin-bottom:36px;}
.cart-line{
  display:flex; align-items:center; gap:18px; background:var(--surface);
  border:1px solid var(--line); border-radius:14px; padding:16px;
}
.cart-line img{width:72px; height:72px; object-fit:cover; border-radius:10px; background:var(--bg);}
.cart-line-info{flex:1;}
.cart-line-info h4{font-size:15px; margin:0 0 4px;}
.cart-line-info p{font-size:13px; color:var(--text-dim); margin:0;}
.cart-qty{
  width:60px; padding:8px; border-radius:8px; border:1px solid var(--line);
  background:var(--bg); color:var(--text); text-align:center;
}
.cart-summary{
  max-width:340px; margin-left:auto; text-align:right;
  display:flex; flex-direction:column; align-items:flex-end; gap:12px;
}
.cart-total{font-size:18px; font-weight:700; display:flex; justify-content:space-between; width:100%;}

@media (max-width:860px){
    .hero .wrap{grid-template-columns:minmax(0,1fr);}
      .hero .wrap > *{min-width:0;}
        .hero h1{font-size:52px;}
          .hero p.sub{max-width:100%;}
.hero-art{padding:0; width:100%;}
.hero-copy{display:flex; flex-direction:column;}
.hero-copy .eyebrow{order:1;}
.hero-copy h1{order:2;}
.hero-copy .hero-rating{order:3;}
.hero-copy .cta-row{order:4; margin-top:20px;}
.hero-copy .body-wrap{order:5;}
.hero-copy .trust-row{order:6;}
.read-more-text{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.read-more-checkbox:checked ~ .read-more-text{-webkit-line-clamp:unset; display:block;}
.read-more-label{display:inline-block; margin-top:6px; color:var(--relax); font-size:13px; font-weight:700; cursor:pointer; text-decoration:underline;}
.read-more-label .show-less{display:none;}
.read-more-checkbox:checked ~ .read-more-label .show-more{display:none;}
.read-more-checkbox:checked ~ .read-more-label .show-less{display:inline;}
                .product-feature{grid-template-columns:minmax(0,1fr);}
                .product-feature .art{padding:12px;}
                  .feature-strip{grid-template-columns:minmax(0,1fr);}
                    .how-grid, .lineup-grid, .testi-grid{grid-template-columns:minmax(0,1fr);}
                      .foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
                        .nav-links{display:none;}
                          .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
                          .pdp-badges{grid-template-columns:minmax(0,1fr) minmax(0,1fr);} .pdp-badge{font-size:11px; padding:6px 8px;}
                          }
}


/* PDP clean redesign — badges, urgency banner, tiered pack selector, trust row, accordion */
.pdp-badges{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; margin:16px 0 20px; max-width:100%; overflow-x:hidden; box-sizing:border-box;}
.pdp-badge{display:inline-flex; align-items:center; justify-content:center; gap:5px; font-size:12px; font-weight:600; color:var(--text-dim); background:var(--surface-2); border:1px solid var(--line); border-radius:20px; padding:6px 12px; min-width:0; max-width:100%; box-sizing:border-box;}

.pdp-urgency{background:var(--surface-2); border:1px solid var(--line); border-left:3px solid var(--relax); color:var(--text); font-size:13px; font-weight:600; padding:10px 14px; border-radius:8px; margin:14px 0 20px;}
.pdp-urgency span{color:var(--relax);}

.pdp-deals{margin-bottom:22px;}
.pdp-deals-label{font-size:12px; font-weight:800; letter-spacing:0.8px; text-transform:uppercase; color:var(--text-dim); margin:0 0 10px;}
.pdp-tier{position:relative; display:flex; align-items:center; gap:12px; border:1px solid var(--line); background:var(--surface); border-radius:12px; padding:14px 16px; margin-bottom:10px; cursor:pointer; transition:border-color .15s, background .15s;}
.pdp-tier input{position:absolute; opacity:0; pointer-events:none;}
.pdp-tier-radio{width:18px; height:18px; border-radius:50%; border:2px solid var(--line); flex:0 0 auto; position:relative;}
.pdp-tier.selected{border-color:var(--relax); background:var(--surface-2);}
.pdp-tier.selected .pdp-tier-radio{border-color:var(--relax);}
.pdp-tier.selected .pdp-tier-radio::after{content:""; position:absolute; inset:3px; border-radius:50%; background:var(--relax);}
.pdp-tier-info{display:flex; flex-direction:column; flex:1;}
.pdp-tier-info strong{font-size:14px; font-weight:700;}
.pdp-tier-info em{font-style:normal; font-size:12px; color:var(--text-faint);}
.pdp-tier-price{font-size:16px; font-weight:800;}
.pdp-tier-badge{position:absolute; top:-10px; right:14px; background:var(--relax); color:#04201a; font-size:10px; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; padding:3px 10px; border-radius:10px;}

.pdp-qty-row{display:flex; align-items:center; gap:12px; margin:16px 0 6px;}
.pdp-qty-row label{font-size:13px; color:var(--text-dim); font-weight:600;}
.pdp-qty-row input{width:70px; padding:8px 10px; border-radius:8px; background:var(--surface); border:1px solid var(--line); color:var(--text);}

.pdp-trust-row{display:flex; justify-content:space-between; gap:10px; margin:22px 0; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.pdp-trust-item{display:flex; align-items:center; gap:6px; font-size:12px; color:var(--text-dim); font-weight:600;}

.pdp-accordion{margin-top:6px;}
.pdp-acc-item{border-bottom:1px solid var(--line);}
.pdp-acc-head{width:100%; display:flex; justify-content:space-between; align-items:center; background:none; border:none; color:var(--text); font-size:14px; font-weight:700; padding:16px 0; cursor:pointer; text-align:left;}
.pdp-acc-head span{font-size:18px; color:var(--text-dim); transition:transform .15s;}
.pdp-acc-item.open .pdp-acc-head span{transform:rotate(45deg);}
.pdp-acc-panel{max-height:0; overflow:hidden; transition:max-height .2s ease;}
.pdp-acc-item.open .pdp-acc-panel{max-height:800px; padding-bottom:16px;}
.pdp-acc-panel p, .pdp-acc-panel .desc{color:var(--text-dim); font-size:14px; line-height:1.6;}

@media (max-width:768px){
  .pdp-trust-row{flex-direction:column; gap:14px;}
}

/* Hero — floating tin (uploaded product photo) continuous drift animation */
.hero .hero-art .hero-float{position:relative; width:100%; max-width:480px; margin:0 auto; z-index:1; background:none; border:none;}
.hero .hero-art .hero-float .float-tin{display:block; position:relative; width:100%; height:auto; max-width:100%; object-fit:contain; object-position:center; z-index:1; background:none; border:none; -webkit-mask-image:radial-gradient(ellipse 60% 60% at center, black 40%, transparent 75%); mask-image:radial-gradient(ellipse 60% 60% at center, black 40%, transparent 75%); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:100% 100%; mask-size:100% 100%; animation:tinFloat 3.6s ease-in-out infinite;}
@keyframes tinFloat{0%{transform:translateY(0); opacity:1;} 50%{transform:translateY(-13px); opacity:0.9;} 100%{transform:translateY(0); opacity:1;}}
@media (prefers-reduced-motion: reduce){.hero .hero-art .hero-float .float-tin{animation:none; transform:none; opacity:1;}}
@media (max-width:860px){.hero .hero-art{aspect-ratio:1/1; padding:20px 0;} .hero .hero-art .hero-float{max-width:280px;}}