/** Shopify CDN: Minification failed

Line 307:0 Unexpected "}"

**/
input.size-s, select.size-s, .bv_atual.size-s, .size-s input, .size-s select, .size-s .bv_atual { --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 0.65 * 2) }
input.size-m, select.size-m, .bv_atual.size-m, .size-m input, .size-m select, .size-m .bv_atual { --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 1.2 * 2) }
input.size-l, select.size-l, .bv_atual.size-l, .size-l input, .size-l select, .size-l .bv_atual { --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 1.35 * 2) }

/*.f8sr .l4vw + p { margin-left: 22px; }
	.f8sr .l4vw + p:before { display: none; }
	[dir="rtl"] .f8sr .l4vw + p { margin-left: 0; margin-right: 22px; }*/

/*@media only screen and (max-width: 1356px) {
.l4ft li { --mih: 22vw; }
} */
.l4al img, .l4al svg, .l4al picture { max-height: 25px !important; }

@media only screen and (max-width: 1356px) {
    .l4ft.static li.w33, .l4ft.static.w33 li { --mih: 22vw; }
    .l4ft.static li.w12,
    .l4ft.static li.w15,
    .l4ft.static li.w16,
    .l4ft.static li.w20,
    .l4ft.static li.w25,
    .l4ft.static li.w33,
    .l4ft.static.w12 li,
    .l4ft.static.w14 li,
    .l4ft.static.w16 li,
    .l4ft.static.w20 li,
    .l4ft.static.w25 li,
    .l4ft.static.w33 li { --mih: 22vw; }
}
@media only screen and (max-width: 1000px) { /* 1000 */
    #root .l4ft.mobile-compact li { --mih: 145px; }
}
@media only screen and (max-width: 760px) { /* 760 */
    h1, .h1, .l4cl.category h1, #root .l4cl.category .size-50 { font-size: var(--mob_h1); }
    h1, .h1, .l4cl.category h1, #root .l4cl.category .size-50 { font-size: var(--mob_h1); }
    h2, .h2, .l4cl.category h2 { font-size: var(--mob_h2); }
    h3, .h3, .l4cl.category h3 { font-size: var(--mob_h3); }
    h4, .h4, .l4cl.category h4 { font-size: var(--mob_h4); }
    h5, .h5, .l4cl.category h5 { font-size: var(--mob_h5); }
    h6, .h6, .l4cl.category h6 { font-size: var(--mob_h6); }
    .lead { font-size: var(--mob_lead); }

    .f8sr { --f8sr_dist: 20px; }
    .f8sr fieldset > *:not(h1, h2, h3, h4, h5, h6, :first-child):before { display: none; }
    .l4ft.static li.w12,
    .l4ft.static li.w15,
    .l4ft.static li.w16,
    .l4ft.static li.w20,
    .l4ft.static li.w25,
    .l4ft.static li.w33,
    .l4ft.static.w12 li,
    .l4ft.static.w14 li,
    .l4ft.static.w16 li,
    .l4ft.static.w20 li,
    .l4ft.static.w25 li,
    .l4ft.static.w33 li { --mih: 300px; }
    .l4vw li.active:not(:first-child:last-child) { display: none; }
}

/* Added for Layer and Pallet Calculation on 13-09-2023 */
/* THXG-750 */
/*.input-amount input, 
.f8ps .input-amount input {
	width: 75px !important;
} orignal css for Layer and Pallet Calculation */

/* 
div#shopify-section-sticky-add-to-cart ~ aside .semantic-amount::before {
	content: 'Cases';
	position: absolute;
	z-index: 2;
	left: -55px;
	top: 14px;
}
 */

footer .input-amount input {
    width: 115px!important; /* added by preeti for quntity btn 18-9-23*/
}

.cartLine.square footer p:last-child {
	margin-left: auto;
}

.semantic-amount a.incr,
.semantic-amount a.decr {
    border-width: 0;
}

.remaining-msg {
    flex-direction: column;
}

.remaining-msg p {
  margin-bottom: 0;
}

  #root .sideCartInput  .incr{ right: -64px; overflow: visible;}

  #root .sideCartInput .decr { bottom: -10px; right:-64px;}


/*Added By Viplove on 15112024 for Footer alignment*/
#shopify-section-footer {
    display: flex;
    justify-content: space-around; /* Use space-around or space-evenly for equal spacing */
    flex-wrap: wrap;
    gap: 0px; /* Optional: Adjust gap to set space between items */
}

#shopify-section-footer > .strong, #shopify-section-footer > .m6cn {
    flex: 1;
    min-width: 270px;
   
}

/*END by Viplove on 15112024 for Footer*/

/*Added By Viplove on 22112024 for Header Menu color change to orange from green on mouse hover*/

 /* Hover color for main menu and submenu, including the arrow */
    #nav > ul > li > a:hover,
    #nav-bar > ul > li > a:hover,
    #nav ul li ul li a:hover,
    #nav-bar ul li ul li a:hover {
      color: #F2521C !important; /* Color change for the menu text */
    }
    
    /* Add hover effect for arrow */
    #nav > ul > li > a:hover .submenu-arrow,
    #nav-bar > ul > li > a:hover .submenu-arrow,
    #nav ul li ul li a:hover .submenu-arrow,
    #nav-bar ul li ul li a:hover .submenu-arrow {
      color: #F2521C !important; /* Changes the arrow color when menu is hovered */
    }
    
    /* Selected (active) menu item color */
    #nav > ul > li.active > a,
    #nav-bar > ul > li.active > a,
    #nav ul li.active > a,
    #nav-bar ul li.active > a,
    #nav > ul > li[aria-current="page"] > a,
    #nav-bar > ul > li[aria-current="page"] > a,
    #nav ul li[aria-current="page"] > a,
    #nav-bar ul li[aria-current="page"] > a {
      color: #F2521C !important;
}

   

/*END by Viplove on 22112024 for Header Menu*/

/*Added By Viplove on 25112024 for Privacy Policy/Terms&condition page content font size*/
.w900   {
    font-size: 18px; /* Adjust the size as needed */
}

.shopify-section {
    font-size: 16px; /* Adjust the size as needed */
}
/*END by Viplove on 25112024 */

/*Added By Viplove on 03122024 for rearrange the margin of Sign-in form*/

.signin fieldset {
    padding: 0rem 1rem; /* Top and bottom: 0.5rem, left and right: 1rem */
    border: none; /* Optional for a clean look */
}

/*END by Viplove on 03122024 */

/* Customization ended */

.product__media img,
.product-single__photo img,
.product__photo img,
.featured-product__photo img {
  max-width: 200px !important;
  height: auto !important;
}

.product__media-thumbnail img,
.product-single__thumbnail img,
.product__thumbs img {
  max-width: 80px !important;
  height: auto !important;
}

.product__media .media img {
  max-width: 200px !important;
  height: auto !important;
}

.product-photo-main img,
.product-featured-img img {
  max-width: 200px !important;
  height: auto !important;
}

@media screen and (max-width: 768px) {
  .product__media img,
  .product-single__photo img,
  .product__photo img {
    max-width: 300px !important;
  }
}

/* ========================= */
/* Added: Header top nav sizing and dropdown width */
/* ========================= */

/* Container width (apply to both #nav-bar and #nav to cover theme variants) */
#nav-bar {
  max-width: 100px;
  width: 100%;
  margin: 0 auto;
}

#nav {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

/* Spacing between top-level menu items */
#nav-bar > ul > li {
  margin: 0 12px !important; /* adjust as needed */
}

#nav > ul > li {
  margin: 0 12px !important; /* adjust as needed */
}

/* Dropdown panel width */
#nav-bar .sub-static > ul,
#nav-bar .sub > ul,
#nav .sub-static > ul,
#nav .sub > ul {
  width: 1200px;          /* adjust as needed */
  max-width: 95vw;       /* keep responsive */
}

/*TH-XG750*/
/* 
.l4al.fixed {left: 50%;top: 50%;transform: translate(-50%, -50%);}
.l4al .overlay-rose {min-height: 200px;display: flex;flex-wrap: wrap;box-shadow: 5px 8px 18px #cfcece;align-items: center;}
#root .l4al .overlay-rose::before {background: #fff !important;}
.errorContainer .icon-error {display: none !important;}
.errorContainer .strong, .errorContainer p {padding: 0 !important;color: #000;}
.errorContainer .strong {font-size: 18px !important;}
.errorContainer p {font-size: 14px !important;}
.errorContainer .close {color: #000 !important;} */

.mix-match-promo-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 8px 0 14px;
}

.mix-match-promo-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  background-color: #E75025;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 4px;
}

.mix-match-promo-badge:hover {
  background-color: #E75025; /* keep same orange */
  color: #ffffff; /* force white text */
  opacity: 0.9;
}

.mix-match-promo-icon {
  width: 13px;
  height: 13px;
  fill: #ffffff;
  flex-shrink: 0;
  display: inline-block;
}
.mix-match-promo-wrapper .mix-match-promo-badge:hover,
.mix-match-promo-wrapper .mix-match-promo-badge:hover span,
.mix-match-promo-wrapper .mix-match-promo-badge:focus,
.mix-match-promo-wrapper .mix-match-promo-badge:focus span {
  color: #ffffff !important;
}

.mix-match-promo-wrapper .mix-match-promo-badge:hover .mix-match-promo-icon,
.mix-match-promo-wrapper .mix-match-promo-badge:focus .mix-match-promo-icon {
  fill: #ffffff !important;
}
.product-page-promo-wrapper {
  justify-content: flex-start;
  margin: 10px 0 16px;
}
}