/** Shopify CDN: Minification failed

Line 326:24 Unexpected "#"

**/
@media(min-width:600px){
.template-index .slide-item .collection-item h3 {
    font-size: 14.9px;
    text-align: center;
  text-transform: uppercase;
}
.s-s p.link-s {
    text-align: center;
    text-decoration: underline;
    font-size: 19px;
}
.s-s .collection-item img {
    height: 220px !important;
    object-fit: cover;
}
.s-s p.link-s {
    margin: 0px;
}
.s-s .flickity-viewport {
    height: 300px !important;
}
}
@media(max-width:600px){
  .s-s .look__products__holder .flickity-slider .slide-item .collection-item {
    text-align: center;
}
  div#shopify-section-header {
    background: #000;
}
  .collection-split .collection-split__products .custom-scrollbar.small-down--show, .section-list-collections .custom-scrollbar.small-down--show {
    background: #000;
}
}
.s-s p.link-s {
    text-decoration: underline;
}
.template-index .s-s .look__products__holder.look__products__holder--slides.look__products__holder--left.palette--dark.bg--invert.is-expanded {
    background: #000;
}
p.link-s {
    font-size: 12.75px !important;
}
.template-index .s-s button.flickity-button.flickity-prev-next-button {
    background: #000 !important;
  margin: 0px;
}
.s-s p.link-s:hover {
    text-decoration: none;
}

/* MOBILE logo size override */
@media screen and (max-width: 749px) {
  /* Common Shopify/Dawn logo image */
  .header__heading-logo,
  .header__logo img,
  .site-header__logo img,
  .header-logo img {
    max-width: 220px !important; /* <-- change this */
    width: 220px !important;     /* <-- change this */
    height: auto !important;
  }

  /* If the link/wrapper is constraining it */
  .header__heading-link,
  .header__logo,
  .site-header__logo {
    max-width: 220px !important; /* <-- keep consistent */
  }
}


/* =========================================================
   PDP Desktop — EXTRA COMPACT + LONGER (TALLER) ATC
   + Size picker matches ATC width
   ========================================================= */
@media (min-width: 990px) {
  :root { --pdp-sticky-top: 120px; }

  /* Keep sticky */
  body.template-product .product__main__content.grid__item{
    position: sticky !important;
    top: var(--pdp-sticky-top) !important;
    align-self: flex-start !important;
    z-index: 20 !important;
  }

  /* Slightly narrower + tighter */
  body.template-product .product__main__content .product__inner{
    max-width: 700px !important;   /* more compact */
    margin-left: auto !important;

    /* ONE knob: set ATC width, size picker will match */
    --pdp-atc-width: 760px; /* tweak: 680 / 720 / 760 / 800 */
  }

  /* Kill vertical bloat globally inside the buy box */
  body.template-product .product__main__content .product__inner > *{
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  /* Common Pipeline blocks tend to add extra spacing */
  body.template-product .product__main__content .product__block__description,
  body.template-product .product__main__content .tabs-wrapper,
  body.template-product .product__main__content .product__block__share,
  body.template-product .product__main__content .product__block__upsell,
  body.template-product .product__main__content .product__block__icon,
  body.template-product .product__main__content .product__block__text{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Title smaller */
  body.template-product .product__main__content .product__inner h1,
  body.template-product .product__main__content .product__inner .product__title,
  body.template-product .product__main__content .product__inner .product__heading{
    
  }

  /* Text smaller */
  body.template-product .product__main__content .product__inner,
  body.template-product .product__main__content .product__inner p,
  body.template-product .product__main__content .product__inner .p,
  body.template-product .product__main__content .product__inner .price,
  body.template-product .product__main__content .product__inner .product__price{
    
    line-height: 1.25 !important;
  }

  /* Variant/size tiles tighter */
  body.template-product .product__main__content .variant-wrapper,
  body.template-product .product__main__content .selector-wrapper{
    margin: 6px 0 !important;
  }

  body.template-product .product__main__content .radio__button,
  body.template-product .product__main__content .variant__button,
  body.template-product .product__main__content .product__option label{
    padding: 7px 10px !important;
    font-size: 12px !important;
  }

  /* =========================================================
     SIZE PICKER: constrain to match ATC width
     ========================================================= */
  body.template-product .product__main__content .product__inner .selector-wrapper,
  body.template-product .product__main__content .product__inner .variant-wrapper,
  body.template-product .product__main__content .product__inner .product__option{
    width: 100% !important;
    max-width: var(--pdp-atc-width) !important;
    margin-left: auto !important;   /* centers like ATC */
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.template-product .product__main__content .product__inner select,
  body.template-product .product__main__content .product__inner .select{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* =========================================================
     ATC BLOCK: match same width, even if wrapper is funky
     ========================================================= */
  body.template-product .product__main__content .product__inner .product__block__buttons,
  body.template-product .product__main__content .product__inner .product__buttons,
  body.template-product .product__main__content .product__inner .product__form,
  body.template-product .product__main__content .product__inner form{
    width: 100% !important;
    max-width: none !important; /* don't constrain the whole form */
  }

  /* Force the visible ATC button width + center */
  body.template-product .product__main__content .product__inner button[type="submit"],
  body.template-product .product__main__content .product__inner [type="submit"],
  body.template-product .product__main__content .product__inner .btn,
  body.template-product .product__main__content .product__inner .btn--solid,
  body.template-product .product__main__content .product__inner .product__submit,
  body.template-product .product__main__content .product__inner .product__add-to-cart{
    width: 100% !important;
    max-width: var(--pdp-atc-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    box-sizing: border-box !important;

    /* taller = “longer” feel */
    padding: 18px 3px !important;
    min-height: 56px !important;
    font-size: 14px !important;
    letter-spacing: 0.06em !important;
  }
}


/* =========================================================
   Desktop: lock page scroll when size dropdown is open
   ========================================================= */
@media (min-width: 990px) {
  html.en-scroll-locked,
  body.en-scroll-locked {
    overflow: hidden !important;
  }

  /* prevents layout shift when scrollbar disappears */
  body.en-scroll-locked {
    width: 100%;
  }
}

/* =========================================================
   Desktop: Size dropdown shows only 4 visible rows (Pipeline popout)
   ========================================================= */
@media (min-width: 990px) {
  /* Most common Pipeline popout list wrappers */
  body.template-product .product__main__content .select-popout__list,
  body.template-product .product__main__content [data-popout-list] {
    max-height: calc(3 * 52px) !important; /* 4 rows visible */
    overflow-y: auto !important;
  }

  /* Make row height consistent so “4 rows” is real */
  body.template-product .product__main__content .select-popout__item,
  body.template-product .product__main__content [data-popout-option] {
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
  }
}

@media (min-width: 990px) {
  body.template-product .product__price--off {
    border-radius: 0 !important;
  }
}


/* =========================================================
   PDP: square SALE badge + inline SPRING SALE (desktop)
   ========================================================= */
@media (min-width: 990px) {
  body.template-product .product__price__main[data-price-wrapper]{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
  }

  body.template-product .product__price--off{
    border-radius:0 !important;
  }

  body.template-product .free-shipping-box{
    border:1px solid currentColor;
    border-radius:0 !important;
    padding:6px 12px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    margin:0 !important;
  }

 

  /* Left-align with title */
  body.template-product .product__headline,
  body.template-product .product__title__wrapper {
    text-align: left !important;
    align-items: flex-start !important;
  }
}

/* =========================================================
   PDP Mobile — clean price stack (no phantom spacing)
   ========================================================= */
@media (max-width: 989px) {

  /* Title → price tighter */
  body.template-product .product__title,
  body.template-product .product__heading {
    margin-bottom: 8px;
  }

  /* Price wrapper: single row, no gaps */
  body.template-product .product__price__main[data-price-wrapper] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    padding: 0;
  }

  /* Only show sale badge when real */
  body.template-product .product__price--off.hide {
    display: none;
  }

  /* Spring sale removed on mobile */
  body.template-product .free-shipping-box {
    display: none;
  }

  /* Afterpay closer */
  body.template-product .shopify-payment-terms,
  body.template-product .afterpay-paragraph {
    margin-top: 6px;
  }
}



@media (min-width: 990px) {
  /* Make the entire SIZE row clickable (not just the letter) */
  body.template-product #*-select-size,
  body.template-product [id$="select-size"],
  body.template-product [id*="select-size"]{
    /* this targets the popout panel container */
  }

  body.template-product [id$="select-size"] * ,
  body.template-product [id*="select-size"] *{
    /* nothing here; keeping specificity simple */
  }

  /* Most themes render the options as buttons/links inside the popout */
  body.template-product [id$="select-size"] button,
  body.template-product [id$="select-size"] a,
  body.template-product [id*="select-size"] button,
  body.template-product [id*="select-size"] a{
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 14px 16px !important;   /* bigger click area */
    box-sizing: border-box !important;
  }

  /* If options are list items, make the li full width too */
  body.template-product [id$="select-size"] li,
  body.template-product [id*="select-size"] li{
    width: 100% !important;
  }
}

/* Hide SPRING SALE pill */
.free-shipping-box {
  display: none !important;
}

/* Hide SPRING SALE on mobile only */
@media (max-width: 989px) {
  body.template-product .free-shipping-box {
    display: none !important;
  }
}

/* FIX: never show SALE badge when Pipeline marks it hidden */
@media (max-width: 989px) {
  body.template-product .product__price--off.hide,
  body.template-product .product__price--off[data-price-off-amount=""] {
    display: none !important;
  }
}




/* =========================================
   Bundle spacing: add air under quantity selector
   (ONLY when our bundle UI exists)
   ========================================= */
html.ed-bundle-active .product__quantity,
html.ed-bundle-active .quantity-selector,
html.ed-bundle-active [data-quantity-selector]{
  margin-bottom: 24px !important; /* adjust 20–32px if you want */
}

/* =========================================
   ED Bundle UI
   ========================================= */
.ed-bundle { margin: 14px 0; }

/* Base title style */
.ed-bundle__title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 10px;
}

/* Title between tier 1 and 2: centered with lines */
.ed-bundle__title--between{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 20px 0 12px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 13px;
  opacity: .9;
}

.ed-bundle__title--between:before,
.ed-bundle__title--between:after{
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,.15); /* very light grey lines */
}

.ed-bundle__tiers { display: grid; gap: 10px; }

.ed-bundle__tier {
  width: 100%;
  background: #000;
  border: 1px solid rgba(255,255,255,.35);
  color: #fff;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  text-align: left;
}

.ed-bundle__tier.is-active { border-color: #fff; }

/* Hide Kaching bundles UI (corrected selectors) */
.kaching-bundle,
.kaching-bundles-block {
  display: none !important;
}


/* =========================================
   Quantity -> space before bundle
   ========================================= */
body.template-product .product__block__quantity{ margin-bottom:12px !important; }
body.template-product .quantity__wrapper[data-quantity-selector]{ margin-bottom:12px !important; }

/* =========================================================
   ED Bundle — centered, responsive, no desktop clipping
   ========================================================= */
body.template-product{ overflow-x:hidden; }

/* allow shrinking inside Pipeline flex/grid wrappers */
body.template-product .product__content,
body.template-product .product__info,
body.template-product .product__form{ min-width:0 !important; }

body.template-product [data-ed-bundle]{
  display:block;
  margin-top:12px !important;
  width:min(100%, 600px) !important;
  max-width:600px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
  min-width:0;
}

body.template-product [data-ed-bundle],
body.template-product [data-ed-bundle] *{ box-sizing:border-box; }

body.template-product [data-ed-bundle] .ed-bundle__tier[data-qty="1"]{ margin-top:0 !important; }

/* =========================================
   Bundle title
   ========================================= */
.ed-bundle__title--between{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px, 3vw, 18px);
  margin:18px 0 10px;
  text-align:center;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:clamp(12px, 2.6vw, 14px);
  opacity:1;
}
.ed-bundle__title--between:before,
.ed-bundle__title--between:after{
  content:"";
  flex:1;
  height:1px;
  background:rgba(255,255,255,.28);
}

/* =========================================
   Tiers (grid, always left/right)
   ========================================= */
.ed-bundle__tiers{ display:grid; gap:10px; }

.ed-bundle__tier{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  column-gap:12px;
  row-gap:8px;
  padding:14px;
  text-align:left;
  border:1px solid rgba(255,255,255,.18);
  max-width:100%;
}

.ed-bundle__tier-left{ min-width:0; }

.ed-bundle__tier-right{
  text-align:right;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-end;
  white-space:nowrap;
}

/* =========================================
   Typography
   ========================================= */
.ed-bundle__tier-label{
  font-weight:800;
  font-size:clamp(20px, 3.6vw, 24px);
  line-height:1.05;
}

.ed-bundle__tier-price{
  font-weight:900;
  font-size:clamp(22px, 4vw, 26px);
  line-height:1;
}

.ed-bundle__tier-compare{
  font-size:clamp(16px, 3.1vw, 20px);
  opacity:.7;
  text-decoration:line-through;
  text-decoration-thickness:2px;
}

/* badge */
.ed-bundle__tier-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  padding:5px 10px;
  background:#fff;
  color:#000;
  border-radius:999px;
  font-weight:800;
  font-size:clamp(12px, 3vw, 13px);
  letter-spacing:.02em;
  line-height:1.1;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* description (force wrap; defeat theme clamp/ellipsis) */
.ed-bundle__tier-desc{
  margin-top:8px;
  font-size:clamp(14px, 3.3vw, 16px);
  line-height:1.25;
  opacity:.92;
  max-width:100%;
  min-width:0;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:initial !important;
  overflow-wrap:anywhere;
  word-break:break-word;
  display:block !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  -webkit-box-orient:initial !important;
}

/* =========================================
   Mobile tighten (still left/right)
   ========================================= */
@media (max-width:520px){
  .ed-bundle__tier{ padding:12px; column-gap:10px; }
  .ed-bundle__tier-price{ font-size:clamp(20px, 5.2vw, 24px); }
  .ed-bundle__tier-compare{ font-size:clamp(14px, 4.2vw, 18px); }
}

/* =========================================
   Bundle Editor
   ========================================= */
.ed-bundle__editor{ display:none; padding-top:12px; }
.ed-bundle__editor.is-open{ display:block; }
.ed-bundle__editor-grid{ display:grid; gap:12px; }

.ed-bundle__line{
  display:grid;
  grid-template-columns:48px 1fr 1fr;
  gap:10px;
  align-items:end;
}

.ed-bundle__line-thumb{
  width:48px;
  height:48px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
}

.ed-bundle__field label{
  display:block;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.75;
  margin-bottom:6px;
}

/* =========================================
   Bundle popout dropdown
   ========================================= */
.ed-line-popout{ position:relative; width:100%; }

.ed-line-popout__toggle{
  width:100%;
  height:44px;
  padding:10px 12px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  text-align:left;
  cursor:pointer;
}

.ed-line-popout__toggle:after{
  content:"";
  float:right;
  width:0; height:0;
  margin-top:8px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #f1cf54;
}

.ed-line-popout__menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  max-width:100%;
  background:#000;
  border:1px solid rgba(255,255,255,.18);
  overflow-y:auto;
  max-height:min(260px, calc(100vh - 160px));
  z-index:9999;
  box-shadow:0 18px 50px rgba(0,0,0,.55);
}

.ed-line-popout__option{
  width:100%;
  padding:12px;
  background:transparent;
  border:0;
  color:#fff;
  text-align:left;
  cursor:pointer;
}

.ed-line-popout__option:hover{ background:rgba(255,255,255,.06); }

.ed-bundle__line.is-invalid .ed-line-popout__toggle{
  outline:2px solid rgba(255,80,80,.75);
  outline-offset:2px;
}

/* =========================================
   Hide main quantity selector on bundle PDPs
   ========================================= */
html.ed-bundle-active .product__block__quantity,
html.ed-bundle-active .quantity__wrapper[data-quantity-selector],
html.ed-bundle-active input.quantity__input[data-quantity-input]{ display:none !important; }

html.ed-bundle-active .product__block__quantity{ margin:0 !important; padding:0 !important; }

/* =========================================
   Mobile: editor stacks
   ========================================= */
@media (max-width:520px){
  .ed-bundle__line{ grid-template-columns:44px 1fr; align-items:start; }
  .ed-bundle__line .ed-bundle__field{ grid-column:2 / -1; }
  .ed-bundle__line-thumb{ width:44px; height:44px; }
  .ed-line-popout__toggle{ height:42px; }
}

/* =========================================
   1-pack "Please select a size" warning
   ========================================= */
.ed-size-error{
  margin:10px 0 8px;
  font-weight:700;
  letter-spacing:.01em;
  color:#ff3b3b;
}

.ed-size-error--focus{
  outline:2px solid rgba(255,59,59,.85) !important;
  outline-offset:2px !important;
}