/** Shopify CDN: Minification failed

Line 84:64 Expected identifier but found bad string token
Line 84:94 Unterminated string token
Line 94:65 Expected identifier but found bad string token
Line 94:99 Unterminated string token

**/

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



@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Viaoda+Libre&display=swap');


.swiper-container { pointer-events: all; }@font-face {
  font-family: Outfit;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//handmadeleatherbags.com/cdn/fonts/outfit/outfit_n4.387c2e2715c484a1f1075eb90d64808f1b37ac58.woff2") format("woff2"),
       url("//handmadeleatherbags.com/cdn/fonts/outfit/outfit_n4.aca8c81f18f62c9baa15c2dc5d1f6dd5442cdc50.woff") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2") format("woff2"),
       url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff") format("woff");
}

@font-face {
  font-family: Outfit;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("//handmadeleatherbags.com/cdn/fonts/outfit/outfit_n3.8c97ae4c4fac7c2ea467a6dc784857f4de7e0e37.woff2") format("woff2"),
       url("//handmadeleatherbags.com/cdn/fonts/outfit/outfit_n3.b50a189ccde91f9bceee88f207c18c09f0b62a7b.woff") format("woff");
}


@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"),
       url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"),
       url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2") format("woff2"),
       url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2") format("woff2"),
       url("//handmadeleatherbags.com/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff") format("woff");
}


:root {
  
  /* Heading font*/--DTFontTypo_Heading:'Viaoda Libre', cursive;';--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: 400;          
  --font-weight-body--bold: 700;
  --font-weight-body--bolder: 700;
  --font-size-body: 16px;     

  /* Custom font*/--DTFontTypo_Custom: 'Dancing Script', cursive;';--font-style-additional: normal;
  --font-weight-additional: 300;    
  --font-size-additional: 20; 

  /* Other colors */
  --swiper-theme-color:  #C49A6C !important;
  --DTPrimaryColor: #C49A6C;
  --DTSecondaryColor: #7A4F2E;
  --DTTertiaryColor: #F7EFE3;
  --DTBodyBGColor: #FDFAF5;
  --DTOverlayColor: rgba(247, 239, 227, 0.5);
  /*--DTOverlayColor: rgb(255 255 255 / 50%);*/

  --DTLinkColor: #C49A6C;
  --DTLinkHoverColor: #A07345;
  --DTColor_Body: #4A3728;
  --DTColor_Heading: #5C3A1E;
  --DTColor_Border: #e9e9e9;

  /* 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:#F7EFE3;
  --DT_Blog_Link_Color:#5C3A1E;
  --DT_Blog_Link_Hover_Color:#C49A6C;
  --DT_Blog_Text_Color: #7A5C3E;
  --DT_Blog_Icon_Color: #ffffff;
  --DT_Blog_Button_BG_Color: #C49A6C;
  --DT_Blog_Button_Text_Color:#ffffff;  
  --DT_Blog_Button_BG_Hover_Color: #A07345;
  --DT_Blog_Button_Text_Hover_Color:#ffffff;

  /* Overlay Style */
  --DT_Blog_Link_Color_Overlay:#ffffff;
  --DT_Blog_Link_Hover_Color_Overlay:#C49A6C;
  --DT_Blog_Text_Color_overlay: #ffffff;
  --DT_Blog_Icon_Color_overlay: #ffffff;
  --DT_Blog_Button_BG_Color_overlay: #D4B896;
  --DT_Blog_Button_Text_Color_overlay:#ffffff;  
  --DT_Blog_Button_BG_Hover_Color_overlay: #A07345;
  --DT_Blog_Button_Text_Hover_Color_overlay:#ffffff;

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

  /* Heading Size */
  --DTFontSize_H1: 60px;
  --DTFontSize_H2: 42px;
  --DTFontSize_H3: 34px;
  --DTFontSize_H4: 24px;
  --DTFontSize_H5: 18px;
  --DTFontSize_H6: 14px;

  --DT_Heading_Line_Height: 1.2em;
  --DT_Body_Line_Height: 1.6em;

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

  --DTInputBackground: #ffffff;
  --DTform_BG: #f7f7f7;	

  /* Products */
  --DT_product_bg_color: #FDFAF5;
  --DT_product_text_color: #4A3728;
  --DT_product_title_color: #5C3A1E;
  --DT_product_title_hover_color: #C49A6C;
  --DT_product_vendor_color: #C49A6C;

  /* Button Style */
  --DTPadding_Btn: 10px 25px 10px 25px;
  --DT_Button_BG_Color: #C49A6C;
  --DT_Button_Text_Color: #ffffff;  
  --DT_Button_BG_Hover_Color: #A07345;
  --DT_Button_border_Color: ;
  --DT_Button_hover_border_Color: ;
  --DT_Button_Text_Hover_Color: #ffffff;
  --DT_Button_Border_Radius: 0px;
  --DT_Button_border_width: 0px;

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

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

  --DTBaseTransition: all 0.8s ease; 

  --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%);
      }

/*================ 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(//handmadeleatherbags.com/cdn/shop/t/6/assets/loading.gif?v=22777500013480165001791896323); 
  
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--DTBodyBGColor);
      }

/***********************************************************************************/
/*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; } }
/* v-hlb-20260708 */
/* Logo text color override */
.logo a, .logo a:visited { color: #2C1810 !important; }




/* v-hlb-20261013b */
/* Blog section text visibility fix — DT theme exact selectors */
.dt-sc-blog-title,
.dt-sc-blog-title a,
.dt-sc-blog-title h4,
.dt-sc-blog-title h3 { color: #2C1810 !important; }

.dt-sc-blog-description,
.dt-sc-blog-description p { color: #4a3728 !important; }

.dt-sc-blog-date,
.dt-sc-blog-date p,
.dt-sc-blog-date span { color: #7a5c45 !important; }

.home-blog-section .dt-sc-btn,
.home-blog-section a.dt-sc-btn { color: #C9A96E !important; border-color: #C9A96E !important; }

/* ===== Mobile carousel: Shop by Category grid-banner section ===== */
@media (max-width: 768px) {
  .home-grid-banner .dt-sc-grid-banner-section {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 0 16px 16px !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .home-grid-banner .dt-sc-grid-banner-section::-webkit-scrollbar {
    display: none;
  }
  .home-grid-banner .dt-sc-grid-banner-section > .dt-sc-grid-banner {
    flex: 0 0 76vw !important;
    min-width: 76vw !important;
    max-width: 76vw !important;
    scroll-snap-align: start !important;
    height: 260px !important;
  }
}

/* ===== Mobile carousel: Our Promise multicolumn section ===== */
@media (max-width: 768px) {
  .multicolumn .multicolumn-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 0 16px 16px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  .multicolumn .multicolumn-list::-webkit-scrollbar {
    display: none !important;
  }
  .multicolumn .multicolumn-list__item {
    flex: 0 0 72vw !important;
    min-width: 72vw !important;
    max-width: 72vw !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
  }
}


/* ===== Collection Product Pages — Barkson-Style Layout ===== */

/* 2-column grid on mobile */
@media (max-width: 768px) {
  .collection-grid .grid.product-collection,
  .product-grid-container .grid.product-collection,
  ul.grid.product-collection {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 0 10px !important;
  }
  .collection-grid .grid-item.product-grid-item,
  ul.grid.product-collection > li.grid-item {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    padding: 0 !important;
  }
}

/* Clean white card with subtle shadow */
.grid-item.product-grid-item .products {
  background: #fff !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
  position: relative !important;
  height: auto !important;
  overflow: visible !important;
}

.grid-item.product-grid-item .product-container {
  position: relative !important;
  height: auto !important;
  overflow: visible !important;
}

/* grid-link is the flex column: image_group then product-detail stacked */
.grid-item.product-grid-item a.grid-link {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  overflow: visible !important;
}

/* ImageWrapper (Add to Cart overlay) — absolute over the image_group */
.grid-item.product-grid-item .ImageWrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 5 !important;
  height: auto !important;
  overflow: hidden !important;
}

/* Consistent 1:1 square image on collection pages */
.grid-item.product-grid-item .image_group {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #f5f0eb !important;
  flex-shrink: 0 !important;
}

.grid-item.product-grid-item .image_group .reveal {
  position: absolute !important;
  inset: 0 !important;
}

.grid-item.product-grid-item .image_group img.featured-image,
.grid-item.product-grid-item .image_group img.teaser {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Sale badge — top-left INSIDE product image */
/* product_right_tag fills the full card as an invisible overlay so offer-price
   can anchor to top-left of the IMAGE area, not the tiny 0-width container */
.grid-item.product-grid-item .product_right_tag {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 10 !important;
  pointer-events: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* offer-price: position at top-left of the overlay = top-left of product image */
.grid-item.product-grid-item .product_right_tag .offer-price {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  display: inline-block !important;
  background: #b8622a !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  padding: 4px 8px !important;
  border-radius: 3px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
}

.grid-item.product-grid-item .product_right_tag .offer-price br {
  display: none !important;
}

/* Product detail area — forced visible */
.grid-item.product-grid-item .product-detail {
  padding: 10px 10px 12px !important;
  display: block !important;
  text-align: left !important;
  background: #fff !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Product title — uppercase */
.grid-item.product-grid-item .grid-link__title,
.grid-item.product-grid-item .grid-link__title a {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  color: #1A0F08 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 !important;
}

@media (min-width: 769px) {
  .grid-item.product-grid-item .grid-link__title,
  .grid-item.product-grid-item .grid-link__title a {
    font-size: 13px !important;
  }
}

/* Star ratings */
.grid-item.product-grid-item .spr-badge {
  font-size: 11px !important;
  color: #C9A96E !important;
  display: block !important;
}

/* Price — sale price in amber/gold, compare-at struck through */
.grid-item.product-grid-item .grid-link__org_price,
.grid-item.product-grid-item .product_price .money {
  color: #b8622a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

@media (min-width: 769px) {
  .grid-item.product-grid-item .grid-link__org_price,
  .grid-item.product-grid-item .product_price .money {
    font-size: 14px !important;
  }
}

.grid-item.product-grid-item .grid-link__sale_price {
  color: #9e9e9e !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

/* Grid meta row */
.grid-item.product-grid-item .grid-link__meta {
  display: block !important;
  margin-top: 4px !important;
}



/* ============================================================
   TASK #7118 — Sale Badge + Star Reviews on Collection Cards
   ============================================================ */

/* --- Sale badge (native DT theme .badge--sale) --- */
.grid-item.product-grid-item .featured-tag {
  display: none !important;
}

.grid-item.product-grid-item .badge--sale {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #b8622a !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  line-height: 1.4 !important;
  min-width: 36px !important;
}

.grid-item.product-grid-item .badge--sale .badge__text,
.grid-item.product-grid-item .badge--sale .gift-tag {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* --- Star ratings (.spr-badge) on collection cards --- */
.spr-badge {
  display: block !important;
  line-height: 1 !important;
  margin: 3px 0 2px !important;
}

/* Hide any default text content from SPR badge */
.spr-badge-caption,
.spr-badge-starrating {
  display: inline !important;
}

/* Fallback static 5-star display when no review app is loaded */
.spr-badge:not([data-rating]):not(:has(.spr-icon)),
.spr-badge[data-rating="0"] {
  font-size: 0 !important;
}

.spr-badge:not([data-rating]):not(:has(.spr-icon))::before,
.spr-badge[data-rating="0"]::before {
  content: "★★★★★";
  font-size: 13px !important;
  color: #C9A96E !important;
  letter-spacing: 1px !important;
  display: inline-block !important;
}

/* When SPR app IS loaded — style its stars gold */
.spr-icon-star,
.spr-icon-star-half {
  color: #C9A96E !important;
}

.spr-icon-star-empty {
  color: #d4c4a8 !important;
}

.spr-badge-starrating {
  color: #C9A96E !important;
  font-size: 13px !important;
}

.spr-badge-caption {
  font-size: 11px !important;
  color: #8B7355 !important;
  margin-left: 3px !important;
}

/* ============================================================
   TASK #7122 — Hero Banner: fix background-attachment on mobile
   background-attachment:fixed is unsupported on iOS/Android;
   override to scroll so the image renders correctly.
   ============================================================ */
@media (max-width: 768px) {
  #shopify-section-16491399714b914caf .dt-sc-section-wrapper {
    background-attachment: scroll !important;
    background-position: center center !important;
    background-size: cover !important;
  }
}

/* ============================================================
   TASK #7122 — Hero/lifestyle section: full image on mobile
   ============================================================ */
@media (max-width: 768px) {
  .home-html-text .dt-sc-section-wrapper {
    background-size: 100% auto !important;
    background-position: center top !important;
  }
}

/* ============================================================
   TASK #7123 — Our Promise section: carousel on mobile
   ============================================================ */
@media (max-width: 768px) {
  /* Override grid layout */
  .dt-sc-additional-grids,
  .dt-sc-additional-grids.two-items,
  .dt-sc-additional-grids.three-items,
  .dt-sc-additional-grids.four-items,
  .dt-sc-additional-grids.five-items {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 4px 16px 16px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .dt-sc-additional-grids::-webkit-scrollbar {
    display: none !important;
  }
  .dt-sc-additional-grids .dt-sc-support-block {
    flex: 0 0 72vw !important;
    min-width: 72vw !important;
    max-width: 72vw !important;
    width: 72vw !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
  }
}



/* ============================================================
   TASK #7124 — Newsletter "Join Our Community" section:
   Replace cold grey #34353b with warm leather espresso tone
   matching the site's cream/tan/espresso palette.
   ============================================================ */
.home-newsletter-section .dt-sc-newsletter-section.default.text-center {
  background: rgba(44, 24, 16, 0.88) !important;
}
.home-newsletter-section .dt-sc-heading .dt-sc-main-heading {
  color: #F7EFE3 !important;
}
.home-newsletter-section .dt-sc-heading .dt-sc-sub-heading {
  color: #C9A96E !important;
}
.home-newsletter-section .dt-sc-heading .dt-sc-heading-description {
  color: #e0d0b8 !important;
}
.home-newsletter-section p.dt-sc-newsletter-description {
  color: #e0d0b8 !important;
}

/* ============================================================
   TASK #7125 — Footer: Dark espresso background + warm palette
   Full footer redesign matching the leather aesthetic.
   ============================================================ */

/* Footer overall background */
#shopify-section-footer,
.dt-sc-footer-section,
footer.dt-sc-footer-section {
  background: #2C1810 !important;
}

/* Footer inner wrapper */
.dt-sc-footer-section .dt-sc-container,
.dt-sc-footer-section .dt-sc-row,
.dt-sc-footer-section .container {
  background: transparent !important;
}

/* Footer headings */
.dt-sc-footer-section .dt-sc-footer-content h2,
.dt-sc-footer-section .dt-sc-footer-content h3,
.dt-sc-footer-section .dt-sc-footer-content h4,
.dt-sc-footer-section .footer-title,
.dt-sc-footer-section .widget-title,
.dt-sc-footer-section .dt-sc-footer-title {
  color: #C9A96E !important;
  font-family: "Lora", serif !important;
  font-size: 15px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid #4a2c1a !important;
  padding-bottom: 10px !important;
  margin-bottom: 15px !important;
}

/* Footer text & paragraphs */
.dt-sc-footer-section .dt-sc-footer-content p,
.dt-sc-footer-section .dt-sc-footer-content span,
.dt-sc-footer-section .dt-sc-footer-content .dt-sc-custom-text {
  color: #e0d0b8 !important;
  line-height: 1.7 !important;
  font-size: 14px !important;
}

/* Footer links */
.dt-sc-footer-section a,
.dt-sc-footer-section .dt-sc-footer-content a,
.dt-sc-footer-section ul li a {
  color: #e0d0b8 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.dt-sc-footer-section a:hover,
.dt-sc-footer-section ul li a:hover {
  color: #C9A96E !important;
}

/* Footer list items */
.dt-sc-footer-section ul li {
  padding: 4px 0 !important;
  border-bottom: none !important;
}

/* Footer bottom bar (copyright) */
.dt-sc-footer-bottom,
.dt-sc-footer-section .footer-bottom,
.dt-sc-footer-section .dt-sc-footer-bottom-wrapper {
  background: #1a0c06 !important;
  border-top: 1px solid #4a2c1a !important;
  color: #b0a090 !important;
}
.dt-sc-footer-bottom p,
.dt-sc-footer-bottom span,
.dt-sc-footer-bottom a {
  color: #b0a090 !important;
}

/* Social icons in footer */
.dt-sc-footer-section .dt-sc-social-icons a,
.dt-sc-footer-section .social-icons a {
  background: rgba(201, 169, 110, 0.15) !important;
  border: 1px solid rgba(201, 169, 110, 0.3) !important;
  color: #C9A96E !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 4px !important;
  transition: all 0.2s ease !important;
}
.dt-sc-footer-section .dt-sc-social-icons a:hover {
  background: #C9A96E !important;
  color: #2C1810 !important;
}

/* Footer email link special styling */
.dt-sc-footer-section a[href^="mailto"] {
  color: #C9A96E !important;
  font-weight: 600 !important;
}

/* Mobile footer */
@media (max-width: 768px) {
  .dt-sc-footer-section .dt-sc-footer-content {
    padding: 20px 16px !important;
  }
  
  /* Stack footer columns on mobile */
  .dt-sc-footer-section .dt-sc-col,
  .dt-sc-footer-section [class*="col-"],
  .dt-sc-footer-section .dt-sc-one-fourth,
  .dt-sc-footer-section .dt-sc-one-third {
    width: 100% !important;
    margin-bottom: 24px !important;
    padding: 0 16px !important;
  }

  /* Brand column first on mobile */
  .dt-sc-footer-section .dt-sc-footer-title {
    font-size: 13px !important;
  }
}

/* ============================================================
   TASK #7126 — Our Promise section: carousel on mobile (CORRECTED)
   Actual container class is .dt-sc-support-blocks-section
   (not .dt-sc-additional-grids used in #7123 — wrong selector)
   ============================================================ */
@media (max-width: 768px) {
  /* Allow horizontal scroll on the row wrapper */
  .row.home-support-page {
    overflow-x: visible !important;
  }

  /* Carousel container */
  .dt-sc-support-blocks-section {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 4px 16px 16px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .dt-sc-support-blocks-section::-webkit-scrollbar {
    display: none !important;
  }

  /* Each promise card: fixed carousel width */
  .dt-sc-support-blocks-section .dt-sc-support-block {
    flex: 0 0 72vw !important;
    min-width: 72vw !important;
    max-width: 72vw !important;
    width: 72vw !important;
    scroll-snap-align: start !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    float: none !important;
    margin: 0 !important;
  }
}

/* ============================================================
   TASK #7129 — Brand Story Section: background-attachment fix on mobile
   Section #shopify-section-template--24034483961916__16491399714b914caf
   (HLB LEATHER CO. / Premium Full-Grain Leather section)
   background-attachment:fixed is ignored on iOS/Android — switch to scroll
   ============================================================ */
@media (max-width: 768px) {
  #shopify-section-template--24034483961916__16491399714b914caf .dt-sc-section-wrapper {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}