/** Shopify CDN: Minification failed

Line 283:12 Expected identifier but found whitespace
Line 283:13 Unexpected "("
Line 1236:1 Expected "}" to go with "{"

**/

.m-menu__item--mega .m-sub-menu__item--level-1 > .m-menu__link {
  font-weight: 500;
  padding-left: 12px;
  font-family: AdihausDIN, Helvetica, Arial, Helvetica, sans-serif;
  color: #000;
  padding-right: 12px;
  font-size: 17px;
}
a.m-menu__link.m-menu__link--main {
    font-family: AdihausDIN, Helvetica, Arial, Helvetica, sans-serif;
    font-size: 18px;
    white-space: nowrap;
}
a.m-menu__link {
    color:#525252 !important;
    font-family: AdihausDIN, Helvetica, Arial, Helvetica, sans-serif;
        white-space: nowrap;
}
variant-picker .m-product-option--button .m-product-option--node__label {
    font-size: var(--font-base-size);
    min-width: 70px;
    background: #e3e6e8;
  }
  span.option-label--title {
    font-size: 17px;
    font-weight: 600;
}


.m-menu-mobile__item>a{
  cursor: pointer;
    font-family: AdihausDIN, Helvetica, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0px;
    font-weight: 400;
    padding: 12px 32px;
}
.m-menu-mobile__back-button {
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 16px 0;
    margin: 0 16px 10px;
    text-align: left;
    font-size: 21px;
    border-bottom: 1px solid rgb(var(--color-border));
   font-family: AdihausDIN, Helvetica, Arial, Helvetica, sans-serif;
  }
  h2.m-section__heading.h3.m-scroll-trigger.animate--fade-in-up {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #000;
    position: relative;
    display: inline-block;
   
}

.m-product-card.m-product-card--style-4:hover {
    border: 1px solid #000;
} 
/* m-product-card m-product-card--style-4 m-product-card--soldout m-product-card--onsale m-product-card--show-second-img m-scroll-trigger animate--fade-in-up */
.m-product-card {
    position: relative;
}

.m-product-card .m-product-tag--soldout {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    transform: none;
    z-index: 2;
}
.m-product-card .m-product-tag--soldout {
    padding: 5px;
   padding-bottom: 2.5px;
    right: 10px;
    height: auto;
    left: auto;
    transform: none;
    z-index: 2;
    border-radius: 0px;
    top: 15px;
  }
  html.js.prevent-scroll {
    --m-header-height: 0;
    --m-scrollbar-width: 0;
}
.m-menu-customer__label {
    font-size: 20px;
    display: none;
}
  .pswp__item {
    background: #c3c5c9;
}


.m-product-media {
  position: relative;
  overflow: hidden !important;
}

.m-product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease !important;
  will-change: transform;
}


.m-product-media * {
  pointer-events: none;
}

.m-product-media {
  pointer-events: auto;
}
.m-sub-menu__item>a {
  font-size: !important;}

  .m-menu__item--mega .m-sub-menu__item--level-1>.m-menu__link {
    font-weight: 500;
    padding-left: 12px;
    font-size: 17px;
    color: #000 !important;
        letter-spacing: 1px;
  }
  @media (max-width: 767px) {
  .m-slider-controls {
    display: none !important;
  }
  .m-product-card .m-product-tag--soldout {
  
    font-size: 10px;
    text-transform: capitalize;
     width: 40px !important;

  }
  .m-product-tabs__load-more {
    justify-content: center;
    margin-top: 20px;
}
button.m-sortby--open.md\:m\:hidden.m\:flex.m\:items-center{
  display:none;
}
}

@media (min-width: 1023px) and (max-width: 1169px) {

  /* MENU SINGLE LINE */
  .m-header__menu .m-menu {
    display: flex;
    flex-wrap: nowrap !important;
    justify-content: center;
    align-items: center;
    gap: 0;
  }

  /* PREVENT TEXT BREAK */
  .m-menu__item {
    white-space: nowrap;
  }

  /* FONT SIZE REDUCE */
  .m-menu__link--main {
    font-size: 14px !important;
    
  }

  /* CENTER ALIGN FIX */
  .m-header__center {
    flex: 1;
    display: flex;
    justify-content: center;
  }

}
/* 1000px to 1400px */
@media (min-width: 1000px) and (max-width: 1400px) {
  a.m-menu__link.m-menu__link--main {
    font-size: 17px !important;
        white-space: nowrap;
  }
}

/* Up to 1280px */
@media (max-width: 1280px) {
  a.m-menu__link.m-menu__link--main {
    font-size: 15px !important;
        white-space: nowrap !important;
  }

  .m-menu__item--mega .m-sub-menu__item--level-1 > .m-menu__link {
    font-weight: 500;
    padding-left: 12px !important;
    font-size: 15px;
        white-space: nowrap !important;
  }

  a.m-menu__link {
    font-size: 13px;

    white-space: nowrap !important;
  }

  .m-sub-menu__item > a {
    font-size: 12px !important;
     white-space: nowrap !important;
  }
}
.map-container {
  width: 100%;
}
@media (max-width: 767px) {
  .m-menu-drawer__wrapper {
    width: 100%;
  }
  header.m-header__mobile.container-fluid.m\:flex.m\:items-center.m-gradient.m-color-default.header-drawer-open {
    border: 1px solid;
  }
  .m-menu-mobile__item:nth-child(6) {
    border-bottom: 1px solid rgb(var(--color-border));
  }
  .header-drawer-open .m-header__mobile > .container-fluid {
    display: none !important;
  }
/* header css */
.map-container iframe {
  width: 100%;
  height: 450px;
  display: block;
}

.whatsapp-icon-box {
    position: fixed;
    bottom: 135px;
    z-index: 999;
    display: none;
    
}

.m-header__container:has(.m-menu__item--dropdown:hover) {
  background: #000;
}

.social-media-links {
  column-gap: 30px;
}
a.m-menu__link.m-menu__link--main {
  font-family: AdihausDIN, Helvetica, Arial, sans-serif;
  color: #fff !important;
}
/* header css */
.m-topbar a[href*="facebook"] {
  order: 2;
}


@keyframes blinkHighlight {
    0%, 100% {
        box-shadow: 0 0 5px rgba(255, 77, 77, 0.4);
        color: #ff4d4d;
    }
    50% {
        box-shadow: 0 0 15px rgba(255, 77, 77, 1);
        color: #ff0000;
    }
}

button.chat-toggle
Specificity: (0,1,1)
 {
  margin: -40px 0px !important;

 }

 /* desktop mega menu  */
 .m-header__menu{
    position: static !important;
}

.mega-parent{
    position: static !important;
}



.navbar {
    width: 100%;
    background: #ffffff05;
    border-bottom: 1px solid #eee;
}
.nav-container{
    max-width:1400px;
    margin:auto;
    padding:24px 40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}


/* =========================
   MENU
========================= */

.menu{
    display:flex;
    align-items:center;
    gap:40px;
    list-style:none;
}

.menu > li > a{
    text-decoration:none;
    color:#fff;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
}

.sale{
    color:#c62828 !important;
}


/* ==========================================
   MEGA MENU
========================================== */

.mega-parent{
    position:static;
}

.mega-parent > a{
    position:relative;
    display:block;
}

.mega-parent > a::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-12px;
    width:0;
    height:2px;
    background:#111;
    transition:all .3s ease;
}

.mega-parent:hover > a::after{
    width:100%;
}
.mega-menu{
    position: fixed;
    left: 0;
    right: 0;
    width: 100vw;
    max-width: 100vw;
    margin: 0;
}
.mega-menu{
   
    background:#fff;
    border-top:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:all .3s ease;
    z-index:999;
}

.mega-parent:hover .mega-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* ==========================================
   CONTENT GRID
========================================== */

.mega-menu-content{
    padding:20px 30px;

    display:grid;
    grid-template-columns:
        1fr
        1fr
        1fr
        1fr
        1.5fr;

    gap:40px;
}

/* ==========================================
   COLUMN HEADINGS
========================================== */

.activity-column h4,
.fit-column h4,
.mega-column h4{
    position:relative;
    padding-bottom:14px;
    margin-bottom:24px;
    font-size:15px;
    font-weight:700;
    color:#111;
}

.activity-column h4::after,
.fit-column h4::after,
.mega-column h4::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:30px;
    height:2px;
    background:#111;
}

/* ==========================================
   LINKS
========================================== */

.mega-column a{
    display:block;
    text-decoration:none;
    color:#555;
    margin-bottom:12px;
    font-size:14px;
    transition:.3s;
}

.mega-column a:hover{
    color:#000;
    padding-left:5px;
}

.menu-group{
    margin-bottom:28px;
}

.menu-group h5{
    font-size:13px;
    font-weight:700;
    margin-bottom:15px;
    color:#111;
}

/* ==========================================
   ACTIVITY ITEMS
========================================== */

.activity-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
    text-decoration:none;
    margin-bottom:22px;
}

.activity-item i{
    width:22px;
    font-size:18px;
    color:#111;
    margin-top:2px;
}

.activity-item h5{
    font-size:12px;
    font-weight:700;
    color:#111;
    margin-bottom:4px;
}

.activity-item span{
    font-size:12px;
    color:#777;
}

/* ==========================================
   COLLECTION ITEMS
========================================== */

.collection-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
    text-decoration:none;
    margin-bottom:22px;
}

.dp-logo{
    min-width:42px;
    width:42px;
    height:42px;
    border:1px solid #ddd;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    color:#111;
}

.collection-item h5{
    font-size:12px;
    font-weight:700;
    color:#111;
    margin-bottom:4px;
}

.collection-item span{
    font-size:12px;
    color:#777;
}

/* ==========================================
   FIT COLUMN
========================================== */

.fit-column > a{
    display:block;
    margin-bottom:18px;
    color:#111;
    font-size:13px;
    font-weight:600;
}

.fit-finder{
    margin-top:35px;
    padding-top:25px;
    border-top:1px solid #eee;
}

.fit-finder h5{
    font-size:13px;
    line-height:1.5;
    margin-bottom:8px;
    color:#111;
}

.fit-finder span{
    font-size:13px;
    color:#777;
}

/* ==========================================
   BANNER
========================================== */

.mega-banner{
    position:relative;
    overflow:hidden;
    border-radius:12px;
    min-height:420px;
}

.mega-banner img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.banner-content{
    position:absolute;
    left:35px;
    bottom:35px;
    color:#fff;
}

.banner-content p{
    font-size:12px;
    letter-spacing:2px;
    margin-bottom:12px;
}

.banner-content h2 {
    font-size: 25px;
    font-weight: 800;
    color: #000;
    line-height: 1.1;
    max-width: 250px;
    margin-bottom: 20px;
}

.banner-content button{
    background:#111;
    color:#fff;
    border:none;
    padding:14px 24px;
    border-radius:6px;
    cursor:pointer;
    font-weight:600;
    transition:.3s;
}

.banner-content button:hover{
    transform:translateY(-2px);
}

/* ==========================================
   TOP USP BAR
========================================== */

.top-usp-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 40px;
    border-bottom:1px solid #eee;
}

.usp-left,
.usp-right{
    display:flex;
    align-items:center;
    gap:35px;
}

.usp-item{
    display:flex;
    align-items:center;
    gap:10px;
}

.usp-item i{
    font-size:14px;
    color:#111;
}

.usp-item span{
    font-size:11px;
    font-weight:600;
    color: #111;
}

.usp-item strong{
    display:block;
    font-size:11px;
     color: #111;
}

.usp-item small{
    display:block;
    font-size:10px;
    color:#777;
}

/* ==========================================
   BOTTOM USP BAR
========================================== */

.bottom-usp-bar{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid #eee;
    padding:25px 40px;
}

.bottom-usp-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    border-right:1px solid #eee;
}

.bottom-usp-item:last-child{
    border-right:none;
}

.bottom-usp-item i{
    font-size:20px;
}

.bottom-usp-item h4{
    font-size:12px;
    font-weight:700;
    margin-bottom:4px;
}

.bottom-usp-item p{
    font-size:11px;
    color:#777;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:1200px){

    .mega-menu-content{
        grid-template-columns:1fr 1fr 1fr;
    }

    .mega-banner{
        grid-column:span 3;
    }
}

@media(max-width:991px){

    .mega-menu-content{
        grid-template-columns:1fr 1fr;
    }

    .mega-banner{
        grid-column:span 2;
        min-height:300px;
    }

    .top-usp-bar{
        flex-direction:column;
        gap:20px;
    }

    .usp-left,
    .usp-right{
        flex-wrap:wrap;
        justify-content:center;
    }
}

@media(max-width:768px){

    .mega-menu{
        display:none;
    }

    .top-usp-bar,
    .bottom-usp-bar{
        display:none;
    }

    .mega-menu-content{
        grid-template-columns:1fr;
        padding:20px;
    }

    .mega-banner{
        min-height:250px;
    }

    .banner-content h2{
        font-size:28px;
    }
}

/* =========================
   BANNER
========================= */

.mega-banner{
    position:relative;
    border-radius:14px;
    overflow:hidden;
    min-height:420px;
}

.mega-banner img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.banner-content{
    position:absolute;
    bottom:35px;
    left:35px;
    color:#fff;
}

.banner-content p{
    font-size:12px;
    letter-spacing:2px;
    margin-bottom:12px;
}

.banner-content h2{
    font-size:42px;
    font-weight:800;
    line-height:1.1;
    max-width:250px;
    margin-bottom:20px;
}

.banner-content button{
    background:#000;
    color:#fff;
    border:none;
    padding:14px 24px;
    border-radius:6px;
    cursor:pointer;
}

/* =========================
   DEMO CONTENT
========================= */

.hero{
    height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#999;
    font-size:24px;
}

/* =========================
   MOBILE
========================= */

@media(max-width:1100px){

    .mega-menu{
        grid-template-columns:1fr 1fr;
    }

    .mega-banner{
        grid-column:span 2;
        min-height:300px;
    }
}

@media(max-width:768px){

    .menu{
        display:none;
    }

    .search-box input{
        display:none;
    }

    .nav-container{
        padding:20px;
    }

    .logo h2{
        font-size:24px;
    }
}
.activity-item,
.collection-item{
    display:flex !important;
    align-items:flex-start;
    gap:14px;
    margin-bottom:22px;
    text-decoration:none;
}

.activity-item i{
    width:22px;
    font-size:18px;
    color:#222;
    margin-top:2px;
}

.activity-item h5,
.collection-item h5{
    font-size:12px;
    font-weight:700;
    letter-spacing:.5px;
    color:#111;
    margin-bottom:4px;
}

.activity-item span,
.collection-item span{
    font-size:12px;
    color:#666;
}

.menu-group{
    margin-bottom:28px;
}

.menu-group h5{
    font-size:13px;
    font-weight:700;
    margin-bottom:15px;
    color:#111;
}

.menu-group a{
    display:block;
    margin-bottom:10px;
    font-size:15px;
    white-space: nowrap;
}

.dp-logo{
    min-width:42px;
    font-size:18px;
    font-weight:800;
    color:#111;
}

.fit-column > a{
    display:block;
    margin-bottom:18px;
    color:#111;
    font-size:13px;
    font-weight:600;
}

.fit-finder{
    margin-top:35px;
    padding-top:25px;
    border-top:1px solid #ececec;
}

.fit-finder h5{
    font-size:13px;
    line-height:1.5;
    margin-bottom:10px;
    color:#111;
}

.fit-finder span{
    font-size:13px;
    color:#666;
}

.activity-column h4,
.fit-column h4,
.mega-column h4{
    position:relative;
    padding-bottom:14px;
    margin-bottom:24px;
}

.activity-column h4::after,
.fit-column h4::after,
.mega-column h4::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:28px;
    height:2px;
    background:#111;
}
/* ==================================
   TOP USP BAR
================================== */

.top-usp-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:18px 40px;

    border-bottom:1px solid #ececec;
    background:#fff;
}

.usp-left,
.usp-right{
    display:flex;
    align-items:center;
    gap:35px;
}

.usp-item{
    display:flex;
    align-items:center;
    gap:10px;
}

.usp-item i{
    color:#111;
    font-size:14px;
}

.usp-item span{
    font-size:11px;
    font-weight:600;
    letter-spacing:.5px;
}

.usp-item strong{
    display:block;
    font-size:11px;
    font-weight:700;
}

.usp-item small{
    display:block;
    color:#777;
    font-size:10px;
}

/* ==================================
   BOTTOM USP BAR
================================== */

.bottom-usp-bar{
    display:grid;
    grid-template-columns:repeat(4,1fr);

    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;

    padding:25px 40px;
    background:#fff;
}

.bottom-usp-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;

    border-right:1px solid #ececec;
}

.bottom-usp-item:last-child{
    border-right:none;
}

.bottom-usp-item i{
    font-size:20px;
    color:#111;
}

.bottom-usp-item h4{
    font-size:12px;
    font-weight:700;
    margin-bottom:4px;
    letter-spacing:.4px;
}

.bottom-usp-item p{
    font-size:11px;
    color:#777;
}

/* ==================================
   MOBILE
================================== */

@media(max-width:1024px){

    .top-usp-bar{
        flex-direction:column;
        gap:20px;
    }

    .usp-left,
    .usp-right{
        flex-wrap:wrap;
        justify-content:center;
    }

    .bottom-usp-bar{
        grid-template-columns:1fr 1fr;
        gap:20px;
    }

    .bottom-usp-item{
        border:none;
    }
}

@media(max-width:768px){

    .bottom-usp-bar{
        grid-template-columns:1fr;
    }

    .usp-left,
    .usp-right{
        gap:15px;
    }
}

/* DROPDOWN */

.dropdown{
    position:relative;
}

.submenu{
    position:absolute;
    top:100%;
    left:0;

    min-width:220px;
    background:#fff;

    list-style:none;

    padding:10px 0;
    margin-top:15px;

    border:1px solid #eee;
    border-radius:8px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:.3s ease;
    z-index:999;
}

.dropdown:hover .submenu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.submenu li{
    width:100%;
}

.submenu a{
    display:block;
    padding:12px 18px;
    text-decoration:none;
    color:#333;
    font-size:14px;
    transition:.2s;
}

.submenu a:hover{
    background:#f7f7f7;
    color:#000;
    padding-left:24px;
}

.sale-dropdown{
    padding: 10px 0;
}

.sale-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(80px);
    width: 100%;
    background: #fff;
    padding: 35px;
    border-top: 1px solid #ececec;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
    z-index: 999;
}

.sale-dropdown:hover .sale-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    /* display: block; */
}

.sale-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.sale-card{
    text-decoration:none;
    color:#111;
}

.sale-card img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    border-radius:12px;
    transition:.3s;
}

.sale-card:hover img{
    transform:scale(1.04);
}

.sale-card h4{
    margin-top:14px;
    font-size:15px;
    font-weight:600;
}

.sale-card sup{
    color:#888;
    font-size:11px;
}

@media(max-width:1200px){

    .sale-mega-menu{
        width:95vw;
    }

    .sale-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:768px){

    .sale-grid{
        grid-template-columns:1fr 1fr;
    }
}
.appreal {
    display: flex;
    gap: 40px;
}