/** Shopify CDN: Minification failed

Line 163:0 All "@import" rules must come first

**/
/* header */
.logo-area__right__inner span.cart-link__label.visually-hidden-mobile {
    font-size: 16px;
}
.pageheader .logo {
    padding: 7px 0;
}
/* end header */

/* collection-slider */
.collection-slider .align-center, .align-centre, .align-ltr-center {
    display: flex;
    justify-content: space-between;
}
.collection-slider .has-paging .slider-nav__btn {
    margin: -10px 0px;
  background-color: #000;
    color: #fff;
    border-radius: 100%;
  padding: 2px;
}
@media only screen and (max-width: 767px) {
    .collection-slider .has-paging .slider-nav__btn {
        margin: -10px 16px;
    }
  .section-footer__row--blocks .section-footer__row__col:not(:last-child) {
    margin-bottom: 11px;
}
  .section-footer__row--blocks {
    padding-bottom: 26px;
}
  .section-footer__row-lower {
    padding-bottom: 35px;
}
  .collection-slider .has-paging .slider-nav__btn {
    padding:0;
  }

}
.template-index .collection-listing .product-block__detail .product-price.product-price--block {
    display: none;
}
/* end ......collection-slider */
html.js {
    padding-bottom: 0 !important;
}

@media (min-width: 768px) {
      .section-footer__row--blocks {
        margin-bottom: 0;
        padding-bottom: 0;
      }
    .section-footer__row-lower {
       padding-top: 20px; 
      padding-bottom: 10px; 
    }

}

  /* collection-page */
.product-grid .product-block:not(.product-block--landscape) .block-inner-inner {
   background-color: #eee;
}
.product-grid .product-block:not(.product-block--landscape) .block-inner-inner {
    height: 100%;
}
.collection-sided-arrows svg {
    background-color: #b61d0f;
    border-radius: 100%;
}
.block-inner .text-overlay__text:hover svg {
    margin-left: 20px;
}
 .product-block__detail.align-ltr-center {
   
    margin: 0;
       padding: 15px 10px;
  }

.template-collection .product-block__detail.align-ltr-center {
    text-align: right;
}
.template-collection .product-price.product-price--block {
    justify-content: end;
}

.template-collection  .product-block .product-block__detail>.inner {
    margin-right: inherit;
    margin-left: auto;
}
.template-index .product-desc-short {
    display: none;
}
.product-block__title {
    font-size: 18px;
    font-weight: bold;
}
.product-title {
    font-weight: bold;
}
@media (min-width: 768px) {
.product-grid.product-grid--per-row-4.product-grid--per-row-mob-2.product-grid--per-row-mob-2 {
    column-gap: 10px;
    row-gap: 10px;
}
  .template-collection .product-block__title {
    font-size: 18px;
}
  .product-grid.product-grid--per-row-2.product-grid--per-row-mob-2.product-grid--image-shape-square, .product-grid.product-grid--per-row-3.product-grid--per-row-mob-2 {
    column-gap: 10px;
     row-gap: 10px;
}
}
@media only screen and (min-width: 1041px) {
    .media-gallery.media-gallery--layout-carousel-beside.has-thumbnails .main-image {
        order: 1;
        width: calc(100% - -28px);
    }
      .media-gallery.media-gallery--layout-carousel-beside .thumbnails {
        width: 112px;
       padding-inline-end: 0px;
      }
        .thumbnails .slider__item {
          width: 64px;
      }
}

.section-footer__newsletter-block form#contact_form {
    display: flex;
    align-items: center;
}
.section-footer__newsletter-block form#contact_form input.signup-form__email {
    padding: 0.7em 24px;
}
.section-footer__newsletter-block form#contact_form p {
    margin: 0;
}
.section-footer__newsletter-block form#contact_form button.btn.btn--primary.signup-form__button {
    margin-left: -57px;
}
.collection-slider .has-paging .slider-nav__btn[disabled] {
    opacity: inherit;
}
@media (min-width: 768px) {
    .section-footer__row--blocks .section-footer__row__col {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
  .flex-auto.modal__content.pop-designs{
    padding-top: 10px ;
    padding-bottom:10px;
  }
}


/* === Elegant Font Import === */
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

body {
  font-family: 'Questrial', sans-serif;
  font-weight: 400;
  color: #1a1a1a;
}

/* === Clean Product Card Styling === */
.product-card-image-wrapper {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 8px;
}

.product-card-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.just-in-label {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #888;
  z-index: 2;
}

.product-card-text {
  text-align: center;
}

.product-card-title {
  font-family: 'Questrial', sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 4px 0 0 0;
}

.product-card-price {
  font-family: 'Questrial', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #888;
  margin-top: 4px;
}


/* Global font override for all text elements */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, label, input, button, textarea, select {
  font-family: 'Questrial', sans-serif !important;
  font-weight: 400;
}


/* === CORRECTED: Nav link color BEFORE scroll === */
.pageheader.pageheader--transparent-permitted:not(.pageheader--scrolled) .navigation__link {
  color: #111 !important;
}


/* === FINAL: Force compare-at (was) price from snippet === */
.price__was {
  color: red !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  display: inline !important;
  text-decoration: line-through !important;
}

/* === Highlight current (sale) price === */
.price__current {
  color: #111 !important; /* Or any other color you'd like */
  font-weight: 600;
  opacity: 1 !important;
}


/* === COLLECTION TILE: Clean spacing & typography === */

.product-card-text--title-price-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
  padding: 0 5px;
}

.product-card-title {
  font-size: 14px;
  font-weight: 500;
  color: #111;
  flex: 1;
  text-align: left;
  line-height: 1.3;
}

.product-card-price {
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  text-align: right;
  line-height: 1.3;
}

.product-card-price .price__was {
  color: #999;
  margin-left: 6px;
  font-weight: 400;
  font-size: 12px;
}

.product-card-price .price__current {
  color: red;
  font-weight: 600;
  font-size: 13px;
}


/* === FORCE CONSISTENT PRODUCT IMAGE HEIGHT === */

.product-card-image {
  height: 600px;
  object-fit: cover;
  width: 100%;
  display: block;
}

.product-card-image.hover {
  height: 600px;
  object-fit: cover;
  width: 100%;
  display: block;
}

/* === MOBILE RESPONSIVE FOR CHANGES ABOVE === */
@media screen and (max-width: 768px) {
  .product-card-text--title-price-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  .product-card-title {
    font-size: 13px;
    margin-bottom: 2px;
  }

  .product-card-price {
    font-size: 13px;
    text-align: left;
  }

  .product-card-price .price__was {
    font-size: 12px;
  }
}

/* === FINAL FIX: Force dropdown links white in all states === */
.navigation__dropdown .navigation__link,
.navigation__item--has-dropdown .navigation__tier-2 .navigation__link {
  color: #fff !important;
}

/* === DROPDOWN MENU: Enhanced Styling === */
.navigation__tier-2-container {
  background-color: #fff !important;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  padding: 16px 20px;
  min-width: 180px;
}

.navigation__tier-2 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation__tier-2 .navigation__item {
  margin-bottom: 6px;
}

.navigation__tier-2 .navigation__link {
  color: #111 !important;
  font-size: 14px;
  font-weight: 500;
  display: block;
  text-decoration: none;
  transition: color 0.2s ease;
}

.navigation__tier-2 .navigation__link:hover {
  color: #ffeded !important; /* soft hover color — tweak to your brand */
}

/* === ENHANCED DROPDOWN ITEM SIZING === */
.navigation__tier-2 .navigation__link {
  font-size: 16px !important;     /* increase text size */
  padding: 10px 0 !important;     /* more space top and bottom */
  line-height: 1.4;
}

/* === FIX: Mobile Hamburger Menu Top-Level Links === */
@media (max-width: 767px) {
  .mobile-nav__link,
  .mobile-nav__item > a {
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
  }
}

/* === FINAL FIX: Mobile menu top-level links === */
@media (max-width: 767px) {
  .mobile-nav__item a,
  .mobile-nav__item .mobile-nav__link,
  .mobile-nav__item .navigation__link {
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
  }
}

/* === FIX: Mobile Menu Link Colors === */
@media (max-width: 767px) {
  .mobile-nav .navigation__link {
    color: #fff !important;
    font-size: 17px;
    font-weight: 500;
    padding: 14px 20px;
    display: block;
  }

  .mobile-nav {
    background-color: #000 !important;
  }

  .mobile-nav .navigation__item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}


/* === MOBILE NAVIGATION DRAWER FIX === */
.mobile-navigation-drawer,
.mobile-navigation-drawer a,
.mobile-navigation-drawer .navigation__link {
  color: #111 !important;
  font-size: 16px;
  font-weight: 500;
}

.mobile-navigation-drawer {
  background-color: #fff !important;
}

/* === MAKE HAMBURGER ICON VISIBLE ON LOAD === */
.pageheader--transparent-permitted:not(.pageheader--scrolled) .icon {
  stroke: #fff !important;
  fill: #fff !important;
}

/* Optional: fix cart/search icons in transparent mode */
.pageheader--transparent-permitted:not(.pageheader--scrolled) .navigation__icon {
  color: #fff !important;
  stroke: #fff !important;
}


/* === DEFAULT (Before Scroll) === */
.pageheader--transparent-permitted:not(.pageheader--scrolled) .icon,
.pageheader--transparent-permitted:not(.pageheader--scrolled) .navigation__icon {
  stroke: #fff !important;
  fill: #fff !important;
  color: #fff !important;
}

/* === AFTER SCROLL (Standard Header) === */
.pageheader--scrolled .icon,
.pageheader--scrolled .navigation__icon {
  stroke: #111 !important;
  fill: #111 !important;
  color: #111 !important;
}


/* === ENSURE MOBILE MENU LINKS ARE WHITE === */
@media (max-width: 767px) {
  .mobile-navigation-drawer .mobile-nav__item a,
  .mobile-navigation-drawer .mobile-nav__link,
  .mobile-navigation-drawer .mobile-nav__item > a {
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
  }

  .mobile-navigation-drawer {
    background-color: #000 !important;
  }

  .mobile-nav__toggle,
  .mobile-nav__toggle .icon-chevron-right {
    color: #fff !important;
    fill: #fff !important;
  }

  .mobile-navigation-drawer .currency-selector,
  .mobile-navigation-drawer .localization-form__item {
    color: #fff !important;
  }
}

/* Ensure hamburger icon is visible */
.header__icon--menu svg {
  fill: #111 !important; /* Dark color for visibility */
  stroke: #111 !important;
}



@media (max-width: 767px) {
  .mobile-nav-toggle,
  .mobile-nav-toggle .icon-hamburger {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 9999 !important;
  }

  /* Default: grey hamburger icon */
  .mobile-nav-toggle svg {
    stroke: #222 !important;
    fill: none !important;
    color: #222 !important;
  }

  /* When drawer is open: white icon */
  body.reveal-mobile-nav--revealed .mobile-nav-toggle svg {
    stroke: #fff !important;
    color: #fff !important;
  }

  .mobile-navigation-drawer {
    display: block !important;
    background: #000 !important;
  }

  .mobile-nav__toggle {
    display: block !important;
  }
}


/* === FINAL: Hamburger icon color logic based on menu open state === */

/* Default state: grey icon */
.mobile-nav-toggle svg {
  stroke: #222 !important;
  fill: none !important;
  transition: stroke 0.3s ease;
}

/* When drawer is open: icon turns white */
body.reveal-mobile-nav--revealed .mobile-nav-toggle svg {
  stroke: #fff !important;
}

/* === FINAL HARD OVERRIDE FOR HAMBURGER ICON BEHAVIOR === */

/* 1. Default: grey icon */
.mobile-nav-toggle svg path,
.mobile-nav-toggle svg use,
.mobile-nav-toggle svg {
  stroke: #222 !important;
  fill: none !important;
}

/* 2. When drawer is open: white icon */
body.reveal-mobile-nav--revealed .mobile-nav-toggle svg path,
body.reveal-mobile-nav--revealed .mobile-nav-toggle svg use,
body.reveal-mobile-nav--revealed .mobile-nav-toggle svg {
  stroke: #fff !important;
  fill: none !important;
}


/* === FINAL FIX: Force Mobile Drawer Links Fully White and Visible === */
@media (max-width: 767px) {
  .mobile-navigation-drawer .navigation__item > a,
  .mobile-navigation-drawer .navigation__link,
  .mobile-navigation-drawer .mobile-nav__item > a,
  .mobile-navigation-drawer .mobile-nav__link {
    color: #111 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    text-transform: uppercase;
    padding: 16px 20px;
    display: block;
  }

  .mobile-navigation-drawer .navigation__item {
    border-bottom: 1px solid rgba(255,255,255,0.08);
  }

  .mobile-navigation-drawer .navigation__item:last-child {
    border-bottom: none;
  }

  .mobile-navigation-drawer .currency-selector,
  .mobile-navigation-drawer .localization-form__item {
    color: #111 !important;
  }

  .mobile-nav__toggle .icon-chevron-right {
    stroke: #fff !important;
    fill: none !important;
  }
}

/* Force white nav links inside mobile drawer */
.mobile-navigation-drawer .navigation__link[style] {
  color: #fff !important;
}

/* === FIX: Submenu panel background === */
@media (max-width: 767px) {
  .navigation__tier-2-container.navigation__child-tier {
    background-color: #000 !important;
    color: #fff !important;
  }

  .navigation__tier-2-container.navigation__child-tier .navigation__link {
    color: #fff !important;
    font-weight: 500 !important;
  }

  .navigation__tier-2-container.navigation__child-tier .navigation__item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .navigation__tier-2-container.navigation__child-tier .navigation__item:last-child {
    border-bottom: none;
  }
}
/* === FIX: Top-level mobile nav links (main menu items) === */
@media (max-width: 767px) {
  .mobile-navigation-drawer .navigation__tier-1 > .navigation__item > a,
  .mobile-navigation-drawer .navigation__tier-1 > .navigation__item .navigation__link {
    color: #fff !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    filter: none !important;
    text-transform: uppercase !important;
  }
}

/* === FORCE white top-level nav links inside mobile drawer === */
@media (max-width: 767px) {
  .mobile-navigation-drawer .navigation__tier-1 .navigation__link[style] {
    color: #fff !important;
  }
}


@media (max-width: 767px) {
  .mobile-navigation-drawer .navigation__tier-1 .navigation__item > a.navigation__link,
  .mobile-navigation-drawer .navigation__tier-1 .navigation__link[style],
  .mobile-navigation-drawer .navigation__item > a.navigation__link {
    color: #fff !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
  }
}


/* === Responsive product card image height === */
@media (max-width: 768px) {
  .product-card-image {
    height: auto !important;       /* Let image scale naturally */
    max-height: 300px !important;  /* Limit max height for neatness */
    width: 100% !important;        /* Ensure full width */
    object-fit: cover;             /* Maintain aspect ratio with cropping */
    display: block;
  }
}

/* Remove padding/margin around product blocks for full-width images */
.product-grid .product-block {
  padding: 0 !important;
  margin: 0 !important;
}

/* Make product images fully fill their containers */
.product-block .block-inner-inner {
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent !important;
}

.product-block .product-card-image-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.product-card-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* === Custom: Mobile override for homepage slideshow height (duplicate for custom.css) === */
@media (max-width: 767.98px) {
  .template-index .section-slideshow .height--full {
    height: 80vh !important;
    min-height: 400px !important;
    max-height: 90vw !important;
  }
  .template-index .section-slideshow .slideshow__slide .slideshow__motion-media {
    height: 100% !important;
    object-fit: cover !important;
  }
}