/** Shopify CDN: Minification failed

Line 83:0 Unexpected "{"
Line 262:14 Expected identifier but found whitespace
Line 262:15 Unexpected "'Cormorant Garamond'"
Line 354:1 Expected "}" to go with "{"

**/
/* ═══════════════════════════════════════════════════
   HUG — Human Under Garments
   Global CSS for Shopify
   Paste into Online Store → Themes → Customize →
   Theme Settings → Custom CSS
   (or Edit Code → assets/custom.css if your theme supports it)
═══════════════════════════════════════════════════ */

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

/* ── DESIGN TOKENS ── */
:root {
  --cream:          #fff1e6;
  --beige:          #fdf4e8;
  --pink:           #f8abc7;
  --brightpink:     #fc3da4;
  --blush:          #fbccca;
  --blushdark:      #f6baba;
  --apricot:        #ffcfb1;
  --orange:         #fec010;
  --mandarin:       #ff6f34;
  --coral:          #ff6f34;
  --amber:          #e8921a;
  --subhead:        #fda50a;
  --aubergine:      #3b002d;
  --darkaub:        #250226;
  --plum:           #5c1a47;
  --petrol:         #00233d;
  --red:            #e32628;
  --ink:            #1e0a18;
  --dust:           #9c8078;
  --darkdust:       #57484e;
  --panel-half-bg:  #3b002d;
  --story-half-bg:  #ff6f34;

  --shadow:         0 16px 48px rgba(59,0,45,.12);
  --shadow-sm:      0 5px 18px rgba(59,0,45,.08);
  --radius:         18px;
  --radius-pill:    999px;
}

/* ── BASE ── */
body {
  background-color: var(--red);
  color: var(--aubergine);
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
}

/* ── HEADINGS ── */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
  color: var(--aubergine);
  line-height: 1.1;
  letter-spacing: -0.01em;
}

h1 { font-size: clamp(2.4rem, 6vw, 4.8rem); }
h2 { font-size: clamp(1.8rem, 4vw, 3.2rem); }
h3 { font-size: clamp(1.4rem, 3vw, 2.2rem); }
h4 { font-size: .9rem; font-weight: 600; }

/* ── BODY TEXT ── */
p, li, label, input, textarea, select {
  font-family: 'Nunito', sans-serif;
}

p {
  line-height: 1.7;
  color: var(--aubergine);
}
/* ── PAGE ── */
{ margin-top: -10px;
color: var(--aubergine);
}
/* ── LINKS ── */
a {
  color: var(--aubergine);
  text-underline-offset: 3px;
}

a:hover {
  color: var(--coral);
}

/* ── BUTTONS ── */
.btn,
.button,
button[type="submit"],
input[type="submit"],
.shopify-payment-button__button {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  border-radius: var(--radius-pill) !important;
  padding: 14px 32px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}

/* Primary button — aubergine */
.btn--primary,
.button--primary,
button[type="submit"],
input[type="submit"] {
  background: var(--aubergine) !important;
  color: var(--cream) !important;
  border: none !important;
}

.btn--primary:hover,
.button--primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--plum) !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--shadow-sm) !important;
}
/* Primary button — mandarin */
.btn--primary2,
.button--primary2,
button[type="submit"],
input[type="submit"] {
  background: var(--aubergine) !important;
  color: var(--cream) !important;
  border: none !important;
}

.btn--primary:hover,
.button--primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--blushdark) !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--shadow-sm) !important;
}
/* Secondary / outline button */
.btn--secondary,
.btn-order-now{
  background:#dc8e8e!important;
  color:var(--aubergine)!important;
  border-color:#b05f5f!important;
}

.btn-order-now:hover,
.btn-order-now:focus{
  background:#cff1e6!important;
  color:var(--aubergine)!important;
  border-color:#fbccca!important;

}

/* ── FORM INPUTS ── */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
select {
  font-family: 'Nunito', sans-serif !important;
  background: rgba(252, 207, 201, 0.58) !important;
  border: 1.5px solid rgba(249, 136, 136, 1) !important;
  border-radius: var(--radius-pill) !important;
  color: var(--aubergine) !important;
  padding: 12px 10px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

textarea {
  border-radius: var(--radius) !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: var(--aubergine) !important;
  box-shadow: 0 0 0 3px rgba(59,0,45,0.08) !important;
}

/* ── PRODUCT CARDS ── */
.card,
.product-card,
.card-wrapper {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm) !important;
  background: var(--beige) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.card:hover,
.product-card:hover,
.card-wrapper:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow) !important;
}

/* ── PRICE ── */
.price,
.price__regular,
.price--large {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
  color: var(--aubergine) !important;
}

/* ── SECTION BACKGROUNDS ── */
.section--red { background-color: var(--red); }
.section--beige  { background-color: var(--beige); }
.section--cream  { background-color: var(--cream); }
.section--blush  { background-color: var(--blush); }
.section--aubergine { background-color: var(--aubergine); color: var(--cream); }

/* ── ANNOUNCEMENT BAR ── */
.announcement-bar {
  background: var(--aubergine) !important;
  color: var(--cream) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* ── HEADER / NAV ── */
.header {
.header__navigation-bar-row{display:none!important}
.header__row--top{padding-block:10px!important}
.header .header__row--top a,.header .header__row--top button,.header .header__row--top span,.header .account-button,.header .header-actions__action{color:#e32628!important}
.header .menu-list__link-title{font-family:var(--font-body--family)!important;font-size:10px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0.1!important;opacity:1!important}
.header-logo__image{filter:brightness(0) invert(1)!important;height:30px!important;width:auto!important}
h1.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important}
}
/* ── FOOTER ── */
.footer {
  background: var(--aubergine) !important;
  color: rgba(249, 255, 230, 0.73) !important;
  font-family: 'Nunito', sans-serif !important;
}

.footer a {
  color: var(--aubergine) !important;
}

.footer h2,
.footer h3,
.footer h4,
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--cream) !important;
  font-weight: 300 !important;
}

/* ── BADGES / TAGS ── */
.badge,
.product__badge {
  border-radius: var(--radius-pill) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  background: var(--coral) !important;
  color: #fff !important;
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition: none !important;
    animation: none !important;
  }
/* ─────────────────────────────────────
   ABOUT SECTION — split video panels
───────────────────────────────────── */
.about-section{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--beige);
  overflow:hidden;
}

.about-panel{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  display:flex;
  align-items:center;
}

.about-panel-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
}

.about-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,241,230,.22);
  z-index:1;
  pointer-events:none;
}

.about-copy-left,
.about-copy-right{
  position:relative;
  z-index:2;
  padding:80px clamp(32px,8vw,140px);
  background:transparent;
}

.about-copy-left p,
.about-copy-right p{
  font-size:1.05rem;
  line-height:1.72;
  color:var(--aubergine);
  margin-bottom:26px;
  max-width:62ch;
}

@media(max-width:960px){
  .about-section{
    grid-template-columns:1fr;
  }

  .about-panel{
    min-height:auto;
  }

  .about-copy-left,
  .about-copy-right{
    padding:56px 28px;
  }
  
}