/** Shopify CDN: Minification failed

Line 321:11 Expected identifier but found whitespace
Line 321:20 Unexpected ";"

**/

@import url('https://fonts.googleapis.com/css2?family=Kurale&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Jomolhari&display=swap');


.swiper-container { pointer-events: all; }@font-face {
  font-family: Outfit;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//tempoink.co.za/cdn/fonts/outfit/outfit_n4.387c2e2715c484a1f1075eb90d64808f1b37ac58.woff2?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=60625ac90b070c49fce0a1b30948bbcce45d14e49796d5a848abee6383c889a4") format("woff2"),
       url("//tempoink.co.za/cdn/fonts/outfit/outfit_n4.aca8c81f18f62c9baa15c2dc5d1f6dd5442cdc50.woff?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=e7f80b6b900af00ecf490b7e55918b20bb47156ffaeeaf674c0528cae0a920a7") format("woff");
}

@font-face {
  font-family: Outfit;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//tempoink.co.za/cdn/fonts/outfit/outfit_n3.8c97ae4c4fac7c2ea467a6dc784857f4de7e0e37.woff2?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=4f2c2acfedc544dfb065b46888d13bf561c52dc4e0f12219d666548a1e3585ef") format("woff2"),
       url("//tempoink.co.za/cdn/fonts/outfit/outfit_n3.b50a189ccde91f9bceee88f207c18c09f0b62a7b.woff?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=503ae9ea8e87c00eddce8f88feb192bbd25444119835f7274197d447a7224164") format("woff");
}

@font-face {
  font-family: Outfit;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//tempoink.co.za/cdn/fonts/outfit/outfit_n3.8c97ae4c4fac7c2ea467a6dc784857f4de7e0e37.woff2?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=4f2c2acfedc544dfb065b46888d13bf561c52dc4e0f12219d666548a1e3585ef") format("woff2"),
       url("//tempoink.co.za/cdn/fonts/outfit/outfit_n3.b50a189ccde91f9bceee88f207c18c09f0b62a7b.woff?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=503ae9ea8e87c00eddce8f88feb192bbd25444119835f7274197d447a7224164") format("woff");
}


@font-face {
  font-family: Outfit;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//tempoink.co.za/cdn/fonts/outfit/outfit_n7.bfc2ca767cd7c6962e82c320123933a7812146d6.woff2?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=21880acae02f072db4607f756b3b89f6eab402fedaa785af797cf00f473003e9") format("woff2"),
       url("//tempoink.co.za/cdn/fonts/outfit/outfit_n7.f0b22ea9a32b6f1f6f493dd3a7113aae3464d8b2.woff?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=228dc0b2a557e3b94d1b575603acfd7e20ff7f1dda84c0ec34e9ac21b94a6287") format("woff");
}

@font-face {
  font-family: Outfit;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//tempoink.co.za/cdn/fonts/outfit/outfit_n4.387c2e2715c484a1f1075eb90d64808f1b37ac58.woff2?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=60625ac90b070c49fce0a1b30948bbcce45d14e49796d5a848abee6383c889a4") format("woff2"),
       url("//tempoink.co.za/cdn/fonts/outfit/outfit_n4.aca8c81f18f62c9baa15c2dc5d1f6dd5442cdc50.woff?h1=Y2hjZmprLWRjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=dGVtcG9pbmsuY28uemE&hmac=e7f80b6b900af00ecf490b7e55918b20bb47156ffaeeaf674c0528cae0a920a7") format("woff");
}




:root {
  
  /* Heading font*/--DTFontTypo_Heading:'Kurale', serif;;--font-style-header: normal;
  --font-weight-header: 400;
  --font-size-header: ;

  /* Body font*/--DTFontTypo_Body:'Roboto', sans-serif;;--font-style-body: normal;
  --font-weight-body: 300;          
  --font-weight-body--bold: 700;
  --font-weight-body--bolder: 400;
  --font-size-body: 18px;     

  /* Custom font*/--DTFontTypo_Custom: 'Jomolhari', serif;;--font-style-additional: normal;
  --font-weight-additional: 300;    
  --font-size-additional: 20; 

  /* Other colors */
  --swiper-theme-color:  #666666 !important;
  --DTPrimaryColor: #666666;
  --DTSecondaryColor: #e4e4e4;
  --DTTertiaryColor: #bababa;
  --DTBodyBGColor: #ffffff;
  --DTOverlayColor: rgba(97, 97, 97, 0.5);
  /*--DTOverlayColor: rgb(255 255 255 / 50%);*/

  --DTLinkColor: #dedede;
  --DTLinkHoverColor: #666666;
  --DTColor_Body: #333333;
  --DTColor_Heading: #dedede;
  --DTColor_Border: #e4e4e4;

  /* Error and alerts */
  --DT_Error_Color: #D8000C;
  --DT_Success_Color:#4F8A10;
  --DT_Warning_Color:#9F6000;
  --DT_Info_Color: #31708f;

  /* Blog section */
  --DT_Blog_Border_Radius: 0px;
  --DT_Blog_Gutter_Width: 30px;
  --DT_Blog_BG_Color:rgba(0,0,0,0);
  --DT_Blog_Link_Color:#dedede;
  --DT_Blog_Link_Hover_Color:#666666;
  --DT_Blog_Text_Color: #a2a2a2;
  --DT_Blog_Icon_Color: #666666;
  --DT_Blog_Button_BG_Color: rgba(0,0,0,0);
  --DT_Blog_Button_Text_Color:#a2a2a2;  
  --DT_Blog_Button_BG_Hover_Color: rgba(0,0,0,0);
  --DT_Blog_Button_Text_Hover_Color:#666666;

  /* Overlay Style */
  --DT_Blog_Link_Color_Overlay:#666666;
  --DT_Blog_Link_Hover_Color_Overlay:#666666;
  --DT_Blog_Text_Color_overlay: #a2a2a2;
  --DT_Blog_Icon_Color_overlay: #ffffff;
  --DT_Blog_Button_BG_Color_overlay: rgba(0,0,0,0);
  --DT_Blog_Button_Text_Color_overlay:#a2a2a2;  
  --DT_Blog_Button_BG_Hover_Color_overlay: rgba(0,0,0,0);
  --DT_Blog_Button_Text_Hover_Color_overlay:#666666;

  /* Base Size */
  --DTFontSizeBase: 18px;  

  /* Heading Size */
  --DTFontSize_H1: 60px;
  --DTFontSize_H2: 40px;
  --DTFontSize_H3: 30px;
  --DTFontSize_H4: 26px;
  --DTFontSize_H5: 18px;
  --DTFontSize_H6: 16px;

  --DT_Heading_Line_Height: 1.2em;
  --DT_Body_Line_Height: 2em;

  --DTRadius: 0px;
  --DTInputPadding: 10px 20px 10px 20px;

  --DTInputBackground: #ffffff;
  --DTform_BG: #eaeaea;	

  /* Products */
  --DT_product_bg_color: rgba(0,0,0,0);
  --DT_product_text_color: #dedede;
  --DT_product_title_color: #333333;
  --DT_product_title_hover_color: #666666;
  --DT_product_vendor_color: #9b9b9b;

  /* Button Style */
  --DTPadding_Btn: 12px 32px 12px 32px;
  --DT_Button_BG_Color: #666666;
  --DT_Button_Text_Color: #eaeaea;  
  --DT_Button_BG_Hover_Color: #eaeaea;
  --DT_Button_border_Color: ;
  --DT_Button_hover_border_Color: ;
  --DT_Button_Text_Hover_Color: #666666;
  --DT_Button_Border_Radius: 0px;
  --DT_Button_border_width: 0px;

  --DTContainer: 1600px;
  --DT_Lap_Container: 1100px;
  --DT_Tab_Container: 960px;    

  --DT_Container_Spacing: 6%;  
  --DTGutter_Width: 30px;

  --DTBaseTransition: all 0.3s linear; 

  --DTboxShadowcolor: #bbbbbb;
  --DTboxShadowcolor_light: #e9e9e9;

  --DTboxShadow: 0 0 10px var(--DTboxShadowcolor);
   --DTboxShadow_light: 0 0 10px var(--DTboxShadowcolor_light);

      /* Gradient Option */
      --DT_Gradient: linear-gradient(310deg, rgba(17, 189, 251, 1) 15%, rgba(33, 249, 150, 1) 85%);
      --DT_Gradient_Hover: linear-gradient(228deg, rgba(21, 209, 252, 1) 14%, rgba(187, 48, 254, 1) 83%);
      }

/* ========= CSS OVERRIDES =============== */

:root {
  
  /* Heading font*/--DTFontTypo_Heading:'Kurale', serif;;--font-style-header: normal;
  --font-weight-header: 400;
  --font-size-header: ;

  /* Body font*/--DTFontTypo_Body:'Roboto', sans-serif;;--font-style-body: normal;
  --font-weight-body: 300;          
  --font-weight-body--bold: 700;
  --font-weight-body--bolder: 400;
  --font-size-body: 18px;     

  /* Custom font*/--DTFontTypo_Custom: 'Jomolhari', serif;;--font-style-additional: normal;
  --font-weight-additional: 300;    
  --font-size-additional: 20; 

  /* Other colors */
  --swiper-theme-color:  #666666 !important;
  --DTPrimaryColor: #666666;
  --DTSecondaryColor: #e4e4e4;
  --DTTertiaryColor: #bababa;
  --DTBodyBGColor: #ffffff;
  --DTOverlayColor: rgba(97, 97, 97, 0.5);
  /*--DTOverlayColor: rgb(255 255 255 / 50%);*/

    /* Blog section */
  --DT_Blog_Border_Radius: 0px;
  --DT_Blog_Gutter_Width: 30px;
  --DT_Blog_BG_Color:rgba(0,0,0,0);
  --DT_Blog_Link_Color:#dedede;
  --DT_Blog_Link_Hover_Color:#666666;
  --DT_Blog_Text_Color: #a2a2a2;
  --DT_Blog_Icon_Color: #666666;
  --DT_Blog_Button_BG_Color: rgba(0,0,0,0);
  --DT_Blog_Button_Text_Color:#a2a2a2;  
  --DT_Blog_Button_BG_Hover_Color: rgba(0,0,0,0);
  --DT_Blog_Button_Text_Hover_Color:#666666;

    /* Button Style */
  --DTPadding_Btn: 12px 32px 12px 32px;
  --DT_Button_BG_Color: #000000 !important;
  --DT_Button_Text_Color: #eaeaea;  
  --DT_Button_BG_Hover_Color: #eaeaea;
  --DT_Button_border_Color: ;
  --DT_Button_hover_border_Color: ;
  --DT_Button_Text_Hover_Color: #000000;
  --DT_Button_Border_Radius: 0px;
  --DT_Button_border_width: 0px;

}

.free-shipping-form {
  display: none !important;
}

input.quantity-selector {
  color: #000000 !important;
}

#CartDrawer .drawer__header h4 {
    font-size: var(--DTFontSize_H4);
    margin-top: 20px;
    border-bottom: 1px solid var(--DTColor_Body);
    padding-bottom: 20px;
    color: var(--DT_Button_BG_Color) !important;
}
#CartContainer .details h6 a {
  color: var(--DT_Button_BG_Color) !important;
}

.product-item-caption-qty input.input-number, .cart_table .qty-box-set .quantity-selector {
    height: 30px;
    padding: 0;
    max-width: 40px;
    border-width: 0 1px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    border-color: var(--DTColor_Border);
    font-family: Arial, Helvetica, sans-serif;
    color: #000000 !important;
}

button.mfp-arrow:before, button.mfp-close:before, .dt-sc-btn.close-icon:before {
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    margin: auto;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100'  xml:space='preserve'> <path d='M57,50l35.2-35.2c1.9-1.9,1.9-5.1,0-7c-1.9-1.9-5.1-1.9-7,0L50,43L14.8,7.7c-1.9-1.9-5.1-1.9-7,0c-1.9,1.9-1.9,5.1,0,7 L43,50L7.7,85.2c-1.9,1.9-1.9,5.1,0,7c1,1,2.2,1.5,3.5,1.5s2.5-0.5,3.5-1.5L50,57l35.2,35.2c1,1,2.2,1.5,3.5,1.5s2.5-0.5,3.5-1.5 c1.9-1.9,1.9-5.1,0-7L57,50z'/></svg>");
    background: #000000 !important;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

header .site-header__links .count {
    margin: 0;
    position: absolute;
    border-radius: 50%;
    font-size: 10px;
    top: -3px;
    right: -2px;
    min-width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    line-height: 20px;
    display: flex !important;
    background-color: var(--DT_Button_Text_Hover_Color);
    color: var(--DT_Button_BG_Hover_Color);
    opacity: .mobile-menu ul.dt-sc-list-inline .go-back a:before;
}

.shopify-payment-button {
  width: 100% !important;
}

button.shopify-payment-button__button--unbranded, a.add-wishlist {
    width: 60% !important;
    background-color: #fff !important;
    color: #000000 !important;
    border: 1px solid #000000;
}

.slider_style_1 {
  position: relative;
}

p.product-vendor {
  display: none !important;
}

/* .slider_style_1::before {
  content: ""; /* Required for ::before to render */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black; adjust color/opacity */
  z-index: 5; /* Ensures overlay is above slides (below controls, if any) */
  pointer-events: none; /* Allows clicks to pass through to slider controls */
} */

.slide-text {
  color: #fff !important;
}

.slider-content {
  z-index: 10 !important;
}

form[class*=shopify-product]>div.product_payments_btns {
    margin-top: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
}

.breadcrumb {
    background: linear-gradient(135deg,#000000,#2c2c2c) !important;
    padding: 60px 0 80px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}

input[type="submit"], input[type="reset"], input[type="button"], button[type="button"], *[role="button"], button, .button, a.button, .dt-sc-btn, .spr-summary-actions-newreview, .shopify-payment-button__button--unbranded {
    position: relative;
    cursor: pointer;
    display: flex;
    min-height: 48px;
    font-size: 14px;
    width: -moz-fit-content;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding: 8px 24px;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-duration: .3s;
}

/*================ Vendor-specific styles ================*/

/* Magnigic pop-up  */

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:10000;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:10001;position:fixed;outline:0!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;height:100%}
.modal-popup.error{position:absolute;left:50%;top:40%;transform:translate(-50%,-40%)!important;text-align:center;width:100%}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}
.mfp-zoom{cursor:zoom-in}
.mfp-auto-cursor .mfp-content{ overflow: auto; display: flex; align-items: center; max-height: 90vh; position: fixed; top: 0; bottom: 0; margin: auto; left: 5%; right: 5%; max-width: 90%; border-radius: var(--DTRadius); width: calc(var(--DTContainer) / 1.2); }
.mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}
.mfp-preloader a:hover{color:#fff}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-arrow, button.mfp-close{ box-shadow: none; overflow:visible;cursor:pointer;appearance:none;display:block;padding:0;z-index:1046;overflow:hidden;}
button.mfp-arrow *,button.mfp-close *{pointer-events:none}
button::-moz-focus-inner{padding:0;margin:0}
.mfp-close{position:absolute !important;right:5px;top:5px;width:30px;height:30px;margin:0!important;display:block;transition:var(--DTBaseTransition)}
/* .mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%} */
.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}
.mfp-arrow{position:absolute;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;-ms-filter:none;filter:none}
.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:solid transparent}
.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow .mfp-a,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}
.mfp-arrow-left{left:0}
.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}
.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px}
.mfp-arrow-right{right:0}
.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:80%;height:auto}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);box-shadow:0 0 8px rgba(0,0,0,.4);background:#000}
.mfp-iframe-holder .mfp-close{top:-40px}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.4);box-shadow:0 0 8px rgba(0,0,0,.4);background:#444}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-break:break-word;padding-right:36px}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-image-holder .mfp-content{max-width:100%; justify-content: center; }
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
.mfp-fade.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;-ms-transition:all .15s ease-out;transition:all .15s ease-out}
.mfp-fade.mfp-bg.mfp-ready{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}
.mfp-fade.mfp-bg.mfp-removing{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;-ms-transition:all .15s ease-out;transition:all .15s ease-out}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1;-ms-filter:none;filter:none}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-zoom-in .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.mfp-zoom-in.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}
.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}
.mfp-zoom-in.mfp-removing .mfp-with-anim{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-newspaper .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(0) rotate(500deg);-moz-transform:scale(0) rotate(500deg);-o-transform:scale(0) rotate(500deg);-ms-transform:scale(0) rotate(500deg);transform:scale(0) rotate(500deg)}
.mfp-newspaper.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}
.mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
.mfp-newspaper.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}
.mfp-newspaper.mfp-removing .mfp-with-anim{-webkit-transform:scale(0) rotate(500deg);-moz-transform:scale(0) rotate(500deg);-o-transform:scale(0) rotate(500deg);-ms-transform:scale(0) rotate(500deg);transform:scale(0) rotate(500deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-newspaper.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-move-horizontal .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);-o-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}
.mfp-move-horizontal.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s}
.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mfp-move-horizontal.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}
.mfp-move-horizontal.mfp-removing .mfp-with-anim{-webkit-transform:translateX(50px);-moz-transform:translateX(50px);-o-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-move-from-top .mfp-with-anim{opacity:0}
.mfp-move-from-top.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s}
.mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;filter:none}
.mfp-move-from-top.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100)}
.mfp-move-from-top.mfp-removing .mfp-with-anim{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-o-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-move-from-top.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-3d-unfold .mfp-content{-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;perspective:2000px}
.mfp-3d-unfold .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-60deg);-moz-transform:rotateY(-60deg);-o-transform:rotateY(-60deg);-ms-transform:rotateY(-60deg);transform:rotateY(-60deg)}
.mfp-3d-unfold.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s}
.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}
.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}
.mfp-3d-unfold.mfp-removing .mfp-with-anim{-webkit-transform:rotateY(60deg);-moz-transform:rotateY(60deg);-o-transform:rotateY(60deg);-ms-transform:rotateY(60deg);transform:rotateY(60deg);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-3d-unfold.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-zoom-out .mfp-with-anim{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.mfp-zoom-out.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-o-transition:.3s ease-out;-ms-transition:.3s ease-out;transition:.3s ease-out}
.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;-ms-filter:none;filter:none;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}
.mfp-zoom-out.mfp-removing .mfp-with-anim{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}
.mfp-dialog{padding:var(--DTGutter_Width);text-align:left;max-width:100%;margin:auto;position:relative;border-radius:var(--DTRadius);background-color: var(--DTBodyBGColor);}
.mfp-search-dialog{width:100%;height:250px!important;}

.mfp-dialog-full{margin:0;max-width:none;padding:0;overflow:auto}
.mfp-dialog-full::-webkit-scrollbar{width:7px;background-color:#e6e6e6}
.mfp-dialog-full::-webkit-scrollbar-thumb{background-color:grey}
.mfp-dialog-full::-webkit-scrollbar-thumb:hover{background-color:#666}
.mfp-dialog-full::-webkit-scrollbar-thumb:active{background-color:#4d4d4d}
.mfp-dialog-full::-webkit-scrollbar-track{background-color:#4d4d4d}
.mfp-subscribe-dialog{max-width:800px;padding:0}
.mfp-subscribe-dialog .widget-title{margin-bottom:10px}
.mfp-subscribe-dialog .mfp-close{color:#fff;opacity:1;-ms-filter:none;filter:none}
.subscribe-dialog-inner{padding:20px 30px}
.subscribe-dialog-bg{height:410px}
.mfp-dialog-nav{color:#fff;background:0 0;margin:0;min-height:100vh;max-width:none}
.mfp-dialog-nav .mfp-close{outline:0!important;color:#fff;font-size:60px;font-weight:100}
.mfp-dialog-nav-container{margin-left:0}
.mfp-dialog-product{max-width:960px;padding:0;margin:0 auto}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999;
   background-image:url(//tempoink.co.za/cdn/shop/t/4/assets/loading.gif?v=22777500013480165001757376161); 
  
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--DTBodyBGColor);
      }

/***********************************************************************************/
/*Custom Navigation Colors - Charcoal with Light Grey Hover*/
/***********************************************************************************/

/* Sticky Header - Keep White Background */
.dt-header-scroll,
#sticky-header-active.dt-header-scroll,
.dt-header-top,
#sticky-header-active.dt-header-top {
  background-color: #ffffff !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid #f0f0f0 !important;
  transition: all 0.3s ease !important;
}

/* Ensure sticky header navigation items stay charcoal */
.dt-header-scroll .dt-nav a,
.dt-header-scroll .site-nav a,
.dt-header-scroll .dt-sc-nav-link,
#sticky-header-active.dt-header-scroll .dt-nav a,
#sticky-header-active.dt-header-scroll .site-nav a,
#sticky-header-active.dt-header-scroll .dt-sc-nav-link,
.dt-header-top .dt-nav a,
.dt-header-top .site-nav a,
.dt-header-top .dt-sc-nav-link,
#sticky-header-active.dt-header-top .dt-nav a,
#sticky-header-active.dt-header-top .site-nav a,
#sticky-header-active.dt-header-top .dt-sc-nav-link {
  color: #444444 !important;
}

/* Sticky header icons stay charcoal */
.dt-header-scroll .header svg,
.dt-header-scroll .header svg path,
.dt-header-scroll #cart-number svg,
.dt-header-scroll #cart-number svg path,
.dt-header-scroll .site-header__account svg,
.dt-header-scroll .site-header__account svg path,
.dt-header-scroll .site-header__compare svg,
.dt-header-scroll .site-header__compare svg path,
.dt-header-scroll .dt-sc-header-toggle svg,
.dt-header-scroll .dt-sc-header-toggle svg path,
#sticky-header-active.dt-header-scroll .header svg,
#sticky-header-active.dt-header-scroll .header svg path,
#sticky-header-active.dt-header-scroll #cart-number svg,
#sticky-header-active.dt-header-scroll #cart-number svg path,
#sticky-header-active.dt-header-scroll .site-header__account svg,
#sticky-header-active.dt-header-scroll .site-header__account svg path,
#sticky-header-active.dt-header-scroll .site-header__compare svg,
#sticky-header-active.dt-header-scroll .site-header__compare svg path,
#sticky-header-active.dt-header-scroll .dt-sc-header-toggle svg,
#sticky-header-active.dt-header-scroll .dt-sc-header-toggle svg path,
.dt-header-top .header svg,
.dt-header-top .header svg path,
.dt-header-top #cart-number svg,
.dt-header-top #cart-number svg path,
.dt-header-top .site-header__account svg,
.dt-header-top .site-header__account svg path,
.dt-header-top .site-header__compare svg,
.dt-header-top .site-header__compare svg path,
.dt-header-top .dt-sc-header-toggle svg,
.dt-header-top .dt-sc-header-toggle svg path,
#sticky-header-active.dt-header-top .header svg,
#sticky-header-active.dt-header-top .header svg path,
#sticky-header-active.dt-header-top #cart-number svg,
#sticky-header-active.dt-header-top #cart-number svg path,
#sticky-header-active.dt-header-top .site-header__account svg,
#sticky-header-active.dt-header-top .site-header__account svg path,
#sticky-header-active.dt-header-top .site-header__compare svg,
#sticky-header-active.dt-header-top .site-header__compare svg path,
#sticky-header-active.dt-header-top .dt-sc-header-toggle svg,
#sticky-header-active.dt-header-top .dt-sc-header-toggle svg path {
  fill: #444444 !important;
  stroke: #444444 !important;
  color: #444444 !important;
}

/* Sticky header hover effects */
.dt-header-scroll .dt-nav a:hover,
.dt-header-scroll .site-nav a:hover,
.dt-header-scroll .dt-sc-nav-link:hover,
#sticky-header-active.dt-header-scroll .dt-nav a:hover,
#sticky-header-active.dt-header-scroll .site-nav a:hover,
#sticky-header-active.dt-header-scroll .dt-sc-nav-link:hover,
.dt-header-top .dt-nav a:hover,
.dt-header-top .site-nav a:hover,
.dt-header-top .dt-sc-nav-link:hover,
#sticky-header-active.dt-header-top .dt-nav a:hover,
#sticky-header-active.dt-header-top .site-nav a:hover,
#sticky-header-active.dt-header-top .dt-sc-nav-link:hover {
  color: #cccccc !important;
}

/* Sticky header icon hover effects */
.dt-header-scroll .header:hover svg,
.dt-header-scroll .header:hover svg path,
.dt-header-scroll #cart-number:hover svg,
.dt-header-scroll #cart-number:hover svg path,
.dt-header-scroll .site-header__account:hover svg,
.dt-header-scroll .site-header__account:hover svg path,
.dt-header-scroll .site-header__compare:hover svg,
.dt-header-scroll .site-header__compare:hover svg path,
.dt-header-scroll .dt-sc-header-toggle:hover svg,
.dt-header-scroll .dt-sc-header-toggle:hover svg path,
#sticky-header-active.dt-header-scroll .header:hover svg,
#sticky-header-active.dt-header-scroll .header:hover svg path,
#sticky-header-active.dt-header-scroll #cart-number:hover svg,
#sticky-header-active.dt-header-scroll #cart-number:hover svg path,
#sticky-header-active.dt-header-scroll .site-header__account:hover svg,
#sticky-header-active.dt-header-scroll .site-header__account:hover svg path,
#sticky-header-active.dt-header-scroll .site-header__compare:hover svg,
#sticky-header-active.dt-header-scroll .site-header__compare:hover svg path,
#sticky-header-active.dt-header-scroll .dt-sc-header-toggle:hover svg,
#sticky-header-active.dt-header-scroll .dt-sc-header-toggle:hover svg path,
.dt-header-top .header:hover svg,
.dt-header-top .header:hover svg path,
.dt-header-top #cart-number:hover svg,
.dt-header-top #cart-number:hover svg path,
.dt-header-top .site-header__account:hover svg,
.dt-header-top .site-header__account:hover svg path,
.dt-header-top .site-header__compare:hover svg,
.dt-header-top .site-header__compare:hover svg path,
.dt-header-top .dt-sc-header-toggle:hover svg,
.dt-header-top .dt-sc-header-toggle:hover svg path,
#sticky-header-active.dt-header-top .header:hover svg,
#sticky-header-active.dt-header-top .header:hover svg path,
#sticky-header-active.dt-header-top #cart-number:hover svg,
#sticky-header-active.dt-header-top #cart-number:hover svg path,
#sticky-header-active.dt-header-top .site-header__account:hover svg,
#sticky-header-active.dt-header-top .site-header__account:hover svg path,
#sticky-header-active.dt-header-top .site-header__compare:hover svg,
#sticky-header-active.dt-header-top .site-header__compare:hover svg path,
#sticky-header-active.dt-header-top .dt-sc-header-toggle:hover svg,
#sticky-header-active.dt-header-top .dt-sc-header-toggle:hover svg path {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  color: #cccccc !important;
}

/* Main navigation text colors */
.dt-nav .dt-sc-nav-link,
.dt-nav a,
.site-nav a,
.site-nav__link,
.dt-desktop-menu a,
.dt-sc-list-inline a {
  color: #444444 !important; /* Charcoal */
  transition: all 0.3s ease;
}

/* Navigation hover and active states */
.dt-nav .dt-sc-nav-link:hover,
.dt-nav a:hover,
.site-nav a:hover,
.site-nav__link:hover,
.dt-desktop-menu a:hover,
.dt-sc-list-inline a:hover,
.dt-nav .active > a,
.site-nav .active > a {
  color: #cccccc !important; /* Light grey */
}

/* Navigation icons colors */
.site-header__icons svg,
.site-header__icons svg path,
.site-header__cart svg,
.site-header__cart svg path,
.site-header__cart-toggle svg,
.site-header__cart-toggle svg path,
.site-header__wishlist svg,
.site-header__wishlist svg path,
.site-header__search svg,
.site-header__search svg path,
.site-header__search_icon svg,
.site-header__search_icon svg path,
.dT_TopStickySearchBtn svg,
.dT_TopStickySearchBtn svg path,
.site-header__account svg,
.site-header__account svg path,
.site-header__compare svg,
.site-header__compare svg path,
.dt-sc-header-toggle svg,
.dt-sc-header-toggle svg path,
.header svg,
.header svg path,
#cart-number svg,
#cart-number svg path {
  fill: #444444 !important; /* Charcoal */
  stroke: #444444 !important; /* For stroked icons */
  color: #444444 !important;
  transition: all 0.3s ease;
}

/* Override specific header SVG styles */
header svg,
header svg path {
  stroke: #444444 !important; /* Override currentcolor */
  fill: #444444 !important;
  color: #444444 !important;
}

a.site-header__icon.site-header__search_icon.dT_TopStickySearchBtn svg,
a.site-header__icon.site-header__search_icon.dT_TopStickySearchBtn svg path {
  stroke: #444444 !important; /* Override currentColor */
  fill: #444444 !important;
}

/* Icon hover states */
.site-header__icons svg:hover,
.site-header__icons svg:hover path,
.site-header__icons:hover svg,
.site-header__icons:hover svg path,
.site-header__cart:hover svg,
.site-header__cart:hover svg path,
.site-header__cart-toggle:hover svg,
.site-header__cart-toggle:hover svg path,
.site-header__wishlist:hover svg,
.site-header__wishlist:hover svg path,
.site-header__search:hover svg,
.site-header__search:hover svg path,
.site-header__search_icon:hover svg,
.site-header__search_icon:hover svg path,
.dT_TopStickySearchBtn:hover svg,
.dT_TopStickySearchBtn:hover svg path,
.site-header__account:hover svg,
.site-header__account:hover svg path,
.site-header__compare:hover svg,
.site-header__compare:hover svg path,
.dt-sc-header-toggle:hover svg,
.dt-sc-header-toggle:hover svg path,
.header:hover svg,
.header:hover svg path,
#cart-number:hover svg,
#cart-number:hover svg path,
a.site-header__icon.site-header__search_icon.dT_TopStickySearchBtn:hover svg,
a.site-header__icon.site-header__search_icon.dT_TopStickySearchBtn:hover svg path {
  fill: #cccccc !important; /* Light grey */
  stroke: #cccccc !important; /* For stroked icons */
  color: #cccccc !important;
}

/* Mobile menu colors */
.mobile-menu a,
.mobile-nav-container a {
  color: #444444 !important; /* Charcoal */
}

.mobile-menu a:hover,
.mobile-nav-container a:hover {
  color: #cccccc !important; /* Light grey */
}

/* Dropdown menu colors */
.dt-sc-dropdown-menu a,
.sub-menu-lists a {
  color: #444444 !important; /* Charcoal */
}

.dt-sc-dropdown-menu a:hover,
.sub-menu-lists a:hover {
  color: #cccccc !important; /* Light grey */
}

/***********************************************************************************/
/*Animated Menu Arrows*/
/***********************************************************************************/

/* Main menu items with dropdown indicator */
.dt-nav .dt-sc-nav-link.dropdown {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Animated arrow for mega menu items */
.dt-sc-caret {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.dt-sc-caret::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 6px !important;
  height: 6px !important;
  border: none !important;
  border-left: none !important;
  border-right: 1px solid #444444 !important;
  border-top: none !important;
  border-bottom: 1px solid #444444 !important;
  background: transparent !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Rotate arrow on hover */
.has-mega-menu:hover .dt-sc-caret::before,
.menu-item-has-children:hover .dt-sc-caret::before {
  transform: translate(-50%, -50%) rotate(225deg) !important;
  border-right-color: #888888 !important;
  border-bottom-color: #888888 !important;
}

/* Arrow bounce animation */
@keyframes arrowBounce {
  0%, 20%, 50%, 80%, 100% { transform: translate(-50%, -50%) translateY(0); }
  40% { transform: translate(-50%, -50%) translateY(-3px); }
  60% { transform: translate(-50%, -50%) translateY(-1px); }
}

.has-mega-menu:hover .dt-sc-caret::before {
  animation: arrowBounce 0.6s ease-in-out;
}

/***********************************************************************************/
/*Enhanced Mega Menu with Animations*/
/***********************************************************************************/

/* Mega Menu Container */
.dt-sc-dropdown-menu.dt-sc--main-menu--mega {
  background: white;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  padding: 40px;
  min-width: 800px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 1px solid #f0f0f0;
}

/* Show mega menu on hover */
.has-mega-menu:hover .dt-sc-dropdown-menu.dt-sc--main-menu--mega {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Enhanced column layouts for different mega menu types */
.dt-sc-column.three-column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  align-items: start;
}

.dt-sc-column.six-column {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 25px;
  align-items: start;
}

.dt-sc-column.four-column {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  align-items: start;
}

/* Enhanced mega menu content styling */
.dt-sc--main-menu--mega .sub-menu-lists li {
  margin-bottom: 0;
  border-bottom: none;
}

.dt-sc--main-menu--mega .sub-menu-lists li h5 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
  color: #222;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 8px;
}

.dt-sc--main-menu--mega .sub-menu-lists li h5 a {
  color: #222 !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

.dt-sc--main-menu--mega .sub-menu-lists li h5 a:hover {
  color: #444444 !important;
}

.dt-sc--main-menu--mega .sub-menu-lists li ul li {
  margin-bottom: 8px;
  padding: 0;
}

.dt-sc--main-menu--mega .sub-menu-lists li ul li a {
  color: #666 !important;
  font-size: 14px;
  padding: 6px 0;
  display: block;
  transition: all 0.3s ease;
  border-radius: 4px;
}

.dt-sc--main-menu--mega .sub-menu-lists li ul li a:hover {
  color: #444444 !important;
  background: #f8f8f8;
  padding-left: 8px;
  transform: translateX(4px);
}

/* Staggered animation for mega menu items */
.dt-sc--main-menu--mega .sub-menu-lists li:nth-child(1) {
  animation-delay: 0.1s;
}

.dt-sc--main-menu--mega .sub-menu-lists li:nth-child(2) {
  animation-delay: 0.2s;
}

.dt-sc--main-menu--mega .sub-menu-lists li:nth-child(3) {
  animation-delay: 0.3s;
}

.dt-sc--main-menu--mega .sub-menu-lists li:nth-child(4) {
  animation-delay: 0.4s;
}

.dt-sc--main-menu--mega .sub-menu-lists li:nth-child(5) {
  animation-delay: 0.5s;
}

.dt-sc--main-menu--mega .sub-menu-lists li:nth-child(6) {
  animation-delay: 0.6s;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.has-mega-menu:hover .dt-sc--main-menu--mega .sub-menu-lists li {
  animation: slideInUp 0.4s ease forwards;
}

/* Mega Menu Columns */
/* EZINK-Style 8-Column Layout */
.sub-menu-lists.dt-sc-column.eight-column {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 20px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

/* Responsive adjustments for EZINK layout */
@media (max-width: 1400px) {
  .sub-menu-lists.dt-sc-column.eight-column {
    grid-template-columns: repeat(4, 1fr);
    max-width: 900px;
  }
}

@media (max-width: 900px) {
  .sub-menu-lists.dt-sc-column.eight-column {
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
  }
}

@media (max-width: 600px) {
  .sub-menu-lists.dt-sc-column.eight-column {
    grid-template-columns: 1fr;
    max-width: 400px;
  }
}

.sub-menu-lists.dt-sc-column {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  align-items: start;
}

/* Column Headers */
.sub-menu-lists.dt-sc-column > li h5 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #f17c8f;
  position: relative;
}

/* EZINK-Style Category Headers */
.sub-menu-lists.dt-sc-column.eight-column > li h5 {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e0e0e0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sub-menu-lists.dt-sc-column > li h5 a {
  color: #333 !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

.sub-menu-lists.dt-sc-column > li h5 a:hover {
  color: #f17c8f !important;
}

/* Submenu Items */
.sub-menu-lists.dt-sc-column > li ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sub-menu-lists.dt-sc-column > li ul li {
  margin-bottom: 8px;
  transform: translateX(-10px);
  opacity: 0;
  animation: slideInLeft 0.6s ease forwards;
}

.sub-menu-lists.dt-sc-column > li ul li:nth-child(1) { animation-delay: 0.1s; }
.sub-menu-lists.dt-sc-column > li ul li:nth-child(2) { animation-delay: 0.2s; }
.sub-menu-lists.dt-sc-column > li ul li:nth-child(3) { animation-delay: 0.3s; }
.sub-menu-lists.dt-sc-column > li ul li:nth-child(4) { animation-delay: 0.4s; }
.sub-menu-lists.dt-sc-column > li ul li:nth-child(5) { animation-delay: 0.5s; }

@keyframes slideInLeft {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.sub-menu-lists.dt-sc-column > li ul li a {
  display: block;
  padding: 8px 12px;
  color: #666 !important;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.sub-menu-lists.dt-sc-column > li ul li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(241, 124, 143, 0.1), transparent);
  transition: left 0.5s ease;
}

.sub-menu-lists.dt-sc-column > li ul li a:hover::before {
  left: 100%;
}

.sub-menu-lists.dt-sc-column > li ul li a:hover {
  background-color: #f8f9fa;
  color: #f17c8f !important;
  transform: translateX(4px);
  padding-left: 16px;
}

/* Mega Menu Promo Section */
.mega-menu-promo {
  background: linear-gradient(135deg, #f17c8f 0%, #e4e4e4 100%);
  border-radius: 8px;
  padding: 30px;
  color: white;
  text-align: center;
  position: relative;
  overflow: hidden;
  grid-column: span 1;
}

.mega-menu-promo::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
  animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.1); opacity: 0.8; }
}

.mega-menu-promo h4 {
  font-size: 18px;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
}

.mega-menu-promo p {
  font-size: 14px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}

.mega-menu-promo .btn {
  background: white;
  color: #f17c8f;
  padding: 8px 16px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}

.mega-menu-promo .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/***********************************************************************************/
/*Responsive*/
/***********************************************************************************/
@media (max-width:1199px) { .mfp-image-holder .mfp-content { max-width: 80vw; } .mfp-search-dialog{height:150px!important}  .mfp-search-dialog .full-center{position:relative!important} }
@media (max-width:767px)  { .mfp-dialog { padding:15px; } }


/* Footer Newsletter Section Fix */
.footer-newsletter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 0;
  min-height: auto;
}

.footer-newsletter h4 {
  margin: 0 0 10px 0;
  font-size: 24px;
  line-height: 1.2;
}

.footer-newsletter p {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 1.4;
}

.newsletter-form {
  display: flex;
  gap: 0;
  width: 100%;
  max-width: 400px;
  align-items: stretch;
}

.newsletter-form input[type="email"] {
  flex: 1;
  padding: 12px 16px;
  border: none;
  background: #444;
  color: #fff;
  font-size: 14px;
  outline: none;
  min-height: 48px;
}

.newsletter-form button {
  padding: 12px 24px;
  background: #666;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 14px;
  min-height: 48px;
  white-space: nowrap;
}

.newsletter-form button:hover {
  background: #777;
}

/* CUSTOM NAVIGATION MENU IMPROVEMENTS */

/* Reduce navigation menu font size */
.dt-nav .dt-sc-nav-link,
.dt-nav a,
.site-nav a,
.site-nav__link,
.dt-desktop-menu a {
  font-size: 13px !important;
}

/* Remove ::after pseudo-element that creates duplicate arrow */
.dt-sc-caret::after {
  display: none !important;
  content: none !important;
}

/* Remove focus background color */
.dt-sc-nav-link:focus,
.dt-nav a:focus,
.site-nav a:focus {
  background: none !important;
  background-color: transparent !important;
  outline: none !important;
}

/* Center align dropdown icon with menu text */
.dt-sc-nav-link.dropdown {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

/* Adjust caret positioning for better alignment */
.dt-sc-caret {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: 1px !important;
}


/* Remove bounce animation - just smooth rotation */
.has-mega-menu:hover .dt-sc-caret::before {
  /* No bounce animation, just smooth rotation */
}

/* MEGA MENU IMPROVEMENTS */

/* Fix mega menu container styling */
.dt-sc-dropdown-menu.dt-sc--main-menu--mega {
  background: white !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.15) !important;
  max-height: 60vh !important;
  overflow-y: auto !important;
  border: 1px solid #e5e5e5 !important;
}

/* Remove border-radius from parent containers */
.sub-menu-block .dt-sc-dropdown-menu.dt-sc--main-menu--mega {
  border-radius: 0 !important;
}

/* Remove border-radius from sub-menu lists container */
.dt-sc--main-menu--mega .sub-menu-lists.dt-sc-column {
  border-radius: 0 !important;
  background: white !important;
}

/* Fix ALL mega menu text colors for visibility - more specific selectors */
.dt-sc--main-menu--mega .sub-menu-lists li h5,
.dt-sc--main-menu--mega .sub-menu-lists li h5 a,
.sub-menu-lists.dt-sc-column li h5,
.sub-menu-lists.dt-sc-column li h5 a {
  color: #2c2c2c !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

/* Force visibility of ALL sub-menu items */
.dt-sc--main-menu--mega .sub-menu-lists li ul li,
.dt-sc--main-menu--mega .sub-menu-lists li ul li a,
.dt-sc--main-menu--mega .sub-menu-lists li ul li a span,
.sub-menu-lists.dt-sc-column li ul li,
.sub-menu-lists.dt-sc-column li ul li a,
.sub-menu-lists.dt-sc-column li ul li a span,
.sub-menu-lists.dt-sc-column.eight-column li ul li,
.sub-menu-lists.dt-sc-column.eight-column li ul li a,
.sub-menu-lists.dt-sc-column.eight-column li ul li a span {
  color: #555555 !important;
  font-size: 13px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* Hover states for sub-menu items */
.dt-sc--main-menu--mega .sub-menu-lists li ul li a:hover,
.sub-menu-lists.dt-sc-column li ul li a:hover,
.sub-menu-lists.dt-sc-column.eight-column li ul li a:hover {
  color: #2c2c2c !important;
  background: #f8f8f8 !important;
}

/* Ensure UL elements are visible */
.dt-sc--main-menu--mega .sub-menu-lists li ul,
.sub-menu-lists.dt-sc-column li ul {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Reduce both subtitle font sizes by 40% and make silver */
.home-product-carousel .dt-sc-heading .dt-sc-sub-heading {
  font-size: calc(var(--DTFontSize_H5) * 0.6) !important;
  color: #c0c0c0 !important;
}

/* Make "Stunning Temporary Tattoo Collection" same size and silver color */
.dt-sc-heading .dt-sc-sub-heading {
  font-size: calc(var(--DTFontSize_H5) * 0.6) !important;
  color: #c0c0c0 !important;
}

/* Make "Design Gallery" main heading dark grey */
.dt-sc-heading .dt-sc-main-heading {
  color: #4a4a4a !important;
}

/* Enhanced Collection Header Styling */
.breadcrumb {
  background: linear-gradient(135deg, #2c2c2c 0%, #404040 50%, #2c2c2c 100%);
  padding: 60px 0 80px 0;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.breadcrumb::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="tattoo" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="0.5" fill="rgba(255,255,255,0.03)"/></pattern></defs><rect fill="url(%23tattoo)" width="100" height="100"/></svg>');
  pointer-events: none;
}

.breadcrumb .container {
  position: relative;
  z-index: 2;
  text-align: center;
}

.breadcrumb .breadcrumb_title {
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  font-family: var(--DTFontTypo_Heading);
}

.breadcrumb a,
.breadcrumb span {
  color: #cccccc;
  font-size: 16px;
  text-decoration: none;
  transition: color 0.3s ease;
}

.breadcrumb a:hover {
  color: #ffffff;
}

.breadcrumb .breadcrumb__sep {
  margin: 0 12px;
  color: #888888;
}

/* Add subtle animation */
.breadcrumb .breadcrumb_title {
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile responsive */
@media (max-width: 768px) {
  .breadcrumb {
    padding: 40px 0 50px 0;
  }

  .breadcrumb .breadcrumb_title {
    font-size: 32px;
    letter-spacing: 2px;
  }
}

/* Add breathing space to collection content */
.main-collection-template .row {
  padding-top: 60px;
}

@media (max-width: 768px) {
  .main-collection-template .row {
    padding-top: 40px;
  }
}

/* Modern Collection Header Controls */
.collection-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 30px;
}

/* View Toggle Buttons */
.collection-view-controls,
.view-toggle-wrapper {
  display: flex;
  gap: 2px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  background: #ffffff;
}

.view-toggle,
.collection-view-toggle {
  background: transparent;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #666666;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.view-toggle:hover,
.collection-view-toggle:hover {
  background: #f8f8f8;
  color: #2c2c2c;
}

.view-toggle.active,
.collection-view-toggle.active {
  background: #2c2c2c;
  color: #ffffff;
}

.view-toggle svg,
.collection-view-toggle svg {
  width: 14px;
  height: 14px;
}

/* Modern Sort Dropdown Styling */
.collection-sorting select,
.collection-header select,
select[name="sort_by"] {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 10px 32px 10px 14px;
  font-size: 12px;
  font-weight: 500;
  color: #2c2c2c;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  transition: all 0.2s ease;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path fill="%23666666" d="M1.175 0L5 3.825L8.825 0L10 1.175L5 6.175L0 1.175z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px;
  min-width: 120px;
  position: relative;
  z-index: 100;
}

.collection-sorting select:hover,
.collection-header select:hover,
select[name="sort_by"]:hover {
  border-color: #c0c0c0;
  background-color: #fafafa;
}

.collection-sorting select:focus,
.collection-header select:focus,
select[name="sort_by"]:focus {
  outline: none;
  border-color: #2c2c2c;
  box-shadow: 0 0 0 2px rgba(44, 44, 44, 0.1);
}

/* Enhanced Dropdown Options Visibility */
.collection-sorting select option,
.collection-header select option,
select[name="sort_by"] option {
  background: #ffffff;
  color: #2c2c2c;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  border: none;
}

.collection-sorting select option:hover,
.collection-header select option:hover,
select[name="sort_by"] option:hover {
  background: #f8f8f8;
  color: #2c2c2c;
}

.collection-sorting select option:checked,
.collection-header select option:checked,
select[name="sort_by"] option:checked {
  background: #2c2c2c;
  color: #ffffff;
}

/* Sort by label styling */
.collection-sorting,
.collection-header .sort-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.collection-sorting label,
.collection-header label {
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Clean outlined styling for collection controls */
.collection-controls-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 20px;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 25px;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .collection-header {
    flex-direction: column;
    gap: 15px;
    align-items: stretch;
  }

  .collection-view-controls,
  .view-toggle-wrapper {
    justify-content: center;
  }

  .collection-sorting {
    justify-content: center;
  }

  .collection-controls-wrapper {
    flex-direction: column;
    gap: 15px;
  }
}

/* Modern Search Bar Styling */
.dT_ProductProactiveSearch {
  position: relative;
}

.dT_ProductProactiveSearch form {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 2px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}

.dT_ProductProactiveSearch form:focus-within {
  border-color: #2c2c2c;
  box-shadow: 0 4px 12px rgba(44, 44, 44, 0.1);
}

.search-bar__input,
.dT_ProductProactiveSearch input[type="search"],
.dT_ProductProactiveSearch input[type="text"] {
  flex: 1;
  border: none;
  outline: none;
  padding: 14px 16px;
  font-size: 14px;
  color: #2c2c2c;
  background: transparent;
  font-family: inherit;
}

.search-bar__input::placeholder,
.dT_ProductProactiveSearch input::placeholder {
  color: #999999;
  font-weight: 400;
}

.dT_ProductProactiveSearch button[type="submit"] {
  background: #2c2c2c;
  border: none;
  padding: 14px 16px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
}

.dT_ProductProactiveSearch button[type="submit"]:hover {
  background: #404040;
}

.dT_ProductProactiveSearch button[type="submit"] svg {
  width: 18px;
  height: 18px;
}

/* Top Sticky Search Styling */
#dT_top-sticky {
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
}

#dT_top-sticky .search-box {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 2px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  max-width: 600px;
  margin: 0 auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

#dT_top-sticky .form-control {
  flex: 1;
  border: none;
  outline: none;
  padding: 16px 20px;
  font-size: 16px;
  color: #2c2c2c;
  background: transparent;
}

#dT_top-sticky .form-control::placeholder {
  color: #999999;
}

#dT_top-sticky .input-group-append button {
  background: #2c2c2c;
  border: none;
  padding: 16px 20px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
}

#dT_top-sticky .input-group-append button:hover {
  background: #404040;
}

.dT_TopStickySearchCloseBtn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #f5f5f5;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 10;
}

.dT_TopStickySearchCloseBtn:hover {
  background: #e5e5e5;
}

/* Search Suggestions Styling */
.dt-sc-ProductSugesstions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  max-height: 400px;
  overflow-y: auto;
  z-index: 1000;
  list-style: none;
  margin: 0;
  padding: 0;
}

.dt-sc-ProductSugesstions li {
  padding: 12px 16px;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  transition: background 0.2s ease;
}

.dt-sc-ProductSugesstions li:hover,
.dt-sc-ProductSugesstions li.is-active {
  background: #f8f8f8;
}

.dt-sc-ProductSugesstions li:last-child {
  border-bottom: none;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .dT_ProductProactiveSearch form {
    border-radius: 6px;
  }

  .search-bar__input,
  .dT_ProductProactiveSearch input[type="search"],
  .dT_ProductProactiveSearch input[type="text"] {
    padding: 12px 14px;
    font-size: 16px; /* Prevents zoom on iOS */
  }

  .dT_ProductProactiveSearch button[type="submit"] {
    padding: 12px 14px;
    min-width: 44px;
  }

  #dT_top-sticky .search-box {
    margin: 0 20px;
  }

  #dT_top-sticky .form-control {
    padding: 14px 16px;
    font-size: 16px;
  }
}

/* Clean Sidebar Filter Styling */
.sidebar {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  padding: 20px;
}

/* Sidebar Section Headers */
.sidebar_title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2c2c2c !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 15px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

/* Availability Filter */
.filter-custom-control {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding: 6px 0;
}

.filter-custom-control input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  accent-color: #2c2c2c;
  cursor: pointer;
}

.filter-custom-control label {
  font-size: 12px !important;
  color: #666666 !important;
  cursor: pointer;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.filter-custom-control .count {
  font-size: 11px;
  color: #999999;
  font-weight: 400;
}

/* Price Range Filter */
.facets__price {
  display: flex;
  gap: 10px;
  align-items: end;
  margin-bottom: 20px;
}

.facets__price .field {
  flex: 1;
  position: relative;
}

.field__label {
  font-size: 10px !important;
  color: #666666 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 4px !important;
  display: block !important;
  font-weight: 600 !important;
}

.field__currency {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: #999999;
  pointer-events: none;
  z-index: 2;
  font-weight: 500;
}

.field__input,
.input_price_range {
  width: 100% !important;
  padding: 6px 8px 6px 18px !important;
  border: 1px solid #d0d0d0 !important;
  border-radius: 3px !important;
  font-size: 10px !important;
  color: #2c2c2c !important;
  background: #ffffff !important;
  transition: all 0.2s ease !important;
  height: 28px !important;
  box-sizing: border-box !important;
}

.field__input:focus,
.input_price_range:focus {
  outline: none !important;
  border-color: #2c2c2c !important;
  box-shadow: 0 0 0 1px rgba(44, 44, 44, 0.2) !important;
}

.field__input::placeholder,
.input_price_range::placeholder {
  color: #cccccc !important;
  font-size: 10px !important;
}

/* Facets Header */
.facets__header {
  margin-bottom: 12px;
}

.facets__selected {
  font-size: 11px !important;
  color: #666666 !important;
  font-weight: 500 !important;
}

/* Clear All Button and Navigation Controls */
.sidebar-controls-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #f0f0f0;
}

.active-facets .active-facets__button {
  background: #f8f8f8 !important;
  color: #666666 !important;
  border: 1px solid #d0d0d0 !important;
  padding: 6px 12px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  height: 28px !important;
  line-height: 16px !important;
  box-sizing: border-box !important;
}

.active-facets .active-facets__button:hover {
  background: #2c2c2c !important;
  color: #ffffff !important;
  border-color: #2c2c2c !important;
}

/* Navigation Arrows */
.sidebar-navigation {
  display: flex;
  gap: 4px;
}

.sidebar-nav-arrow {
  width: 28px;
  height: 28px;
  background: #f8f8f8;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #666666;
  font-size: 12px;
}

.sidebar-nav-arrow:hover {
  background: #2c2c2c;
  color: #ffffff;
  border-color: #2c2c2c;
}

.sidebar-nav-arrow:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.sidebar-nav-arrow:disabled:hover {
  background: #f8f8f8;
  color: #666666;
  border-color: #d0d0d0;
}

/* Align controls at bottom of sidebar */
.active-facets {
  margin-top: auto;
  padding-top: 20px;
}

.active-facets .sidebar-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.active-facets .tags {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Categories List */
.categories-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.categories-list li {
  margin-bottom: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #f8f8f8;
}

.categories-list li:last-child {
  border-bottom: none;
}

/* Mobile Responsive for Filters */
@media (max-width: 768px) {
  .sidebar {
    padding: 15px;
    margin-bottom: 20px;
  }

  .facets__price {
    flex-direction: column;
    gap: 10px;
  }

  .field__input,
  .input_price_range {
    font-size: 12px !important;
    padding: 10px 12px 10px 26px !important;
    height: 38px !important;
  }
}

/* Mobile Hero Section Fixes */
@media (max-width: 768px) {
  /* Make hero section 100vh on mobile only */
  .home-slideshow-section {
    height: 100vh !important;
    overflow: hidden !important;
  }

  .home-slideshow-section .dt-sc-swiper-slider {
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .home-slideshow-section .swiper-container,
  .home-slideshow-section .swiper-wrapper,
  .home-slideshow-section .swiper-slide {
    height: 100vh !important;
    width: 100% !important;
  }

  /* Full screen image background coverage */
  .home-slideshow-section .swiper-slide {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
    width: 100% !important;
  }

  .home-slideshow-section .slide-img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    z-index: 1 !important;
  }

  /* Ensure all slide images are visible on mobile with proper fallback */
  .home-slideshow-section .slide-img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    object-fit: cover !important;
  }

  /* If mobile image exists, prioritize it */
  .home-slideshow-section .slide-img.mobile-only {
    z-index: 2 !important;
  }

  /* Desktop image as fallback if no mobile image */
  .home-slideshow-section .slide-img.desktop-only {
    z-index: 1 !important;
  }

  /* Full screen overlay with centered content */
  .home-slideshow-section .slider-content {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    z-index: 50 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Dark overlay covering entire screen */
  .home-slideshow-section .slider-content-bg {
    background: rgba(0, 0, 0, 0.6) !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 5 !important;
  }

  /* Content container for better text readability */
  .home-slideshow-section .slider-content > div {
    width: 100vw !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    z-index: 60 !important;
    position: relative !important;
  }

  /* Mobile typography adjustments - Force white text with high visibility */
  .home-slideshow-section .slide-heading,
  .home-slideshow-section .slide-heading h1,
  .home-slideshow-section .slide-heading h2,
  .home-slideshow-section .slide-heading h3 {
    font-size: 36px !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
    color: #ffffff !important;
    text-shadow: 3px 3px 6px rgba(0,0,0,0.9) !important;
    z-index: 9999 !important;
    position: relative !important;
    font-weight: 700 !important;
  }

  .home-slideshow-section .slide-text,
  .home-slideshow-section .slide-text p {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 30px !important;
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.9) !important;
    z-index: 9999 !important;
    position: relative !important;
    font-weight: 400 !important;
  }

  /* Prominent call-to-action button */
  .home-slideshow-section .slide-button {
    display: inline-block !important;
    background: #ffffff !important;
    color: #2c2c2c !important;
    padding: 16px 32px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: 2px solid #ffffff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.4) !important;
    white-space: nowrap !important;
    text-align: center !important;
    z-index: 10000 !important;
    position: relative !important;
    cursor: pointer !important;
  }

  .home-slideshow-section .slide-button:hover {
    background: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(255,255,255,0.3) !important;
  }

  /* Direct button styling on mobile - bypass multiple-buttons class */
  .home-slideshow-section .slide-button,
  .home-slideshow-section .dt-sc-btn {
    display: block !important;
    margin: 20px auto 0 auto !important;
    text-align: center !important;
  }

  /* Reset multiple-buttons if it exists */
  .home-slideshow-section .multiple-buttons {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Additional override for any conflicting styles */
  .home-slideshow-section .slider-content *,
  .home-slideshow-section .slider-content * h1,
  .home-slideshow-section .slider-content * h2,
  .home-slideshow-section .slider-content * h3,
  .home-slideshow-section .slider-content * p {
    color: #ffffff !important;
    z-index: 9999 !important;
    position: relative !important;
  }

  .home-slideshow-section .slider-content * a.slide-button {
    z-index: 10000 !important;
    position: relative !important;
    pointer-events: all !important;
  }

  /* Ensure no margin/padding on container affects full screen */
  .home-slideshow-section .row {
    margin: 0 !important;
    padding: 0 !important;
  }

  .home-slideshow-section .container,
  .home-slideshow-section .container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }
}