/** Shopify CDN: Minification failed

Line 32:60 Expected identifier but found bad string token
Line 32:90 Unterminated string token

**/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




.swiper-container { pointer-events: all; }

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







:root {

  /* Heading font*/--DTFontTypo_Heading:'Arial', sans-serif;';--font-style-header: normal;
  --font-weight-header: 400;
  --font-size-header: ;

  /* Body font*/--DTFontTypo_Body: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';--font-style-body: normal;
  --font-weight-body: 400;          
  --font-weight-body--bold: 700;
  --font-weight-body--bolder: 700;
  --font-size-body: 14px;     

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

  /* Other colors */
  --swiper-theme-color:  #9a1252 !important;
  --DTPrimaryColor: #9a1252;
  --DTSecondaryColor: #54585a;
  --DTTertiaryColor: #dfbd69;
  --DTBodyBGColor: #ffffff;
  --DTOverlayColor: rgba(84, 88, 90, 0.5);
  /*--DTOverlayColor: rgb(255 255 255 / 50%);*/

  --DTLinkColor: #9a1252;
  --DTLinkHoverColor: #dfbd69;
  --DTColor_Body: #333333;
  --DTColor_Heading: #54585a;
  --DTColor_Border: #e5e5e5;

  /* Error and alerts */
  --DT_Error_Color: #ab4b52;
  --DT_Success_Color:#4a7d52;
  --DT_Warning_Color:#9F6000;
  --DT_Info_Color: #617489;

  /* Blog section */
  --DT_Blog_Border_Radius: 0px;
  --DT_Blog_Gutter_Width: 12px;
  --DT_Blog_BG_Color:rgba(0,0,0,0);
  --DT_Blog_Link_Color:#242926;
  --DT_Blog_Link_Hover_Color:#9f6000;
  --DT_Blog_Text_Color: #242926;
  --DT_Blog_Icon_Color: #242926;
  --DT_Blog_Button_BG_Color: rgba(0,0,0,0);
  --DT_Blog_Button_Text_Color:#242926;  
  --DT_Blog_Button_BG_Hover_Color: #1a1a1a;
  --DT_Blog_Button_Text_Hover_Color:#9f6000;

  /* Overlay Style */
  --DT_Blog_Link_Color_Overlay:#242926;
  --DT_Blog_Link_Hover_Color_Overlay:#9f6000;
  --DT_Blog_Text_Color_overlay: #242926;
  --DT_Blog_Icon_Color_overlay: #242926;
  --DT_Blog_Button_BG_Color_overlay: #8b0750;
  --DT_Blog_Button_Text_Color_overlay:#ffffff;  
  --DT_Blog_Button_BG_Hover_Color_overlay: rgba(0,0,0,0);
  --DT_Blog_Button_Text_Hover_Color_overlay:#9f6000;

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

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

  --DT_Heading_Line_Height: 1.4em;
  --DT_Body_Line_Height: 1.8em;

  --DTRadius: 0px;
  --DTInputPadding: 8px 8px 8px 8px;

  --DTInputBackground: rgba(0,0,0,0);
  --DTform_BG: #f7f7f7;	

  /* Products */
  --DT_product_bg_color: #ffffff;
  --DT_product_text_color: #616161;
  --DT_product_title_color: #1a1a1a;
  --DT_product_title_hover_color: #9f6000;
  --DT_product_vendor_color: #242926;

  /* Button Style */
  --DTPadding_Btn: 8px 16px 8px 16px;
  --DT_Button_BG_Color: #8b0750;
  --DT_Button_Text_Color: #ffffff;  
  --DT_Button_BG_Hover_Color: #8b0750;
  --DT_Button_border_Color: #1a1a1a;
  --DT_Button_hover_border_Color: #1a1a1a;
  --DT_Button_Text_Hover_Color: #ffffff;
  --DT_Button_Border_Radius: 6px;
  --DT_Button_border_width: 1px;

  --DTContainer: 1630px;
  --DT_Lap_Container: 1400px;
  --DT_Tab_Container: 1100px;    

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

  --DTBaseTransition: all 0.3s linear; 

  --DTboxShadowcolor: rgba(187, 187, 187, 0.5);
  --DTboxShadowcolor_light: rgba(233, 233, 233, 0.5);

  --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(//etcwineshops.com/cdn/shop/t/3/assets/loading.gif?v=157399293127155113871754062755); 
    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; } }


.bg-color-cyan {background-color: #25bdb0 }.bg-color-pink {background-color: #fcc6de }.bg-color-black {background-color: #000 }.bg-color-grey {background-color: #ccc }.bg-color-green {background-color: #e1eb78 }.bg-color-sliver {background-color: #f2f2f2 }.bg-color-blue {background-color: #a8bcd4;}.bg-color-purple {background-color: #7e0b80 }.bg-color-white {background-color: #fff; }.bg-color-red {background-color: #f63400 }.bg-color-brown {background-color: #ad8111 }.bg-color-gold {background-color: #cea525 }.bg-color-beige {background-color: #f0deba }.bg-color-gray {background-color: #bfbfbf }.bg-color-orange {background-color: #ff7900 }.bg-color-yellow {background-color: #dcdb79 }.bg-color-navy {background-color: #001f3f }.bg-color-aqua {background-color: #7fdbff }.bg-color-teal {background-color: #39cccc }.bg-color-gun-smoke {background-color: #12221f }.bg-color-olive {background-color: olive }.bg-color-lime {background-color: #0f0 }.bg-color-rose-gold {background-color: #fcdbd6 }.bg-color-clear {background-color: #caf6ea }.bg-color-maroon {background-color: maroon }.bg-color-ivory {background-color: ivory }.bg-color-lavenderblush {background-color: #b0e0e6 }.bg-color-powderblue {background-color: #f012be }.bg-color-darkgreen {background-color: #006400 }.bg-color-saddlebrown {background-color: #8b4513 }.bg-color-lightcoral {background-color: #f08080 }.bg-color-palevioletred {background-color: #db7093 }.bg-color-chocolate {background-color: #d2691e }.bg-color-darkolivegreen {background-color: #556b2f }.bg-color-darkred {background-color: #8b0000 }.bg-color-mediumaquamarine {background-color: #66cdaa }.bg-color-sandybrown {background-color: #f4a460 }.bg-color-darkslategray {background-color: #2f4f4f }.bg-color-salmon {background-color: salmon }.bg-color-slateblue {background-color: #6a5acd }.bg-color-lightgray {background-color: #d3d3d3 }.bg-color-lemonchiffon {background-color: #fffacd }.bg-color-thistle {background-color: #d8bfd8 }.bg-color-wheat {background-color: wheat }.bg-color-lightsalmon {background-color: #ffa07a }.bg-color-hotpink {background-color: #ff69b4 }.bg-color-lawngreen {background-color: #7cfc00 }.bg-color-snow {background-color: snow }.bg-color-darkslateblue {background-color: #483d8b }.bg-color-coral {background-color: coral }.bg-color-limegreen {background-color: #32cd32 }.bg-color-lightgrey {background-color: #d3d3d3 }.bg-color-royalblue {background-color: #4169e1 }.bg-color-dimgrey {background-color: #696969 }.bg-color-lightseagreen {background-color: #20b2aa }.bg-color-skyblue {background-color: #87ceeb }.bg-color-orchid {background-color: orchid }.bg-color-darksalmon {background-color: #e9967a }.bg-color-darkorchid {background-color: #9932cc }.bg-color-cornflowerblue {background-color: #6495ed }.bg-color-cornsilk {background-color: #fff8dc }.bg-color-lightslategrey {background-color: #789 }.bg-color-whitesmoke {background-color: #f5f5f5 }.bg-color-seagreen {background-color: #2e8b57 }.bg-color-crimson {background-color: #dc143c }.bg-color-azure {background-color: azure }.bg-color-paleturquoise {background-color: #afeeee }.bg-color-darkkhaki {background-color: #bdb76b }.bg-color-mediumvioletred {background-color: #c71585 }.bg-color-lightgoldenrodyellow {background-color: #fafad2 }.bg-color-violet {background-color: violet }.bg-color-peachpuff {background-color: #ffdab9 }.bg-color-steelblue {background-color: #4682b4 }.bg-color-blanchedalmond {background-color: #ffebcd }.bg-color-moccasin {background-color: #ffe4b5 }.bg-color-antiquewhite {background-color: #faebd7 }.bg-color-mediumturquoise {background-color: #48d1cc }.bg-color-lightskyblue {background-color: #87cefa }.bg-color-darkorange {background-color: #ff8c00 }.bg-color-darkblue {background-color: #00008b }.bg-color-springgreen {background-color: #00ff7f }.bg-color-lavender {background-color: #e6e6fa }.bg-color-mediumpurple {background-color: #9370db }.bg-color-deepskyblue {background-color: #00bfff }.bg-color-mintcream {background-color: #f5fffa }.bg-color-deeppink {background-color: #ff1493 }.bg-color-darkseagreen {background-color: #8fbc8f }.bg-color-papayawhip {background-color: #ffefd5 }.bg-color-orangered {background-color: #ff4500 }.bg-color-tomato {background-color: tomato }.bg-color-navajowhite {background-color: #ffdead }.bg-color-mediumorchid {background-color: #ba55d3 }.bg-color-ghostwhite {background-color: #f8f8ff }.bg-color-slategrey {background-color: #708090 }.bg-color-forestgreen {background-color: #228b22 }.bg-color-dodgerblue {background-color: #1e90ff }.bg-color-linen {background-color: linen }.bg-color-blueviolet {background-color: #8a2be2 }.bg-color-gainsboro {background-color: #dcdcdc }.bg-color-lightgreen {background-color: #90ee90 }.bg-color-chartreuse {background-color: #7fff00 }.bg-color-mistyrose {background-color: #ffe4e1 }.bg-color-darkgray {background-color: #a9a9a9 }.bg-color-peru {background-color: peru }.bg-color-tan {background-color: tan }.bg-color-palegreen {background-color: #98fb98 }.bg-color-rebeccapurple {background-color: #639 }.bg-color-darkcyan {background-color: #008b8b }.bg-color-oldlace {background-color: #fdf5e6 }.bg-color-rosybrown {background-color: #bc8f8f }.bg-color-darkslategrey {background-color: #2f4f4f }.bg-color-lightslategray {background-color: #789 }.bg-color-turquoise {background-color: #40e0d0 }.bg-color-darkgoldenrod {background-color: #b8860b }.bg-color-honeydew {background-color: #f0fff0 }.bg-color-mediumslateblue {background-color: #7b68ee }.bg-color-mediumspringgreen {background-color: #00fa9a }.bg-color-plum {background-color: plum }.bg-color-darkgrey {background-color: #a9a9a9 }.bg-color-slategray {background-color: #708090 }.bg-color-darkmagenta {background-color: #8b008b }.bg-color-lightblue {background-color: #add8e6 }.bg-color-floralwhite {background-color: #fffaf0 }.bg-color-dimgray {background-color: #696969 }.bg-color-greenyellow {background-color: #adff2f }.bg-color-fuchsia {background-color: #f0f }.bg-color-cadetblue {background-color: #5f9ea0 }.bg-color-yellowgreen {background-color: #9acd32 }.bg-color-darkviolet {background-color: #9400d3 }.bg-color-sienna {background-color: sienna }.bg-color-lightpink {background-color: #ffb6c1 }.bg-color-mediumblue {background-color: #0000cd }.bg-color-bisque {background-color: bisque }.bg-color-aquamarine {background-color: #7fffd4 }.bg-color-palegoldenrod {background-color: #eee8aa }.bg-color-aliceblue {background-color: #f0f8ff }.bg-color-olivedrab {background-color: #6b8e23 }.bg-color-indigo {background-color: indigo }.bg-color-lightcyan {background-color: #e0ffff }.bg-color-midnightblue {background-color: #191970 }.bg-color-khaki {background-color: khaki }.bg-color-burlywood {background-color: #deb887 }.bg-color-lightyellow {background-color: #ffffe0 }.bg-color-lightsteelblue {background-color: #b0c4de }.bg-color-goldenrod {background-color: #daa520 }.bg-color-darkturquoise {background-color: #00ced1 }.bg-color-magenta {background-color: #f0f }.bg-color-seashell {background-color: #fff5ee }.bg-color-indianred {background-color: #cd5c5c }.bg-color-mediumseagreen {background-color: #3cb371 }.bg-color-firebrick {background-color: #b22222 }

/* Custome code for mini cart product image and header */
.ajaxcart__inner .ajaxcart__product .ajaxcart .item_img {
  max-width: none !important;
}
.ajaxcart__inner .ajaxcart__product .ajaxcart .details h5 {
  margin-top: 0px !important;
}

/***********************************************************************************/
/*ETC*/
/***********************************************************************************/
/* Button Group Styles */
.grid.product-collection.dt-sc-column.three-column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: var(--DTGutter_Width);
  margin: 0;
  padding: 0;
}

.grid.product-collection.dt-sc-column.three-column > li {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.grid.product-collection.dt-sc-column.three-column > li .products {
  display: flex; 
  flex-direction: column;
  /*height: 100%;*/
}

.grid.product-collection.dt-sc-column.three-column > li .product-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.products .product-detail .grid-link__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 3.2em;
  line-height: 1.6em;
  height: 3.2em;
  word-break: break-word;
}

/* Responsive */
@media (max-width: 991px) {
  .grid.product-collection.dt-sc-column.three-column {
    grid-template-columns: repeat(2, 1fr);
  }

  .top-newsletter {
    /*width: calc(100% - calc(var(--DTGutter_Width) / 2 )) !important;*/
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

}

@media (max-width: 767px) {
  .grid.product-collection.dt-sc-column.three-column {
    grid-template-columns: 1fr;
  }
}

.swiper-wrapper {
  display: flex;
  height: 100%;
}

.swiper-wrapper .swiper-slide {
  height: auto;
  display: flex;
  flex: 1 0 auto;
  padding:10px;
}

.swiper-wrapper .swiper-slide > * {
  height: 100%;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;

}

.dt-collection-filter > div .sidebar-body .categories-list {
  display: flow;
  flex-direction: column;
  gap: var(--DTGutter_Width);
}
.widget-list.filter-body {
  display: block;
  overflow-y: auto;
  max-height: 150px; /* 2 * (300px + 120px) */
}

/* Mobile: Height based on 2 product grid items */
@media (max-width: 749px) {
  .widget-list.filter-body {
    max-height: 280px; /* 2 * (200px + 80px) */
  }
}

/* Tablet: Height based on 2 product grid items */
@media (max-width: 1023px) {
  .widget-list.filter-body {
    max-height: 190px; /* 2 * (250px + 100px) */
  }
} 

/* Desktop: Height based on 2 product grid items */
@media  (min-width: 1024px) and (max-width: 1199px) {
  .widget-list.filter-body {
    max-height: 220px; /* 2 * (300px + 120px) */
  }
}

@media (min-width: 1200px) {
  .widget-list.filter-body {
    max-height: 150px; /* 2 * (300px + 120px) */
  }
}

  header .dt-sc-header-logo-sec, .sticky-header-active {padding: 0px 0 !important; }
  header .sticky-header-active #AccessibleNav{padding:15px 0 !important;}  
  header .dt-sc-header-logo-sec.sticky-header #AccessibleNav {padding:15px 0 !important}  

  
  .search-box-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
  }
  .search-box-container input{
    width: 180px;
    padding: 5px;
  }
  .search-box-container button{
   margin:0px;
  }

  .search-box-container .search-label {
    font-weight: 600;
    margin: 0;
    white-space: nowrap;
  }

  .mobile-nav-container .menu-trigger{padding:0;}

  h1, h2, h3, h4, h5, h6 {
    margin-top: 15px;
    margin-bottom: 5px;
  }

  .products .product-container .product-button {
    /*background-color:var(--DT_Button_BG_Color);*/
    top: 100px;
  }

  .products.wine .product-container .image_group .inner-reveal {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding:35px;
  }

  .products.wine .product-container .image_group .inner-reveal img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .products.wine .product-detail.content-left {
    padding: 15px;
  }


  .products.wine .dT_AddToCart.dt-sc-btn  {
     padding:10px;
     min-width: 40px;
  }
  .products.wine .cart-stroke {
    -webkit-mask-image:url("cart-stroke.svg");  
    mask-image: url("cart-stroke.svg"); background: currentColor; 
    width:16px;
    height:16px;
  }

  .products.wine .grid-link__org_price {
    font-size:1.5em;
    
  }

  .products .product-detail .grid-link__meta .grid-link__org_price, .products .product-detail .grid-link__meta .product_price>span.money {
    font-size: 1.5em;
  }
  .products.wine .product_price {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: calc(100% - 40px);
    margin: 0 auto;
  }

 del {
  font-size: 1.2em !important;
 }

.home-product-carousel {
  padding-top: 30px;
}



/* Newsletter Footer Custom Styles */
.footer__newsletter {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  margin: 32px 0 0 0;
  flex-wrap: wrap;
}
.footer__newsletter-input-wrapper {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex: 1 1 auto;
}
.footer__newsletter-input {
  /*min-width: 220px;*/
  padding: 10px 12px;
  font-size: 18px;
  border: 2px solid #d3d1c9;
  background: #fff;
  color: #222;
  font-family: inherit;
  margin-bottom: 0;
}
.footer__newsletter-btn {
  position: relative;
  z-index: 1; 
}
.footer__newsletter-btn {
  background: #eae8e0;
  color: #222;
  font-size: 20px;
  font-family: inherit;
  border: none;
  padding: 10px 24px;
  min-width: 120px;
  height: 48px;
  margin-left: 8px;
  cursor: pointer;
  transition: background 0.2s;
}
.footer__newsletter-btn:hover {
  background: #d3d1c9;
}
.footer__newsletter-text-wrapper {
  flex: 1 1 100%;
  margin-top: 2px;
  font-size: 1rem;
  color: #221d18;
  font-family: inherit;
  font-weight: normal;
  line-height: 1;
}
.footer__newsletter-text-wrapper a {
  color: #221d18;
  text-decoration: underline;
}
/* Tablet Responsive Styles - Single Line Layout */
@media (max-width: 900px) and (min-width: 577px) {
  .footer__newsletter {
    flex-direction: column;
    gap: 16px;
    margin: 20px 0 0 0;
  }
  
  .footer__newsletter-input-wrapper {
    flex-direction: row;
    gap: 12px;
    width: 100%;
    flex-wrap: wrap;
  }
  
  .footer__newsletter-input {
    flex: 1;
    min-width: 200px;
    font-size: 16px;
    padding: 12px 16px;
  }
  
  .footer__newsletter-btn {
    min-width: 140px;
    margin-left: 0;
    margin-top: 0;
    height: 48px;
    font-size: 16px;
    white-space: nowrap;
  }
  
  .footer__newsletter-text-wrapper {
    margin-top: 16px;
    font-size: 0.9rem;
  }
}

/* Mobile Specific Styles - Vertical Stack */
@media (max-width: 576px) {
  .footer__newsletter {
    gap: 12px;
    margin: 16px 0 0 0;
  }
  
  .footer__newsletter-input-wrapper {
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  
  .footer__newsletter-input {
    width: 100%;
    font-size: 14px;
    padding: 10px 12px;
  }
  
  .footer__newsletter-btn {
    width: 100%;
    height: 44px;
    font-size: 14px;
    padding: 10px 16px;
  }
  
  .footer__newsletter-text-wrapper {
    margin-top: 12px;
    font-size: 0.8rem;
  }
}

.top-newsletter {
  /*width: calc(100% - calc(var(--DTGutter_Width) / 2 )) !important;*/
  /*padding-left: 12%;
  padding-right: 12%;*/
}


footer .footer__newsletter input, footer .footer__newsletter input:focus {
  padding: 8px !important;
  box-sizing: border-box;
  width: 100%;
}
.footer__newsletter-btn {
  position: relative !important;
  z-index: 1;
  white-space: nowrap;
  text-align: center;
}
.footer__newsletter-text-wrapper-inner {
  width: auto;
  text-align: left;
  line-height: 1.5;
}
footer .site-footer__top .dt-sc-flex-space-between .footer-newsletter p {
  margin: 0px !important;
}

footer .site-footer__top .footer-newsletter {
  margin-bottom: 30px !important;
}
.footer__newsletter-text-wrapper {
  display :flex;
  flex-direction: row;
  gap: 8px;
  justify-content: space-between;
}
.footer__newsletter-text-wrapper-inner {
  font-size: 1rem;
  
}
.site-footer {
  background-color: var(--DT_Button_Text_Color);
}

.site-footer__top.site-footer__segmented {
  background-color: var(--DT_Button_BG_Color) !important;
  padding-top: 15px !important;
}
.site-footer{
  border-top: 1px solid #000;
  padding-top: 30px;
}

.main-product-template .swiper-container .swiper-slide img {
  aspect-ratio:1/1;
  object-fit: cover;
}

.main-product-template .event-grid-item .swiper-container .swiper-slide img {
  aspect-ratio:1/1;
  object-fit: contain;
  width:100%;
}

.main-product-template .product-page-row .swiper-container .swiper-slide img {
  aspect-ratio:1/1;
  object-fit: contain;
  max-width:420px;
}

.product-event-carousel .swiper-container .swiper-slide img {
  aspect-ratio:1/1;
  object-fit: contain;
}
.product-event-carousel .dt-sc-product-single-wrapper {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); /* For Safari */
  background-color: rgb(154,18,82, 0.3); /* Replace with your color's RGB values */
}


form[class*="shopify-product"]>div, .product-meta-block .product-deal-count {
  margin-bottom: 0px;
}

.slider-pro img.sp-image, .slider-pro img.sp-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  object-position: left center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background-color: rgb(154,18,82, 0.3);
}

/* Ensure proper scaling when thumbnails are present */
.slider-pro.sp-horizontal .sp-image-container {
  height: 100% !important;
}

.slider-pro.sp-horizontal .sp-image-container .sp-image {
  object-position: top !important;
}

/* Mobile responsive adjustments */
@media (max-width: 800px) {
  .slider-pro img.sp-image, .slider-pro img.sp-thumbnail img {
    object-position: top !important;
  }
  
  .slider-pro.sp-horizontal .sp-image-container .sp-image {
    object-position: top !important;
  }
}


.event-grid-item .products .product-detail .grid-link__meta {
  width: 100%;
  justify-content: space-between;
  display: flex

}

.event-grid-item .event-rsvp-wrap {
  justify-content:space-between;
}

.event-grid-item .product-detail .grid-link__meta .event-price,
.product-detail .grid-link__meta .event-price {
  justify-content: space-between;
  display:flex;
}
.product-list-style .products .product-detail .grid-link__title {
  justify-content: flex-start;
  
}
.product-list-style .products .product-detail .grid-link__meta {
  width: 100%;
  justify-content: flex-start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-list-style .products.wine .product_price {
  align-items: flex-start;
  
}

.product-list-style .products.wine .product_price,
.product-list-style .products.wine .product_price del {
  margin:0px;
}

.product-list-style .products .product-detail .grid-link__title a{
  height: auto;
  min-height: auto;
}
.event-grid-item .product-detail .grid-link__meta .event-price .per_seat {
  font-size: 1.2em;
} 

.event-grid-item .event-rsvp-btn,
.home-event-carousel .event-rsvp-btn {
  display: inline-block;
  padding: 0.5em 1.5em;
  border: 1px solid var(--DT_Button_BG_Color);
  border-radius: 6px;
  background: #fff;
  color: var(--DT_Button_BG_Color);
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
  box-sizing: border-box;
  margin-bottom: 5px;
}

footer .dt-sc-column {
  margin-bottom: 15px;
  padding-top:8px;
}

.product-list-style .event-grid-item .products .image_group {
  height:250px
}


 .event-grid-item .image_group {
  max-height : 245px;
  width: auto;
  
 }

 .event-grid-item .image_group img {
  width: 100%;
  max-height: 324px;
  aspect-ratio: 576/324 ;
  height: auto;
  object-fit: cover;
  display: block;
  object-position: top;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px); /* For Safari */
  background-color: rgb(154,18,82, 0.3); /* Replace with your color's RGB values */

 }

 .shopify-policy__body {
    ul, ol {
      list-style-type: disc;
      padding-left: 20px;
    }
 }

 .shopify-policy__body li::before {
  content: "- ";
  margin-right: 4px;
}

.grid-link__localtion {
  min-height: 2.6em; /* 2 lines at 1.3em line-height, adjust as needed */
  line-height: 1.3em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

form[class*="shopify-product"] .dt-sc-qty {
  margin-bottom : 10px;
}
.sub-total strong {
  font-size: 1.5em;
}
.border {
  border-top: 1px solid #000;
}

.dt-sc-column.two-four-column {
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}
.sub-menu-lists {
  padding: 10px !important;
}
/* Background for first grid element */
.sub-menu-lists.dt-sc-column.two-four-column > li.column-item:first-child {
  background-color: var(--DT_Button_BG_Color);
  padding: 10px !important;
  color: var(--DT_Button_Text_Color);
}

.column-item a {
  font-size: 1.2em;
  color: #fff !important;
  text-decoration: none;
  line-height: 1.2;
  padding: 10px;
}
.column-item a:hover{
  text-decoration: underline;
}

/* Wine Collection Card Styles */
.wine-collection-card {
  background: #fff;
  overflow: hidden;
  padding-bottom: 24px;
  max-width: 320px;
  margin: auto;
}

.wine-collection-card img {
  width: 100%;
  object-fit:contain;
  aspect-ratio: 19/6;
  height: 280px;
  object-position: center;
}

.wine-collection-card  .collection-detail {
  padding: 24px 16px 0 16px;
}

.wine-collection-card .collection-detail h5 {
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 12px;
  margin-top: 0;
  text-align: center;
  line-height: 1.2;
}

.wine-collection-card .collection-description {
  color: #23294a;
  font-size: 1rem;
  min-height: 60px;
  margin-bottom: 20px;
  text-align: center;
}

.wine-collection-card .dt-sc-btn {
  display: block;
  background: var(--DT_Button_BG_Color);
  color: #fff !important;
  border: none;
  border-radius: 4px;
  padding: 12px 0;
  font-size: 0.8rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  width: 90%;
  transition: background 0.2s;
}

.wine-collection-card .dt-sc-btn:hover {
    text-decoration: underline;
}

.dt-mega-collection-grid {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff !important;
  width: 100%;
  justify-content: center;
  align-items: stretch;
}

.dt-mega-collection-grid .wine-collection-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.dt-mega-collection-grid .wine-collection-card .collection-detail {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}

.dt-mega-collection-grid .wine-collection-card .dt-sc-btn {
  align-self: center;
  margin-top: auto;
}

/* Newsletter Box Styles */
.newsletter-box {
  border: 2px solid #222;
  padding: 32px 24px;
  margin: 32px 0;
  background: #fff;
}
.newsletter-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 24px;
}
.newsletter-fields-row {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
.newsletter-fields-row .footer__newsletter-input {
  min-width: 240px;
  padding: 10px 16px;
  border: 2px solid #bbb;
  border-radius: 2px;
  font-size: 1rem;
  background: #fff;
}
.newsletter-subscribe-btn {
  min-width: 150px;
  width: auto;
  margin:0px;
  max-width: 180px;
  
}

.pagination-default a.active, 
.pagination-default .active span{
  background-color: rgba(139, 7, 80, 0.6) !important;
  border-color: var(--DT_Blog_Button_BG_Color) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}


/* Cart modification indicator styles */
.cart-modified {
  animation: pulse 10s infinite;
}

.cart-modified:hover {
  text-decoration: underline;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 107, 53, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 107, 53, 0);
  }
}

/* Continue Shopping Button Styles */
.continue-shopping-btn {
  display: inline-block;
  padding: 12px 0px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}


.continue-shopping-btn:hover {
  text-decoration: underline;
}


/* Cart Message Styles */
.cart-message {
  padding: 12px 16px;
  margin: 10px 0;
  border-radius: 6px;
  font-weight: 500;
  text-align: center;
  animation: slideInDown 0.3s ease-out;
}

.cart-message-success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.cart-message-error {
  color: #000;
  border: 1px solid red;
  box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
}

.cart-message-loading {
  background-color: #e3f2fd;
  color: #1976d2;
  border: 1px solid #bbdefb;
}

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

/* Remove button loading state */
.cart__remove.removing {
  opacity: 0.6;
  pointer-events: none;
}

.cart__remove.removing .close-icon {
  animation: spin 1s linear infinite;
}

/* Localization Form Mobile Fixes */
@media (max-width: 767px) {
  .localization-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 8px 0;
  }
  
  .localization-form__button {
    min-width: 44px;
    min-height: 44px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
  }
  
  .localization-form__button.selected {
    background-color: var(--DT_Button_BG_Color);
    color: #fff !important;
    font-weight: 600;
  }
  
  .localization-form__button:not(.selected) {
    background-color: transparent;
    color: inherit;
    border: 1px solid #ddd;
  }
  
  
  .separator {
    display: none;
  }
  
  /* Ensure proper spacing in header */
  .site-header__links .localization-form {
    margin: 0 8px;
  }
  
  /* Adjust for smaller screens */
  @media (max-width: 480px) {
    .localization-form__button {
      min-width: 40px;
      min-height: 40px;
      padding: 6px 10px;
      font-size: 13px;
    }
  }
}

/* Tablet adjustments */
@media (min-width: 768px) and (max-width: 1024px) {
  .localization-form__button {
    min-width: 48px;
    min-height: 48px;
    padding: 10px 14px;
    font-size: 15px;
  }
}

.dt-collection-filter .mobile-facets__summary {
  padding-top: 12px;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before
 {
  border-left: 5px solid var(--DT_Button_BG_Color) !important;
 }

 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
 .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before,
 .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before
  {
  border: 5px solid var(--DT_Button_BG_Color) !important;
  border-top: 5px solid var(--DT_Button_BG_Color) !important;
  border-right: 5px solid var(--DT_Button_BG_Color) !important;
  border-bottom: 5px solid var(--DT_Button_BG_Color) !important;
  border-left: 5px solid var(--DT_Button_BG_Color) !important;
 }
 .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  border-bottom: 13px solid var(--DT_Button_BG_Color) !important;
 }

 .a.cart__remove.close_icon {
  background-color: none !important;
 }

 .cart .cart__row .product-info > *:not(:last-child) {
   margin-bottom: 5px !important;
 }

 .widget-list.widget-mb-2.filter-body.d-flex {
  padding-left: 20px !important;
 }

 .dt-collection-filter .filter-custom-control {
  margin-bottom: 5px !important;
 }
 .js-filter {
  padding-bottom: 5px !important;
 }

 .order-form {
  padding: 30px !important;
 }

 .order-form table thead tr th {
  font-weight: bold !important;
  text-align: left !important;

 }

 .order-form .table-wrap {
  overflow :auto !important;
 }

 .order-form table tr td {
  text-align: left !important;
 }

 .address-section .address-col,
 .order-form .address-col {
  text-align: left !important;
 }


/* Address Details Grid Layout */
.address-details-grid {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 20px;
}

.address-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 2px 0;
}

.address-label {
  min-width: 160px;
  font-weight: 600;
  color: var(--DTColor_Heading);
  flex-shrink: 0;
}

.address-value {
  flex: 1;
  word-break: break-word;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  .address-row {
    flex-direction: column;
    gap: 4px;
  }
  
  .address-label {
    min-width: auto;
  }
}

.address-modal-close {
  padding: 0px !important;
}
.address-modal-header {
  padding-bottom: 10px !important;
}
.edit_address .grid__item,
.address-col .address-col
{
  text-align: left !important;
}
 .user-account .edit_address .grid__item,
 .address-col .address-col
 {
  align-items: start !important;
}

.user-account {
  max-width: 100%;
}

.user-account table .text-right {
  text-align: right !important;
}

.user-account .address-col {
  text-align: left !important;
}

/* Phone number field styling for registration form */
.phone-input-group {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.country-code-select {
  background-color: var(--DTInputBackground);
  border: 1px solid var(--DTColor_Border);
  border-radius: var(--DT_Button_Border_Radius);
  padding: var(--DTInputPadding);
  color: var(--DTColor_Body);
  font-family: var(--DTFontTypo_Body);
  font-size: var(--font-size-body);
  line-height: var(--DT_Body_Line_Height);
  width: auto;
  min-width: 100px;
  max-width: 150px;
  flex: 0 0 auto;
  height: 48px; /* Match input height */
  box-sizing: border-box;
  transition: var(--DTBaseTransition);
  cursor: pointer;
}

.country-code-select:focus {
  border-color: var(--DTPrimaryColor);
  outline: none;
  box-shadow: 0 0 0 2px rgba(154, 18, 82, 0.1);
}

.register-form input[type="tel"] {
  background-color: var(--DTInputBackground);
  border: 1px solid var(--DTColor_Border);
  border-radius: var(--DT_Button_Border_Radius);
  padding: var(--DTInputPadding);
  color: var(--DTColor_Body);
  font-family: var(--DTFontTypo_Body);
  font-size: var(--font-size-body);
  line-height: var(--DT_Body_Line_Height);
  height: 48px; /* Match select height */
  box-sizing: border-box;
  flex: 1;
  transition: var(--DTBaseTransition);
}

.register-form input[type="tel"]:focus {
  border-color: var(--DTPrimaryColor);
  outline: none;
  box-shadow: 0 0 0 2px rgba(154, 18, 82, 0.1);
}

.register-form input[type="tel"]::placeholder {
  color: var(--DTColor_Body);
  opacity: 0.7;
}

.register-form input[type="tel"].error,
.country-code-select.error {
  border-color: var(--DT_Error_Color);
  background-color: rgba(216, 0, 12, 0.05);
}

/* Customer Account Layout - 2 Column with Left Sidebar */
.customer-account-layout {
  display: flex;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}

.customer-sidebar {
  width: 250px;
  flex-shrink: 0;
  order: 1; /* Left sidebar */
}

.customer-main-content {
  flex: 1;
  min-width: 0; /* Prevents flex item from overflowing */
  order: 2; /* Main content on the right */
}

/* Dashboard Welcome Styling */
.dashboard-welcome {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: var(--DTColor_Heading);
  font-weight: 400;
  line-height: 1.4;
}

.dashboard-welcome strong {
  font-weight: 600;
  color: var(--DTColor_Heading);
}

.logout-link {
  color: var(--DTPrimaryColor);
  text-decoration: none;
  font-weight: 500;
}

.logout-link:hover {
  text-decoration: underline;
  color: var(--DTLinkHoverColor);
}

.dashboard-description {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--DTColor_Body);
  margin-bottom: 0;
}

.dashboard-link {
  color: var(--DTPrimaryColor);
  text-decoration: none;
  font-weight: 500;
}

.dashboard-link:hover {
  text-decoration: underline;
  color: var(--DTLinkHoverColor);
}

/* Customer Dashboard Container */
.customer-dashboard, 
  .order-form,
  .user-account,
 .customer-orders, 
 .customer-account-details {
  background: var(--DTBodyBGColor);
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.account-details-section,
.orders-section {
  margin-bottom: 3rem;
  padding: 2rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.account-details-section h2,
.orders-section h2 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  color: var(--DTColor_Heading);
  border-bottom: 2px solid var(--DTPrimaryColor);
  padding-bottom: 0.5rem;
}

/* Customer Navigation Sidebar */
.customer-nav {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 1rem 0;
}

.customer-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.customer-nav-item {
  margin: 0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}

.customer-nav-item + .customer-nav-item {
  border-top: none;
}

.customer-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  color: var(--DTColor_Body);
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
  font-size: 1rem;
}

.customer-nav-link:hover {
  color: var(--DTPrimaryColor);
  background-color: transparent;
}

.customer-nav-item.active .customer-nav-link {
  color: #CD5C5C;
  background-color: transparent;
  font-weight: 500;
}

.customer-nav-item.active .customer-nav-link:hover {
  color: #CD5C5C;
  background-color: transparent;
}

.customer-nav-item:last-child .customer-nav-link {
  border-bottom: none;
}

.customer-nav-link span {
  font-size: 1rem;
  font-weight: normal;
  color: inherit;
  margin-left: auto;
}

/* Address Details Grid */
.address-details-grid {
  display: grid;
  gap: 1rem;
}

.address-row {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #eee;
}

.address-row:last-child {
  border-bottom: none;
}

.address-label {
  min-width: 120px;
  font-weight: 600;
  color: var(--DTColor_Heading);
}

.address-value {
  flex: 1;
  color: var(--DTColor_Body);
}

/* Account Actions */
.account-actions {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.account-actions .dt-sc-btn {
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.account-actions .dt-sc-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Table Styling */
.table-wrap {
  overflow-x: auto;
  margin-top: 1rem;
}

.table-wrap table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.table-wrap th,
.table-wrap td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.table-wrap th {
  background-color: #f8f9fa;
  font-weight: 600;
  color: var(--DTColor_Heading);
}

.table-wrap tr:hover {
  background-color: #f8f9fa;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .phone-input-group {
    flex-direction: column;
    gap: 5px;
  }
  
  .country-code-select {
    min-width: 100%;
  }
  
  .customer-account-layout {
    flex-direction: column;
    gap: 20px;
  }
  
  .customer-sidebar {
    width: 100%;
    order: 1; /* Keep sidebar at top on mobile */
  }
  
  .customer-main-content {
    order: 2; /* Main content below sidebar */
  }
  
  .customer-nav {
    margin-bottom: 2rem;
  }
  
  .customer-nav-list {
    display: flex;
    overflow-x: auto;
    gap: 0;
  }
  
  .customer-nav-item {
    flex-shrink: 0;
  }
  
  .customer-nav-link {
    white-space: nowrap;
    padding: 1rem;
    border-bottom: 1px solid var(--DTColor_Border);
  }
  
  .customer-nav-item.active .customer-nav-link {
    border-bottom: 1px solid var(--DTColor_Border);
    color: #CD5C5C;
  }
  
  .customer-nav-link span {
    font-size: 0.9rem;
  }
  
  .account-details-section,
  .orders-section {
    padding: 1rem;
    margin-bottom: 2rem;
  }
  
  .address-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  
  .address-label {
    min-width: auto;
  }
}