/** Shopify CDN: Minification failed

Line 259:9 Expected identifier but found "100%"
Line 552:3 Unexpected "/"

**/
/* p.announcement-bar__message.h5 {
    font-size: 12px;
    letter-spacing: 0px;
    padding: 13px 0px;
}

/* ===== Desktop Default ===== */
.header-cta-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#111;
  color:#fff;
  padding:10px 18px;
  border-radius:30px;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  margin-left:12px;
  white-space:nowrap;
  transition:all .25s ease;
}

/* Hover */
.header-cta-btn:hover{
  opacity:.85;
}

.shop-new-arrivals-btn{
  display:inline-flex;
  align-items:center;     /* 👈 keeps text + icon vertically centered */
  justify-content:center;
  gap:10px;
}

.shop-new-arrivals-btn .arrow{
  display:flex;           /* 👈 removes inline baseline issue */
  align-items:center;
  justify-content:center;
  line-height:0;
}

.shop-new-arrivals-btn .arrow svg{
  display:block;          /* 👈 prevents extra bottom space */
}

.shop-new-arrivals-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;              /* little more breathing space like KRIMBO */
  padding:14px 22px;
  border-radius:40px;
  line-height:1;         /* 👈 IMPORTANT */
}

.shop-new-arrivals-btn .arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;           /* 👈 centers against button height */
}

.shop-new-arrivals-btn .arrow svg{
  display:block;
  width:18px;            /* KRIMBO uses slightly smaller icon */
  height:18px;
}


/* ===== Large Tablet ===== */
@media screen and (max-width:1300px){
.shop-new-arrivals-btn {
    color: #fff;
    padding: 12px 17px !important;
    font-size: 12px;

}

}

@media screen and (max-width:1200px){
  .header-cta-btn{
    padding:8px 14px;
    font-size:13px;
  }
    a.shop-new-arrivals-btn {
        font-size: 10px;
        padding: 8px !important;
    }
  
}

/* ===== Tablet (Hide Text, Show Icon Style) ===== */
@media screen and (max-width:990px){
  .header-cta-btn{
    padding:8px;
    width:36px;
    height:36px;
    justify-content:center;
    border-radius:50%;
    font-size:0; /* hide text */
  }

  .header-cta-btn .arrow{
    font-size:14px;
  }
}

/* ===== Mobile ===== */
@media screen and (max-width:749px){
  .header-cta-btn{
    display:none; /* Dawn header gets tight */
  }

 .Ex-feature-collection .collection__view-all {
    display: none !important;
}
.ex-image-with-text h2.image-with-text__heading {
    font-size: 28px;
}
.Ex-rich-text h2.rich-text__heading {
    font-size: 28px;
}
}


/* FEATURE-COLLECTION */
.Ex-feature-collection .collection__title.title-wrapper {
    margin-bottom: 0 !important;
}
.Ex-feature-collection .collection__title {
    text-align: center;
}
.Ex-feature-collection .collection__description p {
    text-align: center !important;
}

.Ex-feature-collection .card__inner {
    border-radius: 15px !important;
}
.Ex-feature-collection .card__media {
    border-radius: 15px !important;
}


@media screen and (min-width:990px){
.Ex-feature-collection .card__inner {
    height: 500px;
}

.Ex-feature-collection .card-wrapper {
    width: 95%;
    margin: 0 auto;
}

.Ex-feature-collection .card__heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #626262;
    font-family: 'Poppins' !important;
}

.Ex-feature-collection .card-information>.price {
    font-size: 19px;
    font-weight: 500;
}



.header .desktop-localization-wrapper {
    margin-left: 15px;
}

.header__icon span{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.header__icon span::after{
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background: rgb(0, 0, 0);
}
.header__icon.header__icon--cart{
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* vertical divider */
.header__icon.header__icon--cart::after{
  content:"";
  position:absolute;
  right:0px;              /* spacing from icon */
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:20px;              /* adjust to icon size */
  background:rgb(0, 0, 0);
}

.header__icons .header__icon.header__icon--account{
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* centered divider */
.header__icons .header__icon.header__icon--account::after{
  content: "";
  position: absolute;
  right: 0px;            /* spacing from icon */
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;            /* 👈 matches icon height */
  background: rgb(0, 0, 0);
}






}
.ex-desc {
    color: #939393;
    font-size: 18px;
}


/* ===== Header side gradients ===== */
/* .header-wrapper{
  position: relative;
  overflow: hidden;
} */

/* LEFT gradient */
/* .header-wrapper::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:180px; /* adjust strength */
  height:100%;
  pointer-events:none;
  z-index:0;

  background: linear-gradient(
    to right,
    rgba(237, 226, 255, 0.9),
    rgba(237, 226, 255, 0)
  );
} */

/* RIGHT gradient */
/* .header-wrapper::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:180px; /* same as left */
  height:100%;
  pointer-events:none;
  z-index:0;

  background: linear-gradient(
    to left,
    rgba(237, 226, 255, 0.9),
    rgba(237, 226, 255, 0)
  );
} */

/* keep header content above gradients */
.header{
  position: relative;
  z-index: 2;
}
.header ul.list-menu.list-menu--inline li a {
    color: black;
    font-weight: 500;
}

/* BANNER */

.custom-hero-review{
  margin-top:20px;
  color:#7b7b7b;
}

.review-stars {
    color: #f5b400;
    margin-bottom: 0px;
}

.review-text {
    font-size: 16px;
    line-height: 28px;
    margin: 0;
}

.review-name {
    font-weight: 600;
    color: #111;
    display: block;
    margin: 0;
}
@media screen and (min-width:990px){
.Ex-image-banner .banner__text.rte.body {
    font-size: 19px;
    color: #141414;
            margin-bottom: -10px !important;
}
.custom-hero-heading h1{
    font-size: 51px !important;
    line-height: 61px;
    margin-top: 0px;
    margin-bottom: 22px;

}
.custom-hero-subtext {
    font-size: 20px;
    line-height: 28px;
    color: #939393;
        margin-bottom: 30px;
}

.custom-hero-review {
    margin-top: 20px !important;
}
.Ex-image-banner .banner__box {
    padding: 4rem 3.5rem 4rem 0rem !important;
}



}




/* ===============================
   EX IMAGE BANNER BUTTON STYLE
================================ */

.Ex-image-banner .banner__buttons{
  display:flex;
  gap:16px;
  align-items:center;
}

/* Desktop: keep buttons on one line */
@media screen and (min-width: 750px){
  .Ex-image-banner .banner__buttons{
    flex-wrap: nowrap;
  }

    .Ex-feature-collection .collection-hero__text-wrapper {
    margin-bottom: 40px !important;
}

.collection-hero__text-wrapper {
    margin-bottom: 48px;
}
}

/* Mobile: allow stacking (same as before) */
@media screen and (max-width: 749px){
  .Ex-image-banner .banner__buttons{
    flex-wrap: wrap;
  }
  .exx-banner__text {
    justify-items: center;
}
}

/* COMMON BUTTON */
.Ex-image-banner .banner__buttons .button{
  border-radius:999px;
  padding:16px 28px;
  font-size:16px;
  font-weight:500;
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  transition:all .25s ease;
}

/* PRIMARY BLACK BUTTON */
.Ex-image-banner .button--primary{
  background:#0e0e0e;
  color:#fff;
  border:1px solid #0e0e0e;
}

.Ex-image-banner .button--primary:hover{
  background:#000;
  transform:translateY(-1px);
}

/* OUTLINE SECONDARY BUTTON */
.Ex-image-banner .button--secondary{
  background:transparent;
  color:#6b7280;
  border:2px solid #cfcfd3 !important;
}

.Ex-image-banner .button--secondary:hover{
  color:#111;
  border-color:#111;
  transform:translateY(-1px);
}
.Ex-image-banner  .button:after {
    content: "";
    position: absolute;
    top: var(--buttons-border-width);
    right: var(--buttons-border-width);
    bottom: var(--buttons-border-width);
    left: var(--buttons-border-width);
    z-index: 1;
    border-radius: var(--buttons-radius);
    box-shadow: none !important;
    transition: box-shadow var(--duration-short) ease;
}

/* FIRST BUTTON BLACK */
.Ex-image-banner .banner__buttons .button:first-child{
  background:#0e0e0e;
  color:#fff;
  border:1px solid #0e0e0e;
}

/* SECOND BUTTON OUTLINE */
.Ex-image-banner .banner__buttons .button:last-child{
  background:transparent;
  color:#6b7280;
  border:1.5px solid #cfcfd3;
}

/* HOVER EFFECT */
.Ex-image-banner .banner__buttons .button:hover{
  transform:translateY(-1px);
}





/* ===============================
   HERO BUTTON ARROW (FIGMA MATCH)
================================ */

.Ex-image-banner .banner__buttons .button{
  display:inline-flex;
  align-items:center;
  gap:12px;            /* spacing between text & arrow */
}

.Ex-image-banner .btn-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}

.Ex-image-banner .btn-arrow svg{
  display:block;
  width:18px;
  height:18px;
}
/* FIX DIAGONAL ARROW ALIGNMENT */
.Ex-image-banner .btn-arrow{
  display:flex;
  align-items:center;
  transform: translateY(1px); /* subtle optical centering */
}

.Ex-image-banner .btn-arrow svg{
  display:block;
}



/* ===============================
   FIX HERO BUTTON WRAPPING ISSUE
   (Keep buttons on same row)
================================ */

/* Override Dawn's min-width for multi buttons */
.Ex-image-banner
.banner__buttons--multiple
.button {
  min-width: auto !important;
  flex-grow: 0 !important;
}

/* Keep hero button text on one line */
.Ex-image-banner .banner__buttons .button,
.Ex-image-banner .banner__buttons .btn-text {
  white-space: nowrap;
}

.product ul.list.list-payment {
    display: flex;
    margin-top: 10px;
    justify-content: space-between !important;
    list-style: none;
    padding-left: 0;
}

.custom-badge{
  position:absolute;
  top:12px;
  right:12px;
  background:#fff;
  color:#000;
  padding:6px 14px;
  border-radius:20px;
  font-size:13px;
  font-weight:500;
  z-index:5;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}


.collection-hero__description.rte {
    font-size: 15px !important;
}


span.price-item.price-item--sale.price-item--last
 {
    font-weight: 500;
}
.loox-rating-content {
    display: none !important;
} */


/* label row */
.variant-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* button */
.size-guide-btn{
  background:none;
  border:none;
  text-decoration:underline;
  cursor:pointer;
  font-size:14px;
}

/* drawer */
.size-guide-drawer{
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
}

.drawer-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.4);
  opacity:0;
  transition:.3s;
}

.drawer-panel{
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:420px;
  max-width:90%;
  background:#fff;
  transform:translateX(100%);
  transition:.35s ease;
  padding:30px;
  overflow:auto;
  box-shadow:-4px 0 20px rgba(0,0,0,.15);
}

.drawer-close{
  position:absolute;
  right:20px;
  top:10px;
  font-size:26px;
  border:none;
  background:none;
  cursor:pointer;
}

/* active */
.size-guide-drawer.active{
  pointer-events:auto;
}

.size-guide-drawer.active .drawer-overlay{
  opacity:1;
}

.size-guide-drawer.active .drawer-panel{
  transform:translateX(0);
}
.variant-label-row {
    display: flex;
    gap: 15px;
}
svg.bk-fill-secondary {
    height: 20px !important;
    color: yellow !important;
}
.desktop-localization-wrapper {
    display: flex;
    flex-wrap: initial !important;
    justify-content: flex-end;
}

/* FOOTER */
.footer {
    display: none;
}