/** Shopify CDN: Minification failed

Line 334:22 Unexpected "{"
Line 334:31 Expected ":"

**/
.collection h3 {
    opacity: 0;
      margin: 0  !important; 
  line-height: 0;    
}

.collection-banner__content h3 {
    line-height: unset !important;
}

.collection .quick-add {
    position: relative;
    grid-row-start: 4;
    margin: 0 0 0 !important;
    z-index: 1;
      line-height: 0;  
}

.header__icon, .header__icon--cart .icon {
    height: 2.4rem;
    width: 4.4rem;
    padding: 0;
}

.qs-mbl-design-search {
    line-height: 0;
}

.mbl-qs-search {
    display: none;
}


.template-search__header.page-width.scroll-trigger.animate--fade-in {
    display: none;
}

/* Hide the search wrapper on homepage only */
body.template-index .NEWone.template-search--empty {
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

 .collection .price, .collection .sizes {
      text-align: start !important;
  }


  .card__information {
    padding: 4px 10px !important;
}

.naitems img {
    width: 100%;
    max-width: 21px;
}

.price--on-sale .price-item--regular {
    font-size: 16px !important;
}

  .price-item--sale {
    font-size: 14.5px !important;
}

.load-more-buttons button {
    border-radius: 100px;
}

.collection .quick-add img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0) invert(1);
}

.collection .quick-add__submit {
    letter-spacing: normal;
    padding: 0!important;
    min-width: 100%;
    box-sizing: border-box;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    font-weight: 700;
    border: unset !important;
    height: 25px !important;
    min-height: 25px;
}

.collection .quick-add .quick-add__submit {
    border-radius: 100px;
    width: 30px;
    height: 30px !important;
    margin: 0!important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    right: 0;
    top: 0;
    margin: 0 !important;
}
.card__content > .card__information {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.qs-size {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

 .collection product-form {
    width: 21px;
    height: 25px;
}

 .collection .quick-add span {
    line-height: 0;
}


@media(max-width:1230px) {
    .grid--4-col-desktop .grid__item {
    width: calc(33% - var(--grid-desktop-horizontal-spacing) * 3 / 3) !important;
    max-width: calc(33% - var(--grid-desktop-horizontal-spacing) * 3 / 3) !important;
}
}

@media(max-width:1040px) {
    .grid--4-col-desktop .grid__item {
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 2 / 2) !important;
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 2 / 2) !important;
}
}

@media(max-width:990px) {

    .header__icon .svg-wrapper {
    width: 44px;
    height: 27px;
}

    .mbl-qs-search {
    display: block;
}
.header__icons .header__search {
    display: none !important;
}

.qs-mbl-design-search {
    display: flex;
    align-items: stretch;
}

.header__icons .header__icon--account {
    display: block !important;
}

}

@media(max-width:750px) {

    .collection-banner__content h3 {
    line-height: 32px !important;
}

.naitems.temsD button {
    border: unset;
    width: 50%;
    border-radius: 100px;
}

.naitems.temsD {
    background-color: #E7E7E7;
    width: 40% !important;
    border-radius: 100px;
    padding: 6px;
    justify-content: center !important;
}

.showFImage, .showSImage {
    padding: 5px 2px !important;
    font-size: 7px;
}


ol.breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mobile-facets__open {
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex;
    align-items: center;
    background-color: #E7E7E7;
    color: rgba(var(--color-link),var(--alpha-link));
    width: 40% !important;
    padding: 13px 0 !important;
    border-radius: 100px;
    justify-content: center !important;
    text-decoration: unset !important;
}


.nawrap-new.is-sticky {
    position: fixed;
    top: 74px;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

}



@media(max-width:480px) {

    .collection-banner__content h3 {
    line-height: 28px !important;
}


.collection-banner img {
    width: 100%;
    height: auto !important;
    object-fit: cover;
    display: block;
}

.naitems.temsD {
    width: 50% !important;
}

.mobile-facets__open {

    width: 50% !important;
}

#shopify-section-template--20210903056625__product-grid summary.mobile-facets__open-wrapper.focus-offset {
    display: flex;
    align-items: center;
    justify-content: unset !important; 
    width: 100%;
    gap: 13px !important;
    max-width: 100%;
}

.facets-container {
    grid-template-columns: auto minmax(0,max-content);
    column-gap: 0 !important;
}

.price--on-sale .price-item--regular {
    font-size: 14px !important;
}

.price-item--sale {
    font-size: 12px !important;
}

.price .price-item {
    display: inline-block;
    margin: 0 1rem 0 0;
    font-size: 14px;
}

p.sizes {
    font-size: 12px;
}

.collection .quick-add img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0) invert(1);
    max-width: 20px !important;
}


.card__information {
    padding: 4px 2px !important;
}

.grid--4-col-desktop .grid__item {
    width: 50% !important;
    max-width: 49% !important;
}

.card-information {
    width: 100%;
    /* min-width: 100px; */
}
    
}

@media(max-width:420px) {
.collection-banner__description {
    font-size: 12px !important;
}
}




/* ============================================================
   COLLECTION PAGE — Remove gap between hero and filter bar
   ============================================================ */

/* Kill the top padding on the facets container so it sits flush against the hero */
.collection .facets-container {
  padding-top: 0 !important;
}

/* Pull the product-grid section up slightly to overlap/touch the hero */
.collection .section-{{ section.id }}-padding {
  /* fallback: handled by the template padding_top: 0 */
}

/* On mobile, also remove extra spacing on the mobile facets wrapper */
@media (max-width: 749px) {
  .collection .facets-container {
    padding-top: 0 !important;
  }
}

.collection {
    overflow-x: hidden;
}

.qs-size svg {
    width: 20px;
    height: 20px;
}


.qs-size svg path {
    fill: #606E43;
}
.product-form__submit .product-form__submit-price {
    font-weight: 400 !important;
    font-size: 0.85em !important;
}
/* ============================================================
   INKON THEME — Global olive/cream text override
   ============================================================ */

/* Global rule: any element with olive background gets cream text */
[style*="background-color: #606E43"],
[style*="background-color:#606E43"],
[style*="background: #606E43"],
[style*="background:#606E43"] {
  color: #F4EBC6 !important;
}
[style*="background-color: #606E43"] *,
[style*="background-color:#606E43"] *,
[style*="background: #606E43"] *,
[style*="background:#606E43"] * {
  color: #F4EBC6 !important;
}
/* Preserve input text color */
[style*="background-color: #606E43"] input,
[style*="background-color:#606E43"] input,
[style*="background: #606E43"] input,
[style*="background:#606E43"] input {
  color: #10181D !important;
}

/* Cart notification view cart button — cream text on olive */
.inkon-cart-notif__viewcart {
  color: #F4EBC6 !important;
}

/* Cart count bubble — cream text */
.cart-count-bubble span {
  color: #F4EBC6 !important;
}

/* Announcement bar links — cream */
.announcement-bar a,
.announcement-bar__link {
  color: #F4EBC6 !important;
}

/* Footer SS #16 social icons SVG fill */
.ss-footer-16 svg,
.ss-footer-16 .social-icons svg {
  fill: #F4EBC6 !important;
}


/* ============================================================
   TRANSPARENT HEADER — Homepage only
   ============================================================ */

/* Pull main content up behind the header on homepage */
body.template-index #MainContent {
  margin-top: calc(-1 * var(--header-height, 0px));
}

/* ---- TRANSPARENT STATE (body has .header-transparent) ---- */

/* All wrapper layers: transparent */
body.header-transparent .section-header.shopify-section-group-header-group,
body.header-transparent .header-wrapper--transparent {
  background-color: transparent !important;
  background: transparent !important;
}

/* Kill all borders/separators */
body.header-transparent .header-wrapper--border-bottom,
body.header-transparent .header-wrapper--transparent {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Header bar elements white — target ONLY the visible bar, NOT the drawer */
body.header-transparent .header__heading-link {
  color: #ffffff !important;
}
body.header-transparent .header__heading-logo {
  filter: brightness(0) invert(1);
}
body.header-transparent .header__icon,
body.header-transparent .header__icon span,
body.header-transparent .header__icon .svg-wrapper {
  color: #ffffff !important;
}
body.header-transparent .header__icon svg path,
body.header-transparent .header__icon svg rect {
  stroke: #ffffff;
}
body.header-transparent .header__icon--cart svg path,
body.header-transparent .header__icon--cart svg rect {
  stroke: #ffffff;
}
body.header-transparent header-drawer > details > summary {
  color: #ffffff !important;
}
body.header-transparent header-drawer > details > summary svg {
  color: #ffffff !important;
  fill: #ffffff;
}
body.header-transparent .qs-mbl-design-search .header__icon,
body.header-transparent .qs-mbl-design-search .header__icon * {
  color: #ffffff !important;
}
body.header-transparent .qs-mbl-design-search svg {
  color: #ffffff !important;
  fill: #ffffff;
}

/* Country/language selector — white toggle only, NOT the dropdown */
body.header-transparent .desktop-localization-wrapper .localization-form__select > span,
body.header-transparent .desktop-localization-wrapper .localization-form__select > .icon-caret {
  color: #ffffff !important;
}
body.header-transparent .localization-form__select:after {
  border-color: #ffffff !important;
}
body.header-transparent .localization-form__select svg {
  color: #ffffff !important;
  fill: #ffffff;
}
/* Restore dropdown content to normal colors */
body.header-transparent .disclosure__list-wrapper,
body.header-transparent .disclosure__list-wrapper * {
  color: rgba(var(--color-foreground), 0.75) !important;
}

/* Cart count bubble */
body.header-transparent .cart-count-bubble {
  background-color: #ffffff !important;
}
body.header-transparent .cart-count-bubble span {
  color: #000000 !important;
}

/* ---- SCROLLED STATE: restore everything ---- */

.header-wrapper--transparent {
  transition: background-color 0.3s ease;
}

body.template-index:not(.header-transparent) .header-wrapper--transparent {
  background-color: rgb(var(--color-background)) !important;
}

body.template-index:not(.header-transparent) .header__heading-logo {
  filter: none !important;
}
