/** Shopify CDN: Minification failed

Line 658:50 Expected "}" to go with "{"

**/
/* custom-style.css */

/* === Barlow Font System === */
body,
input,
button,
select,
textarea,
.btn,
.button,
p,
span,
a,
li,
td,
th {
  font-family: 'Barlow', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.section-heading,
.qb-bs__title,
.qb-feature-card__title,
.qb-hero-content h1,
.qb-hero-content h2,
.qb-new-arrival__title,
[class*="__title"],
[class*="-heading"] {
  font-family: 'Barlow Condensed', sans-serif !important;
  letter-spacing: 0.02em;
}
/* === End Barlow Font System === */

/* === Nav bar === */
@media screen and (min-width: 1025px) {
  .header-nav-hamburger,
  .header-navigation .header-nav-hamburger,
  .header-nav-hamburger.header-nav-hamburger--style1 {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .header-nav-hamburger .header-logo.header-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .header-nav-hamburger .menu-lv-1__action {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    animation: none !important;
    transform: none !important;
  }
  /* Kill 18px label padding that pushes menu text below centre */
  .main-menu-hasLabel .main-menu--wrapper .list-menu--inline,
  .header-nav-hamburger .list-menu--inline {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Force logo chain to flex-centre all the way through */
  .header-nav-hamburger .header__heading {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }
  /* Absolute-position logo so it's guaranteed centred in the nav */
  .header-nav-hamburger .header__heading-link {
    position: relative !important;
    display: block !important;
    height: 55px !important;
    width: auto !important;
  }
  .header__heading-logo {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    height: 55px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    animation: none !important;
    transform: translateY(-50%) !important;
    display: block !important;
  }
}
/* === End Nav bar === */

.product-card-layout-02 .product-item.enable_custom_layout_card .wrapper__card{
  margin-top:7px !important;
}
.card-information__wrapper.text-left .card-price, .card-swatch.text-left{
  margin-bottom:7px !important;
}

/* Ensure "Add to wishlist" text is hidden */
.card-wishlist .text {
  display: none !important;
}
.card-wishlist {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 10;
}


@media screen and (max-width:576px){
  .card-wishlist {
    position: absolute;
    top: 0px;
    right: 15px;
}
  

/* this code is for heart to pink */
.card-wishlist .wishlist-added {
  background-color: #FF5B5B;
}

/* Style the button */
.card-action .button {
  border: none;
  padding: 0;
  margin: -12px 0;
  text-align: left;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
  color: black;
  transition: text-decoration-thickness 0.3s ease, text-underline-offset 0.3s ease;
}

.card-action .button:hover {
  background-color: transparent;
  color: black;
  text-decoration: underline;
  text-decoration-color: black;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* For heading font and price */
.card-title {
  font-weight: 600;
  font-size: 18px;
}

.price__regular {
  font-weight: 400;
  font-size: 16px;
}

/* Color swatch size */
.swatch-label {
  width: 19px !important;
  height: 19px !important;
}
.product-form__swatch .product-form__label {
  width: 30px !important;
  height: 30px !important;
}
.product-form__input  .product-form__label .text{
border-radius:4px !important;
}
/*price block*/
.price--on-sale .price__sale{
  display:block !important;
}


/* for button */
/* Temporarily disable transitions/animations */

svg {
    transition: none !important;
    animation: none !important;
}
.price--on-sale .price__sale{
display:flex !important;
  flex-direction: column-reverse !important;
}
.price__regular{
font-size:16px !important;
}
.price__last span{
font-size:16px !important;
}

.price-item .price-item--regular{
  font-size:14px !important;
}
.price-item--sale, .price.price--on-sale .price-item--sale .money{
font-size:16px !important;
  color:black !important;
}
.facets__text{
  font-size:20px !important;
  font-weight:500 !important;
  text-decoration:none !important;
  text-transform: capitalize;
  font-family: var(--product-title-font);
}
/* Target the h2 specifically inside the sidebarBlock-heading */
.sidebarBlock.sidebar-categories.sidebarBlock-collapse .sidebarBlock-heading {
    text-decoration: underline !important;
  border:none !important;
  font-size:16px !important;
}
.toolbar-wrapper{
justify-content:end !important;

}
.label-tab{
    border:none !important ;
}
.product-card-layout-02 .enable_custom_layout_card .card-action .button {
	min-width: 100px;
	padding-left: 0;
	padding-right: 10px;
}


.card-action .button-ATC  {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 13 15'%3E%3Cpath d='M2.5 15H10.5C11.8 15 12.5 14.3 12.5 12.8V5.3C12.5 3.8 11.8 3 10.3 3H9.3C9.3 1.5 8.1 0.2 6.5 0.2C5 0.2 3.8 1.5 3.8 3H2.5C1 3 0.5 3.8 0.5 5.3V12.8C0.5 14.3 1 15 2.5 15M6.5 1.3C7.5 1.3 8.3 2 8.3 3H4.7C4.7 2 5.5 1.3 6.5 1.3ZM2.5 13.5C1.8 13.5 1.3 13.1 1.3 12.4V5.4C1.3 4.7 1.8 4.3 2.5 4.3H10.5C11.2 4.3 11.7 4.7 11.7 5.4V12.4C11.7 13.1 11.2 13.5 10.5 13.5H2.5Z' fill='black' stroke='black' stroke-width='0.1'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    background-position: left center !important;
    padding-left: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
}
 #form-7330943631427- button{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 13 15'%3E%3Cpath d='M2.5 15H10.5C11.8 15 12.5 14.3 12.5 12.8V5.3C12.5 3.8 11.8 3 10.3 3H9.3C9.3 1.5 8.1 0.2 6.5 0.2C5 0.2 3.8 1.5 3.8 3H2.5C1 3 0.5 3.8 0.5 5.3V12.8C0.5 14.3 1 15 2.5 15M6.5 1.3C7.5 1.3 8.3 2 8.3 3H4.7C4.7 2 5.5 1.3 6.5 1.3ZM2.5 13.5C1.8 13.5 1.3 13.1 1.3 12.4V5.4C1.3 4.7 1.8 4.3 2.5 4.3H10.5C11.2 4.3 11.7 4.7 11.7 5.4V12.4C11.7 13.1 11.2 13.5 10.5 13.5H2.5Z' fill='black' stroke='black' stroke-width='0.1'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    background-position: left center !important;
    padding-left: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
}
#form-7330943631427-template--16398933557315__product-grid button{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 13 15'%3E%3Cpath d='M2.5 15H10.5C11.8 15 12.5 14.3 12.5 12.8V5.3C12.5 3.8 11.8 3 10.3 3H9.3C9.3 1.5 8.1 0.2 6.5 0.2C5 0.2 3.8 1.5 3.8 3H2.5C1 3 0.5 3.8 0.5 5.3V12.8C0.5 14.3 1 15 2.5 15M6.5 1.3C7.5 1.3 8.3 2 8.3 3H4.7C4.7 2 5.5 1.3 6.5 1.3ZM2.5 13.5C1.8 13.5 1.3 13.1 1.3 12.4V5.4C1.3 4.7 1.8 4.3 2.5 4.3H10.5C11.2 4.3 11.7 4.7 11.7 5.4V12.4C11.7 13.1 11.2 13.5 10.5 13.5H2.5Z' fill='black' stroke='black' stroke-width='0.1'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    background-position: left center !important;
    padding-left: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
}

#form-7330943631427-template--16443021754435__product-grid #product-add-to-cart{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 13 15'%3E%3Cpath d='M2.5 15H10.5C11.8 15 12.5 14.3 12.5 12.8V5.3C12.5 3.8 11.8 3 10.3 3H9.3C9.3 1.5 8.1 0.2 6.5 0.2C5 0.2 3.8 1.5 3.8 3H2.5C1 3 0.5 3.8 0.5 5.3V12.8C0.5 14.3 1 15 2.5 15M6.5 1.3C7.5 1.3 8.3 2 8.3 3H4.7C4.7 2 5.5 1.3 6.5 1.3ZM2.5 13.5C1.8 13.5 1.3 13.1 1.3 12.4V5.4C1.3 4.7 1.8 4.3 2.5 4.3H10.5C11.2 4.3 11.7 4.7 11.7 5.4V12.4C11.7 13.1 11.2 13.5 10.5 13.5H2.5Z' fill='black' stroke='black' stroke-width='0.1'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    background-position: left center !important;
    padding-left: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
}
@media (min-width: 992px) { /* Adjust the breakpoint as needed */
    .productView-groupTop {
        flex-direction: column !important;
    }

    .productView-wishlist {
        width: 100% !important;
        margin: 10px !important;
    }

    .productView-wishlist a {
        width: 100% !important;
        border-radius: 8px !important;
        margin-left: 12px !important;
    }
}
@media (max-width: 768px) { /* Adjust the breakpoint as needed for mobile */
    .productView-groupTop {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .productView-wishlist {
        width: 100% !important;
        margin: 10px !important;
    }

    .productView-wishlist a {
        width: 85% !important;
        border-radius: 8px !important;
        margin-left: -10px !important;
    }
}


@media (min-width: 992px) { /* Adjust the breakpoint for large screens */
    .slick-arrow.slick-next {
        right: 0;
        transform: translateY(850%) translateX(-55%);
    }

    .slick-arrow.slick-prev {
        transform: translateY(850%) rotate(0) translateX(1333%);
    }
}

.productView-img-container .media {
    position: relative;
    overflow: hidden;
    border-radius: 8px; /* Apply desired border radius to container */
}

.productView-img-container .media img {
    border-radius: 8px !important; /* Apply same border radius to the image */
}
@media (min-width: 992px) { /* Adjust width to your large screen breakpoint */
    .productView-thumbnail-wrapper  {
        top: 0px !important;
    }
}
/* Common border-radius for all screens */
.productView-badge {
    border-radius: 5px !important;
}

/* Default positioning for the badge */
.productView-badge {
    left: 2% !important;
    top: 2% !important;
}

/* For mobile screens */
@media (max-width: 768px) {
    .productView-badge{
        left: 9px !important;
        top: 5% !important;
    }
}





/* Common border-radius for all screens */
.halo-productBadges .badge{
    border-radius: 5px !important;
}
.product-card-layout-02 .halo-productBadges--left {
        left: 2%;
        top: 92%;
    }
/* For mobile screens */
@media (max-width: 768px) {
  .product-card-layout-02 .halo-productBadges--left {
    left: 9px;
    top: 88%;
  }
}








/* For mobile screens */
@media (max-width: 768px) {
    .productView-buttons {
        width: 115% !important; /* Set width to 115% on mobile devices */
    }
}


.productView-nav .slick-counter {
	border-radius:8px !important;
	bottom: 18px !important;
	right: 15px !important;
}
@media (min-width: 1025px) {
  .page-sidebar.has-sticky {
    top:120px !important;
  }
}

@media (min-width: 768px) {
  .productView-sticky .halo-productView-left, .productView-sticky .halo-productView-right {
    top:180px !important;
  }
}
/*For form  */
.codxegy_am-form-container {
    max-width: 800px;
    margin: 5rem auto 0 auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
  }
  .codxegy_am-form-title {
    text-align: center;
    margin-bottom: 20px;
  }
  .codxegy_am-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .codxegy_am-column-left,
  .codxegy_am-column-right {
    flex: 1;
    min-width: 300px;
  }
  .codxegy_am-form-group {
    margin-bottom: 15px;
  }
  .codxegy_am-label {
    display: block;
    margin-bottom: 5px;
  }

  .codxegy_am-required {
    color: red;
  }
  .codxegy_am-input,
  .codxegy_am-textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background : #ffffff;
  }
  .codxegy_am-textarea {
    height: 20rem;
    resize: vertical;
  }
  .codxegy_am-submit-container {
    text-align: center;
    margin-top: 20px;
  }
  .codxegy_am-button {
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  .codxegy_am-button:hover {
    background-color: #333;
  }
  @media (max-width: 600px) {
    .codxegy_am-form-row {
      flex-direction: column;
    }
    .codxegy_am-column-left,
    .codxegy_am-column-right {
      min-width: 100%;
    }
  }

.style_2_text_color_varriant .card-title-change{
padding-right: 0px !important;
}
.style_2_text_color_varriant .card-title span[data-change-title]{
  display:none !important;
}
.style_2_text_color_varriant .card-title-change{
  padding-right: 0px !important;
}

/* === Nivia branded homepage: product-card treatment inside qb-new-arrival === */
.qb-na__item .card,
.qb-na__item .product-item,
.qb-na__item .wrapper__card {
  background: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 14px !important;
  overflow: hidden;
  transition: border-color 0.15s ease;
}
.qb-na__item .card:hover,
.qb-na__item .product-item:hover,
.qb-na__item .wrapper__card:hover {
  border-color: #0a0a0a !important;
}
.qb-na__item .card-media,
.qb-na__item .card__media,
.qb-na__item .product-item .media {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e5e5 !important;
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden !important;
}
.qb-na__item .product-item .label-new,
.qb-na__item .product-item .label-sale,
.qb-na__item .card .badge {
  border-radius: 999px !important;
}
.qb-na__item .card-title,
.qb-na__item .product-title,
.qb-na__item .card-information .card-title {
  font-family: 'Open Sans','Barlow',sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  letter-spacing: 0 !important;
  color: #0a0a0a !important;
  line-height: 1.35 !important;
}
.qb-na__item .price,
.qb-na__item .price__regular,
.qb-na__item .price-item,
.qb-na__item .price-item--regular,
.qb-na__item .price .money {
  color: #0a0a0a !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}
.qb-na__item .price-item--sale,
.qb-na__item .price.price--on-sale .price-item--sale .money {
  color: #0a0a0a !important;
}
.qb-na__item .card-action .button,
.qb-na__item .product-item .button-ATC,
.qb-na__item .product-item .card-action .button {
  display: block !important;
  width: 100% !important;
  background: #0a0a0a !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px !important;
  margin: 14px 0 0 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  background-image: none !important;
  padding-left: 14px !important;
  transition: background 0.15s ease !important;
}
.qb-na__item .card-action .button:hover,
.qb-na__item .product-item .button-ATC:hover,
.qb-na__item .product-item .card-action .button:hover {
  background: #e5371a !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* === PDP info-column spacing — tighten title → price → ATC → description === */
/* Targets the actual classes rendered by Halo's main-product on niviasports.com.au.
   Default Halo spacing leaves ~30–40px gaps between blocks; we tighten to 8–14px. */
.productView-info .productView-title,
.productView .productView-title {
  margin: 0 0 6px 0 !important;
  line-height: 1.15 !important;
}
.productView-info .product-short-description,
.productView .product-short-description {
  margin: 0 0 10px 0 !important;
}
.productView-info .price,
.productView-info .card-information__wrapper,
.productView-info .card-price,
.productView .card-price {
  margin: 0 0 12px 0 !important;
}
.productView-info .productView-options,
.productView-info .product-form__variants,
.productView-info .product-form__input {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}
.productView-info .product-form__buttons,
.productView-info .product-form__submit,
.productView .product-form__submit {
  margin-top: 10px !important;
  margin-bottom: 14px !important;
}
.productView-info .custom-product-description,
.productView .custom-product-description {
  margin-top: 14px !important;
}
.productView-info .custom-product-description ul {
  margin: 0 !important;
  padding-left: 18px !important;
}
.productView-info .custom-product-description li {
  margin-bottom: 4px !important;
  line-height: 1.45 !important;
}
/* Mobile: even tighter */
@media (max-width: 749px) {
  .productView-info .productView-title { margin-bottom: 4px !important; font-size: 1.5rem !important; }
  .productView-info .product-short-description { margin-bottom: 8px !important; }
  .productView-info .card-price { margin-bottom: 10px !important; }
  .productView-info .product-form__submit { margin-top: 8px !important; margin-bottom: 12px !important; }
  .productView-info .custom-product-description { margin-top: 12px !important; }
}
/* === End PDP spacing tighten === */

/* === PDP: kill empty whitespace below image (desktop) + compact info column (all) ===
   On desktop the image column ran ~500px while the info column was ~1100px,
   leaving ~600px of empty whitespace below the image. On mobile a separate
   gap exists between the description bullets and the Size and Fit accordion
   from a Halo .productView-moreItem decorative spacer (~30px) plus default
   tab margins. Both fixed below. */

/* Compaction applies on every viewport */
.productView-info .productView-moreItem,
.productView .productView-moreItem {
  margin: 6px 0 0 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
.productView-info .size-and-fit,
.productView-info .productView-tab,
.productView .size-and-fit,
.productView .productView-tab {
  margin-top: 8px !important;
  padding-top: 0 !important;
}
.productView-info .size-and-fit > strong,
.productView .size-and-fit > strong {
  display: block;
  margin-bottom: 4px !important;
}
.productView-info .size-and-fit > p,
.productView .size-and-fit > p {
  margin: 0 0 6px 0 !important;
}
.productView-info .custom-product-description {
  margin-top: 10px !important;
  margin-bottom: 6px !important;
}

/* Desktop-only: sticky image so it follows scroll */
@media (min-width: 1025px) {
  .productView .productView-images,
  .productView .productView-images-wrapper {
    position: sticky !important;
    top: 100px !important;
    align-self: flex-start !important;
  }
  .productView {
    align-items: flex-start !important;
  }
}
/* === End PDP whitespace fix === */
/* === End Nivia branded homepage overrides === */