/** Shopify CDN: Minification failed

Line 99:31 Expected identifier but found "!"
Line 102:26 Expected identifier but found "!"
Line 1942:3 Unexpected "}"
Line 2248:2 Expected identifier but found "*"
Line 4643:0 Expected "}" to go with "{"

**/
.collection-filters .range-slider .facets__price input {
    width: 62px !important;
}
/* Hide Shopify's dynamic checkout block on PDP only — we render our
   own "Buy Now" button next to Add to Cart so visitors aren't presented
   with multiple competing checkout buttons (PayPal / ShopPay / etc.).
   NOTE: We do NOT hide these on the actual /checkout page so express
   checkout (PayPal, Google Pay, Apple Pay, Shop Pay) remains visible. */
.template-product .product-form_dynamic-checkout,
.template-product .product-info .product-form_dynamic-checkout {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ma-make-an-offer #ma-make-an-offer-open-button {
    width: 100% !important;
}
.jdgm-star {
    font-family: 'JudgemeStar' !important;
}
.products-Start-Judge {
    padding: 10px;
}

.jdgm-write-rev-link.jdgm-write-rev-link {
    background-color: #e21e27 !important;
    border-color: #727272 !important;
}
.jdgm-star {
    color: #fbb03b !important;
}
.jdgm-submit-rev {
    background-color: #e21e27 !important;
    border-color: #727272 !important;
}
.jdgm-cancel-rev {
    color: #e21e27 !important;
    border-color: #727272 !important;
}
.jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown, .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow {
    color: #339999;
    color: #e21e27 !important;
    color: var(--jdgm-primary-color);
}
.jdgm-form input:not([type="submit"]):focus {
    border-color: #e21e27 !important;
}
.jdgm-form textarea:focus {
    border-color: #e21e27 !important;
}

#spopupCont {
    display: none;
}

.action-bottom a {
    width: 250px;
}
.action-bottom {
    margin-top: 30px;
}
.back-to-home a:hover {
    background-color: #489721 !important;
}
.Avada-CookiesBar_Content {
    display: inline-block !important;
}
.Avada-CookiesBar_Message {
    display: inline-block !important;
}

.Avada-CookiesBar_Footer {
    display: inline-block !important;
    float:right !important;
      margin-right: 95px;
}
.Avada-CookiesBar_Container {
    display: block !important;
}
.Avada-CookiesBar_Icon {
    display: inline-block !important;
}
.Avada-CookiesFull_bar {
    min-height: 50px !important;
}
.Avada-CookiesBar_BtnAgree {
    background-color: #e21e27; !important;
}
.Avada-CookiesBar__CookieIcon {
    --iconColor: #e21e27; !important;
}
.CookiesBar-Pop__Close{
  display:none !important;
}



.grid-1 .product-card_title {
    height: unset !important;
    padding-bottom: 20px;
}

.collection-card_image img {
    height: unset;
    width: revert-layer;
}

.product-card:hover .product-card_actions .btn-add-to-cart {
    background:rgb(94, 26, 21)  !important;
    border-color:rgb(94, 26, 21)  !important;
}
.cky-notice .cky-title {
    display: none !important;
}
.btn-add-to-cart {
    padding: 9px 0px;
}
button#rfq-collection-btn-0:hover {
    background: #222222 !important;
}

.rfq-collection-btn-0 {
    padding: 8px 0;
    font-size: 13.33px !important;
    border-radius: 5px;
    /* width: 168px !important; */
    margin: auto !important;
   font-weight: var(--font-bold);
   height: 35px;
}
.btn-add-to-cart svg path {
    fill: currentColor;
}
.btn-add-to-cart svg{
  margin: 0px 5px;
}
.grfq-quote-widget-half-top {
    display: none;
}
.rfq-collection-btn:hover {
    background-color: #222222 !important;
  cursor: pointer;
}
.pagination-holder .pagination li.active a:hover {
    background-color: #489721;
  border-color: #489721;
}
.article-card .article-card_footer .btn:hover {
    background-color: #489721;
     border-color: #489721;
}
.group-lc-wrapper{
  display: none;
}
.section-featured-blog{
  width:100% !important;
  overflow: hidden !important;
}
.wa__btn_popup{
  bottom:125px !important;
}
@media (min-width:1000px){
.wa__btn_popup{
  left: 36px !important;
}
}

[data-arn-action] .arn_icon-show-wishlist {
    fill: #000;
}
/* .product-info .product-wishlist-compare > a::after {
    content: "ADD TO WISHLIST";
} */
.header-menu > .menu-list > li span {
    font-size: 16px;
}
.product-wishlist-compare {
    display: none !important;
}

.topbar-wrapper .text {
    font-size: 15px;
}
.s2kwpi2 {
    color: #b85b27 !important;
}
.ma-make-an-offer-form-group input[type=checkbox] {
    -webkit-appearance: checkbox;
    height: unset;
}

.globo-formbuilder-wizard .spinner {
    display: none;
}

.header-logo .logo-desk{
margin-top:-14px;
}

.ma-make-an-offer button, .ma-make-an-offer-checkout-link {
    background-color: #7f231c !important;
      border: 1px solid #7f231c !important;
      
}

#section-template--16930789523715__main .col-sidebar {
    display: block !important;
}

.section-featured-blog .slider-controls {
  top: -19px;
}

.banner.edgeless .credit {
    display: none;
}

.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free") !important;
    font-weight: var(--fa-style,900) !important;
    color: white;
}

.fa-solid{
    font-family: "Font Awesome 6 Free" !important;
}
*{
  font-family: lato,sans-serif !important;
}
h1{
  font-size:36px !important;
}
h2{
  font-size:30px !important;
}
h3{
font-size:26px !important;
}
h4{
  font-size: 22px !important;
}
h5{
  font-size: 20px !important;
}
h6{
font-size:18px !important;
}

.product-card_actions .btn-add-to-cart {
    background-color: #80241e !important;
    width: 100%;
    border-radius: 5px;
}

.header-menu .menu-list li.highlight a {
    color: #e21e27 !important;
}

.section-search-box-banner .search-form input{
  border-color: #b85b27;
}

.section-template-404 .header-search {
    padding: 40px 0px;
    width: 50%;
    margin: auto;
}

/* ============= HOME PAGE CSS ================ */

.section-heading .heading:before {
  background: none;
}

#back-to-top {
    background-color: #e21e27;
}

.globo-formbuilder-wizard button.action.next.submit.classic-button.wizard__submit:hover {
    background: #489721;
}

#shopify-section-topbar #section-topbar {
    background-color: #f3f2f0 !important;
}

.section-heading {
    text-align: center !important;
    border: none !important;
    margin: unset !important;
}

.section-heading .heading {
    color: #000000 !important;
    padding: unset !important;
}

.countdown-position-2 {
    padding-top: 5px !important;
    padding-bottom: 15px !important;
}

.section-featured-collection {
    background-color: #f3f2f0 !important;
}

.product-card .product-card_title {
    color: #000!important;
    font-size: 19px!important;
    line-height: 1.2;
}

#section-template--16930789228803__6c5ba7c4-b0b9-46e0-8482-d094a8607b04 {
    margin: 80px 0 0 0 !important;
}

#slider-template--16930789228803__1650337789c75dce5d-mw {
    margin-top: 33px !important;
}

#section-template--16930789228803__13f21cd4-ed22-43ef-8ccc-9c477d1f3581 {
    padding: 60px 0px !important;
}

#section-template--16930789228803__13f21cd4-ed22-43ef-8ccc-9c477d1f3581 .section-body{
  margin-top:20px !important;
}

.section-list-brands .image-1 {
    margin-bottom: unset !important;
}

.section-list-brands .item {
    padding: 15px !important;
}

.section-list-brands .subtext {
    font-size: 16px !important;
}

.section-featured-blog .featured_blog__item-publish {
    display: none !important;
}

.section-logo-list .logo-item_inner img {
    height: unset !important;
    width: revert-layer;
}


/* ===== Home Page Testimonials Start ==== */


.home-testimonial {
  background-color: #80241d;
  width: 100%;
  padding: 10px 0px;
}
.testmonials2 {
  width: 100%;
}
.testmonials .tittle h2 {
    color: #fff;
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    font-family: Playfair Display;
    text-align: center;
    padding: 30px 0;
}

.testmonials2 h2 {
  font-size: 45px;
  color: #fff;
  font-weight: 700;
  font-family: "Playfair Display";
  text-align: center;
  padding: 60px 0px;
}

.testmonials-box2 {
  width: 100%;
  text-align: start;
  border-radius: 8px;
  height:194px;
}

.testmonials-box2 img {
  margin-bottom: 10px;
}

.testmonials-box2 p {
  color: #010000;
  font-size: 17px;
  font-family: 'Montserrat';
  margin-top: 15px;
}

.testmonials-box2 p a {
  color: #ef0000;
}

.testmonials-box2 h6 {
  width: 100%;
  color: #014423;
  font-size: 20px;
  font-family: 'Montserrat';
  margin-bottom: 15px;
}

.testmonials-box2 span {
  color: rgb(227, 189, 0);
}

.testmonials-slier2.slick-initialized.slick-slider {
  width: 100%;
  position: relative;
}

.testmonials-slier2.slick-initialized.slick-slider .slick-list.draggable {
  width: 100%;
  overflow: hidden;
}

.testmonials-slier2.slick-initialized.slick-slider .slick-slide {
  padding: 17px;
}

.testmonials-slier2.slick-initialized.slick-slider .slick-list.draggable .slick-track {
  display: flex;
}

.testmonials-slier2 .class-to-style.slick-arrow,
.testmonials-slier2 .class-style.slick-arrow {
  font-size: 20px;
  text-align: center;
  position: absolute;
  width: 50px;
  transform: none;
  right: 0;
  color: #ffffff;
  height: 50px;
  line-height: 51px;
  top: 40%;
  z-index: 1;
  border-radius: 30px;
  cursor: pointer;
  margin-right: -22px;
  margin-left: -41px;
}

.testmonials-slier2 .class-to-style.slick-arrow {
  left: 0;
}

.testmonials-slier2.slick-initialized.slick-slider ul.slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  align-items: center;
  width: 100%;
  display: none !important;
}

.testmonials-slier2.slick-initialized.slick-slider ul.slick-dots li {
  margin: 0px 10px;
}

.testmonials-slier2.slick-initialized.slick-slider ul.slick-dots li button {
  font-size: 0;
  border: transparent;
  background-color: #eaeaea;
  width: 15px;
  height: 15px;
  cursor: pointer;
  float: left;
  display: none;
}

.testmonials-slier2.slick-initialized.slick-slider ul.slick-dots button {
  border-radius: 50%;
  background-color: #014423;
}

.testmonials-slier2.slick-initialized.slick-slider ul.slick-dots li.slick-active button {
  background-color: #33922e;
  border-radius: 50%;
}

.testmonials2 .footter h6{
  color: #fff;
  margin-top: 40px;
  display: flex;
  align-items:center;
  justify-content: center;
  flex-wrap: wrap;
}
.testmonials2 .footter img {
    padding: 0px 11px;
}

/* ===== Home Page product hover effect start ==== */


#section-template--16930789228803__6c5ba7c4-b0b9-46e0-8482-d094a8607b04 .item:hover {
    background-color: #e21e27 !important;
  transition: all 1s;
}

#section-template--16930789228803__6c5ba7c4-b0b9-46e0-8482-d094a8607b04 .item:hover .text-box{
    background-color: #fff !important;
}

#section-template--16930789228803__6c5ba7c4-b0b9-46e0-8482-d094a8607b04 .item:hover .image{
    border-color: #fff !important;
}

#section-template--16930789228803__13f21cd4-ed22-43ef-8ccc-9c477d1f3581 .item:hover  .item {
    background-color: #e21e27 !important;
}
#section-template--16930789228803__13f21cd4-ed22-43ef-8ccc-9c477d1f3581 .item:hover {
    background-color: #e21e27 !important;
  transition: all 1s;
}

#section-template--16930789228803__13f21cd4-ed22-43ef-8ccc-9c477d1f3581 .item:hover  .subtext {
    color: #fff !important;
}

#section-template--16930789228803__13f21cd4-ed22-43ef-8ccc-9c477d1f3581 .item:hover  .image-1 img {
    filter: brightness(0) invert(1);
}

#section-template--16930789228803__13f21cd4-ed22-43ef-8ccc-9c477d1f3581 .item:hover  .view-all{
    color: #fff;
}

/* ===== Home Page product hover effect end ==== */


/* ===== Home Page Testimonials End ==== */


.contact-form .globo-formbuilder-wizard {
    padding: 20px;
}

a.view-all {
    font-size: 23px;
    padding-left: 80px;
  padding-top:25px;
}

#shopify-section-topbar{
  width:100% !important;
}

.need{
  display:none;
}

/* ===== Home Page Need section start ==== */

.need{
  background-color: #bc9460;
  text-align: center;
  padding: 40px 0px;
}

.need h1{
   color: #fff;
   font-size: 45px;
   font-weight: 700;
}

.need button {
  border: 3px solid #fff;
  background: transparent;
  padding: 0px 20px;
  color: #fff;
  font-size: 25px;
  margin-top: 16px;
  border-radius: 3px;
}


/* ===== Home Page Need section end ==== */


/* ===== Home Page Need modal start ==== */


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  display:inline-block;
  border: 1px solid #888;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* ===== Home Page Need modal end ==== */

.featured_blog__item-title{
  font-size: 20px !important;
  font-weight:500 !important;
}



/*================= HOME PAGE CSS END ============== */










/*================= PRODUCT PAGE CSS START ============== */
.body-main-content {
    overflow: hidden;
}
.porduct-details .shipping-time {
    display: none;
}
.searching .header-search {
    width: 50%;
    margin: auto;
    margin-bottom: 15px;
}

.sidebar-img {
    width: 100%;
}
body.template-product.template-product--default.cart-type-dropdown.rfq-theme-0.GRFQHidePrice.GRFQHideAddToCartButton.GRFQHideBuyNowButton {
    padding: 0px !important;
}
.secion-related-products {
    padding-top: 30px;
}

.ma-make-an-offer-button button {
    font-size: 18px !important;
    padding: 12px 27px !important;
}
.searching .header-search form {
    border: 2px solid #e21e27;
}

.searching .header-search form button {
    background-color: #e21e27;
    border: 1px solid #e21e27;
}

.btn-1 {
    background-color: #e21e27;
    border-color: #e21e27;
}

.btn-1:hover{
  background-color: #5e1a15 !important;
  border-color: #5e1a15 !important;
}

.porduct-details{
  text-align:center;
}

img.payment-strips {
    margin-top: 10px;
    width: 100%;
}


.submit-form {
  color: white;
  font-weight: 500;
  text-align: center;
  background-color: #b85b27;
  padding: 20px 30px;
  margin: 40px 0px;
  border-radius: 10px;
}

/* .submit-form p{
    padding: 0px !important;
    margin: 0px !important;
  } */



.submit-form input {
  margin: 5px 0px;
  width: 100%;
  background-color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 4px;
}

.header-search  input[placeholder] {
    font-size: 16px;
}

.submit-form input[placeholder] {
  font-weight: bold;
  color: black;

}

.submit-form button {
  margin: 10px 0px;
  border: none;
  background-color: white;
  padding: 5px 10px;
  border-radius: 4px;
}



/* ===== product page covred start ==== */

.covered {
  background-color: #80241d;
  text-align: center;
  margin-top:50px;
}

.covered h2 {
  color: white;
  font-size: 40px;
  padding: 35px 0px;
  font-family: arial;
}

.covered p {
  color: white;
  font-size: 25px;
  padding-bottom: 45px;
  margin:0px !important;
  font-family: arial;
}

.covered-icon-box {
  /* background-color: #e31e24; */
  margin-top: -16px;
  position: relative;
  padding-bottom: 50px;
}

.covered-icon-box::before {
  content: "";
  background-color: #80241d;
  position: absolute;
  width: 100%;
  height: 40%;
  top: 0%;
  left: 0%;
  z-index: -1;
}

.covered-box {
  margin: 10px 0px;
  text-align: center;
  padding: 10px 15px;
  padding-top:25px;
  background-color: #ffffff;
  box-shadow: 3px 3px 8px gray;
  border-radius: 8px;
  height: 147px;
}

.covered-icon img{
  float: right;
}

.covered-txt {
line-height: 25px;
color: #7f7f7f;
font-family: "Arial";
text-align: center;
  font-size:20px;
}

.covered-box i {
  font-size: 30px;
}

/* ===== product page  covred end ==== */

/* ===== logo product page line ==== */

.aeliya-logo img{
  width:100%;
}

.aeliya-logo{
  background-color:#e8e8e8;
     margin-top: -130px;
    padding-top: 120px;
    padding-bottom: 40px;
}

/* ===== logo product page  line ==== */



/* =====product page  quote section ==== */
.quote-section-main{
  padding: 70px 0px;
  background-color: #e8e8e8;
}
.quote-section {
  background-color: #e1e1e1;
  padding: 80px 0px;
  text-align: center;
  background-image: url(/cdn/shop/files/wE_CAN_QUOTE_YOU.png?v=1704714563);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.quote-section h2 {
  color: #311e1f;
  font-family: arial;
}

.quote-section p {
  font-size: 20px;
  font-weight: 500;
  padding: 20px 0px;
  font-family: arial;
}

.quote-section button {
  background-color: #e21e27;
  color: white;
  font-weight: bold;
  border: none;
  padding: 7px 20px;
  border-radius: 33px;
  font-size: 23px;
  font-family: arial;

}
.quote-section button:hover{
  cursor: pointer;
  background-color: #489721;
}


/* =====product page quote section ==== */


/* ===== product page  Testimonial start ====  */


.testimonial-section-main{
  position: relative;
}

.testimonial-bg::before{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%; 
  background-image: url(/cdn/shop/files/Aeliya_watermark_copy_2_3_1.png?v=1707740887);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.testmonials-slier.slick-initialized.slick-slider {
    margin-left: 10px;
}

.testimonial-bg::before{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0%;
  left: 0%; 
  background-color: #e8e8e8 ;
  z-index: -2;
}




.testimonial-section {
  width: 100%;
  padding-top:200px;
  padding-bottom: 150px;
}

.review-box {
  /* text-align: center; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.review-box h3 {
  color: white;
  font-weight: 700;
  font-size: 20px;
  font-family: arial;
  text-align:center;
}

.exc-icon {
  padding: 10px 0px;
}

.review-box i {
  color: rgb(227, 189, 0);
  font-size: 30px;
}

.review-box img {
 margin: 10px 0px;
}



.testmonials {
  width: 100%;
}

.testmonials h1 {
  font-size: 45px;
  color: #262626;
  font-weight: 700;
  font-family: arial;
  text-align: center;
}

.testmonials-box {
  width: 100%;
  text-align: start;
  margin-top: 20px;
  background-color: #fff;
  padding: 20px 20px;
  height: 272px;
  border-radius: 8px;
}

.testmonials-slier.slick-initialized.slick-slider .slick-slide {
    padding: 0px  !important;
  border-radius:10px;
}

.testmonials-box img {
  margin-bottom: 10px;
}

.testmonials-box p {
  color: #010000;
  font-size: 17px;
  font-family: arial;
}

.testmonials-box p a {
  color: #ef0000;
}

.testmonial-txt{
font-family: "Myriad Pro";
}

.testmonials-box h6 {
  width: 100%;
  color: #014423;
  font-size: 20px;
  font-family: 'Montserrat';
  margin-bottom: 15px;
}

.testmonials-box span {
  color: rgb(227, 189, 0);
}

.testmonials-slier.slick-initialized.slick-slider {
  width: 100%;
  position: relative;
}

.testmonials-slier.slick-initialized.slick-slider .slick-list.draggable {
  width: 100%;
  overflow: hidden;
}

.testmonials-slier.slick-initialized.slick-slider .slick-list.draggable .slick-track {
  display: flex;
}

.testmonials-slier .class-to-style.slick-arrow,
.testmonials-slier .class-style.slick-arrow {
  font-size: 20px;
  text-align: center;
  position: absolute;
  width: 50px;
  transform: none;
  right: 0;
  color: #ffffff;
  height: 50px;
  line-height: 51px;
  top: 40%;
  z-index: 1;
  border-radius: 30px;
  cursor: pointer;
  margin-right: -22px;
  margin-left: -41px;
}

.testmonials-slier .class-to-style.slick-arrow {
  left: 0;
}

.testmonials-slier.slick-initialized.slick-slider ul.slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  align-items: center;
  width: 100%;
}

.testmonials-slier.slick-initialized.slick-slider ul.slick-dots li {
  margin: 0px 10px;
}

.testmonials-slier.slick-initialized.slick-slider ul.slick-dots li button {
  font-size: 0;
  border: transparent;
  background-color: #eaeaea;
  width: 15px;
  height: 15px;
  cursor: pointer;
  float: left;
  display: none;
}

.testmonials-slier.slick-initialized.slick-slider ul.slick-dots button {
  border-radius: 50%;
  background-color: #014423;
}

.testmonials-slier.slick-initialized.slick-slider ul.slick-dots li.slick-active button {
  background-color: #33922e;
  border-radius: 50%;
}


.testmonial-logo {
  display: inline-block;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #311e1f;
}

.testmonial-middle {
  display: inline-block;
  padding-left: 15px;

}

.testmonial-middle h2 {
  font-size: 22px;
  margin: 0px !important;
  padding: 0px !important;
  font-weight: bold;
}

.testmonial-end {
  display: inline-block;
  float: right;
}

.testmonial-end img {
  height: 40px;
}

/* =====product page Testimonial end ====  */


/* ===== product page Searching start ===== */
.searching-main{
  padding:70px 0px;
  background-color: #e8e8e8;
}
.searching {
  background-color: #e1e1e1;
  padding-top: 60px;
  text-align: center;
  background-image: url(/cdn/shop/files/Continue_Searching.png?v=1704791168);
  background-repeat: no-repeat;
  background-size: cover;
}


.searching h2 {
  color: #311e1f;
  font-size: 40px;
  font-weight: bolder;
}

.searching span {
  color: #311e1f;
}

.searching p {
  font-weight: 500;
  font-size: 20px;
  padding: 20px 0px;
}

.searching .input-group {
  width: 40%;
  margin: auto;
  padding-bottom: 22px;
}

.searching .input-group input {
  border-bottom-left-radius: 33px;
  border-top-left-radius: 33px;
  background-color: #b73631;
  border: none;
  padding: 8px;
  width: 80%;
  margin-right:-25px;
  
}

.searching button:hover{
  cursor: pointer;
  background-color: #489721;
}

.view-all button:hover{
 background-color: unset;
}

.searching a{
  display: inline-block;
}

.searching .input-group input::-webkit-input-placeholder {
  color: white;
}

.searching .input-group span {
  border-top-right-radius: 33px;
  border-bottom-right-radius: 33px;
  border: none;
  background-color: #b73631;
  color: white;
  font-size: 20px;
  padding: 11px 20px 14px 20px;
}

.btn-box button {
  background-color: #e21e27;
  color: white;
  font-weight: 500;
  border: none;
  border-radius: 33px;
  padding: 5px 20px;
  margin: 10px 10px;
  font-size: 20px;
}

.view-all button {
  border: none;
  background: transparent;
  font-size: 20px;
  margin: 25px 0px;
}

.view-all button i {
  margin: 0px 5px;
}

/* ===== product page Searching ends ===== */



/* ===== product page Connect start ==== */

.connect {
  padding-top:20px;
  text-align: center;
  background-color: #ffffff;
}

.connect h2 {
  color: #3c1f1b;
  font-size: 40px;
  font-weight: bolder;
  padding-bottom: 20px;
}

.media-box {
  padding: 17px 0px;
  height: 185px;
  
}

.media-box i {
  font-size: 50px;
  color: #3c1f1b;
}

.media-box .chat{
padding:7px 0px !important;
width: 60px;
}

.media-box .email{
padding:9px 0px !important;
}

.media-box h4 {
  color: #3c1f1b;
  font-weight: 700;
  padding: 5px 0px !important;
}

.media-box p {
  font-size: 19px;
  color: gray;
  padding: 0px 32px !important;
  margin: 0px !important;
  line-height: 1.1;
}

/* ===== product page Connect end ==== */


/* ============= All PRODUCT PAGE CSS END ================ */

.page-collection-template .sb-widget .sb-menu .sb-title {
    font-weight: var(--font-body-weight);
    margin-left: 0;
    margin-right: 0;
    padding: 0 22px var(--gutter-xs);
    display: none;
}


.paypal-button.paypal-button-color-gold{
  background: #b85b27 !important;
}

.products-description-n p {
    text-align: justify;
}




#shopify-section-footer-widget .footer-content .newsletter-container {
    background-color: #1f1513 !important;
}

.footer .newsletter-container form button{
background-color: #e21e27 !important;
}
.logo-item_inner span {
  padding-top: 57% !important;
}














@media (min-width:1442px){
  .testmonials-box2 {
    height: 160px;
}
  .product-card .product-card_title{
    font-size:16px !important;
  }
}
a.myText {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    color: #333e48 !important;
    text-align: center;
    min-height: 33px;
}
@media (max-width:1442px){
#shopify-section-template--16930789228803__862dfbd5-0588-4188-b15c-72194e258afd .logo-item_inner span {
    padding-top: 72% !important;
}
    .testimonial-section {
    padding-top: 150px;
    padding-bottom: 150px;
}
    .product-card .product-card_title {
    font-size: 17px !important;
    height: 40px !important;
    font-size: 17px !important;
    display: -webkit-box;
     -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2;
     overflow: hidden;
     color: #333e48 !important; 

}
.product-card_vendor-title {
    padding: 0px 0px 0px 0px !important;
}
.metafiled_data1 {
    font-size: 14px !important;
}
}
@media (max-width:1200px){
.testmonials2 h2 {
    padding: 0px 0px 60px 0px ;
}
  .submit-form {
    padding: 20px 8px;
}
    .testimonial-bg {
    background-color: #1f1612;
    padding: 50px 0px;
}
  .testimonial-section {
   padding: 0px;
}
  .home-testimonial {
    padding-bottom: 40px;
}
    .product-card .product-card_title {
    font-size: 16px!important;
}
  .submit-form input[placeholder] {
    font-size: 15px;
}
  h1{
    font-size: 28px !important;
  }
  .aeliya-logo{
     margin-top: -230px;
    padding-top: 213px;
}
  .Avada-CookiesBar_Footer {
    display: inline-block!important;
    float: unset !important;
    margin-right: 62px;
}

      .product-card .product-card_title {
    height: 120px !important;
    font-size: 16px !important;
}
    
}
@media (max-width:992px){
  .need h1 {
    font-size: 26px;
}
  .quote-section h1 {
    font-size: 25px;
}
  .testmonials .tittle h1 {
    font-size: 25px;
}
  .section-heading .heading {
    font-size: 21px !important;
}
  .home-testimonial {
    padding-bottom: 50px;
}
  #shopify-section-template--16930789228803__b373cbc5-092d-4548-9b99-d4f25c9ebd1d .featured_blog__item {
    width: 50% !important;
}
  .covered p {
    font-size: 18px;
}

h2 {
    font-size: 22px !important;
}
  .footer .newsletter-container form button {
    padding: 6px 21px;
}
  #collection-product-grid.grid-2 .product-card .product-card_actions .btn-add-to-cart {
    height: 32px;
    padding: 0px var(--gutter-sm);
}
  #shopify-section-template--16930789261571__main .grid-5 {
    grid-template-columns: repeat(3, 1fr);
}
  .btn-box button {
  font-size: 16px;
}
  .quote-section button {
  font-size: 17px;

}
    #shopify-section-template--16930789228803__6c5ba7c4-b0b9-46e0-8482-d094a8607b04 .list-collection .collection-item.col-md-2.col-6{
    flex: 0 0 32.666667%;
    max-width: 33.666667%;
  }
  .section-search-box-banner .section-body-inner{
    padding-left:0px !important;
  }

.slider-item .product-card .product-card_title {
    height: 70px!important;
  }

  .product-card .product-card_title {
    height: 75px!important;
    font-size: 16px!important;
}

  .product-media .image__style {
  padding-top: 80% !important; }
}


@media (max-width:768px){
    .section-search-box-banner .section-body-inner {
    padding-top: 140px !important;
    padding-bottom: 170px !important;
}
  .banner.edgeless .message {
    font-size: 15px;
}

    #shopify-section-template--16930789228803__6c5ba7c4-b0b9-46e0-8482-d094a8607b04 .list-collection .collection-item.col-md-2.col-6{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .testmonials-slier2 .class-to-style.slick-arrow, .testmonials-slier2 .class-style.slick-arrow {
    display: none !important;
}
  .featured_blog__item-title {
    font-size: 17px!important;
}
.product-tabs ul.nav-controls li.active {
    font-size: 18px !important;
}
  .section-header .subheading {
    margin-top: 15px !important;
}
  .searching .header-search {
    width: 90%;
}
  h1 {
    font-size: 25px!important;
}
  h3{
    font-size: 21px !important;
  }
  .section-template-404 .header-search {
    width: 90%;
}
    .aeliya-logo{
     margin-top: -430px;
    padding-top: 422px;
}
    #shopify-section-template--16930789228803__6c5ba7c4-b0b9-46e0-8482-d094a8607b04 .list-collection img.overlay-ui.w-100.h-100.lazyautosizes.lazyloaded{
    height: auto !important;
    width:revert-layer !important;
  }
  .section-list-collections .image {
    text-align: center;
}
  .Avada-CookiesBar_Content {
    display: flex !important;
        flex-direction: column;
    align-items: center;
}
  .Avada-CookiesBar_Footer {
    display: flex !important;
    align-items: center;
    justify-content:center;
    margin-left: 55px;
    justify-content: center;
    float:unset !important;
      margin-right: unset !important;
    margin-left:0px !important;
}
}


@media (max-width:480px){
  .product-card .product-card_title {
    /* height: 40px!important; */
    font-size: 16px!important;
}
  .aeliya-logo {
    display: none;
}
  .short-desc strong {
    font-weight: 300;
    color: #000;
}
  .product-card .product-card_title {
    font-weight: 600;
}
  .grid-1 .product-card_title {
    font-weight: 600 !important;
}
  .header-logo .logo-desk{
margin-top:5px;
  width:110px !important;
margin-left:65px;
}

  #shopify-section-template--16930789228803__6c5ba7c4-b0b9-46e0-8482-d094a8607b04 .list-collection img.overlay-ui.w-100.h-100.lazyautosizes.lazyloaded{
    height: auto !important;
    width:revert-layer !important;
  }
  .section-list-collections .image {
    text-align: center;
}
  .quote-section {
    background-color: #e9e9e9;
    padding: 70px 0;
    background-size: inherit;
}
  .media-box{
  height:170px;
  }

  .rfq-collection-btn-0 {
    padding-top: 5px;
    padding-bottom: 8px;
}

  .connect .connect-box{
    width:90%;
    margin:auto;
  }
  .quote-section-main {
    padding: 0px 0px !important;
}
  .covered-icon-box:before {
    height: 100%;
}
  #product-sidebar {
    margin-top: 40px;
}
  .lable_of_meta{
    width:43% !important;
    overflow-wrap: anywhere;
  }
  .tab-item strong,div{
  font-size:17px;
    font-weight:400;
  }
  .tab-item h2{
    font-size:21px !important;
  }
  .metafiled_data {
    width: 57% !important;
    overflow-wrap: anywhere;
}
  .aeliyabrands .aeliyabrandsdetail{
  width:50%;
  }
  a.view-all {
    font-size: 17px;
    margin-bottom:-22px;
    padding-top:0px;
}

  .compliance{
    width: 76px;
    font-size: 14px;
    text-align: start;
  }
  .banner.edgeless .message {
    font-size: 12px;
    line-height: 1.6;
}
      #shopify-section-template--16930789228803__6c5ba7c4-b0b9-46e0-8482-d094a8607b04 .list-collection .collection-item.col-md-2.col-6{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section-search-box-banner .section-body-inner {
    padding-top: 100px !important;
    padding-bottom: 116px !important;
}
    .section-search-box-banner .search-form input{
    height:40px !important;
  }
  .section-search-box-banner .search-form button{
    padding: 0px !important;
  }
.page-collection-template .collection-sorting select {
    padding: 10px 32px 10px 14px;
    font-size: 15px;
}
  .section-search-box-banner .search-box-heading p:last-child {
    font-size: 28px;
    line-height: 1;
    font-weight:500;
}
    .quote-section h1 {
    font-size: 18px;
}
  .testmonials2 h2 {
    font-size: 20px !important;
}
  .testmonial-logo {
    height: 35px;
    width: 35px;
}
  .testmonial-middle {
    display: inline-block;
    padding-left: 0px;
}
  .testmonial-middle h3 {
    font-size: 16px !important;
}
  .testmonial-middle p {
    font-size: 14px;
}
  .testmonials-box span {
    padding-bottom: 3px;
    display: inline-block;
    margin-top: 10px;
}
  .media-box p {
    font-size: 18px;
}
    h1{
    font-size: 22px !important;
  }
  h4 {
    font-size: 18px!important;
}
  h3{
    font-size:19px !important;
  }
  .section-header-department .hd-list {
    flex-wrap: wrap;
}
  .section-header-department .hd-list li {
    max-width: 40%;
}

  .newsletter-title .text-color {
    font-size: 20px;
}

    #shopify-section-template--16930789261571__main .grid-5 {
    grid-template-columns: repeat(2, 1fr);
}
  .template-product .swatch-group_title{
    padding-bottom: 17px;
    width:160px;
  }


}
/* is start */
.aeliyabrands .aeliyabrandsdetail {
   /* box-shadow: 5px 8px #cebaba; */
    justify-content: center;
    display: flex;
    align-items: center;
}
.aeliyabrands .branddetail {
    text-align: center;
    padding-bottom: 20px;
}
.aeliyabrands .brandimage {
    padding-top: 10px;
}
/* .aeliyabrands .brandimage:hover {
    transform: scale(0.5);
} */
.row.brandsrow {
    margin-bottom: 19px;
}
.aeliyabrands .aeliyabrandsdetail:hover {
    /* box-shadow: 10px 10px 5px 12px #acacac; */
      box-shadow: 5px 5px 4px 5px #c7c7c7;
 
}
/* is end */


#collection-product-grid .product-card .list-view-content .short-description{
  display: block !important;
}






.metafiled_data {
    padding: 10px;
    display: flex !important;
    justify-content: center;
    align-content: center;
    flex-direction: column;
      text-align: left;
}
  .lable_of_meta {
          border-right: 1px solid #ddd;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: center;
        text-align: left;
        
}
  .metafield {
    display: flex;
    border: 1px solid #ddd;
        
}
.meta_filed_Section {
    margin: 10px 0 !important;
}
  @media (min-width: 320px) and (max-width: 767px){
    .lable_of_meta {
       width: auto;
   }
  }

.popup-component_box_content .js-product-quantity {
    display: none !important;
}


/* css for full width Section */
@media (min-width: 1200px) and (max-width: 1441px) {
  
    .template-product .container {
   max-width: 100% !important;
 }
   .template-product .header-group .container {
   max-width: 1200px !important;
 }
 .template-product .section-breadcrumb .container {
   max-width: 1400px !important;
 }                  
 .template-product .section-product-template .container {
   max-width: 1400px !important;
 }
 .template-product .footer-content .container {
   max-width: 1400px !important;
 }
 }

 @media (min-width: 992px) and (max-width: 1199px) {  
   .template-product .container {
   max-width: 100% !important;
 }
 .template-product .header-group .container {
   max-width: 1440px !important;
 }
 .template-product .section-breadcrumb .container {
   max-width: 1440px !important;
 }                  
 .template-product .section-product-template .container {
   max-width: 1440px !important;
 }
 .template-product .footer-content .container {
   max-width: 1440px !important;
 }
 }
 
 @media (min-width: 767px) and (max-width: 991px) {
   
   .template-product .container {
   max-width: 100% !important;
 }
 .template-product .header-group .container {
   max-width: 980px !important;
 }
 .template-product .section-breadcrumb .container {
   max-width: 980px !important;
 }                  
 .template-product .section-product-template .container {
   max-width: 980px !important;
 }
 .template-product .footer-content .container {
   max-width: 980px !important;
 }
 }

 @media (min-width: 320px) and (max-width: 767px) {
   .template-product .container {
   max-width: 100% !important;
   padding: 5px !important;
 }
 body.template-product.template-product--default.cart-type-dropdown.rfq-theme-0 {
padding: 0px !important;
}
   .template-product .header-group .container {
   max-width: 760px !important;
 }
 .template-product .section-breadcrumb .container {
   max-width: 760px !important;
 }                  
 .template-product .section-product-template .container {
   max-width: 760px !important;
 }
 .template-product .footer-content .container {
   max-width: 760px !important;
 }
 }
 @media (min-width: 1441px) {  
   .template-product .container {
   max-width: 100% !important;
 }
 .template-product .header-group .container {
   max-width: 1440px !important;
 }
 .template-product .section-breadcrumb .container {
   max-width: 1440px !important;
 }                  
 .template-product .section-product-template .container {
   max-width: 1440px !important;
 }
 .template-product .footer-content .container {
   max-width: 1440px !important;
 }
   
/* Default styles (for larger screens) */
.condition-container {
  font-size: 16px;  
  color: #333; 
  margin: 10px 0; 
}

.condition-label {
  font-weight: normal; 
  color:rgb(255, 255, 255); 
}

.condition-value {
  background-color: #ffcd01; 
  padding: 5px 10px; 
  border-radius: 4px; 
  color: #525252; 
}

/* For tablets and smaller screens */
@media (max-width: 768px) {
  .condition-container {
    font-size: 14px; 
    margin: 8px 0; 
  }

  .condition-value {
    padding: 4px 8px; 
  }
}

/* For mobile screens */
@media (max-width: 480px) {
  .condition-container {
    font-size: 12px; 
    margin: 6px 0; 
  }

  .condition-label {
    font-size: 12px; 
  }

  .condition-value {
    font-size: 12px; 
    padding: 3px 6px; 
  }
}
   }
   }

 

   /* seacrch by muddu css */

  .custom-search-wrapper {
  max-width: 450px;
  position: relative;
  z-index: 10;
}

.custom-search-form {
  display: flex;
  border: 2px solid #000;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  width: 400px;
}
@media (max-width:480px){
  .custom-search-form {
  display: flex;
  border: 2px solid #a49b9b;
  border-radius: 25px;
  overflow: hidden;
  background: #fff;
  width: 320px !important;
  margin: 0 auto;
}
  .custom-search-results {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 10px;
    margin-top: 10px;
    position: absolute;
    /* width: 300px !important; */
    z-index: 9999;
    /* max-width: 308px !important; */
} 
.custom-search-input {
    height: 40px;
}
li.icon-item.m-icon-search {
    display: none !important;
}
}
.custom-search-input {
  flex: 1;
  padding: 10px 12px;
  font-size: 14px;
  border: none;
  outline: none;
}

.custom-search-button {
  /* background: linear-gradient(to right, #3c3b3f, #605c3c); */
  border: none;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.custom-search-button svg {
  width: 30px;
  height: 22px;
  fill: #000;
}

.custom-search-results {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-radius: 8px;
  padding: 10px;
  margin-top: 10px;
  position: absolute;
  width: 100%;
  z-index: 9999;
}

.custom-search-results a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
  margin-bottom: 10px;
}

.custom-search-results img {
  width: 60px;
  height: 60px;
  margin-right: 12px;
  object-fit: cover;
  border-radius: 6px;
}
/* seacrch by muddu css end */
.product-card_price_action {
    min-height: 23px;
}
/* product page css thumthumbnails */

@media screen and (min-width: 1025px) {
  /* Main wrapper: side by side layout */
  .MagicToolboxContainer {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }

  /* Thumbnails container on LEFT */
  .MagicToolboxSelectorsContainer {
    order: 0 !important;
    width: 175px !important;
    max-height: 600px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
    z-index: 5 !important;
  }

  /* Force MagicScroll containers to vertical */
  #msc-selectors-container,
  #msc-selectors-container .mcs-wrapper,
  #msc-selectors-container .mcs-items-container {
    flex-direction: column !important;
    transform: none !important;
    overflow: visible !important;
    height: 400px !important;
  }

  /* Each thumbnail item */
  .MagicToolboxSelectorsContainer .mcs-item {
    display: block !important;
    width: 100px !important;
    height: auto !important;
    margin: 6px 0 !important;
    flex: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Break inline styles applied by MagicScroll */
  .MagicToolboxSelectorsContainer .mcs-item[style] {
    width: 100px !important;
    height: auto !important;
    display: block !important;
    /* width: 100% !important; */
  }

  /* Main product image on right */
  .MagicToolboxSlides {
    order: 1 !important;
    /* flex: 1 !important; */
    max-width: calc(100% - 140px) !important;
  }

  /* Remove horizontal arrows */
  .MagicScroll-horizontal .mcs-button {
    display: none !important;
  }
  /* Product Gallery Thumbnails */
.product-thumbnails {
  display: flex;
  gap: 10px; /* space between thumbnails */
  margin-top: 15px;
  justify-content: center;
}

.product-thumbnails img {
  object-fit: cover; /* crop properly without stretching */
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s, transform 0.3s;
}

/* Hover effect */
.product-thumbnails img:hover {
  border-color: #000;
  transform: scale(1.05);
}

/* Active/Selected Thumbnail */
.product-thumbnails img.active {
  border: 2px solid #0073e6;
}

}
.price-sale.js-price {
    font-size: 20px;
}@media (min-width: 1100px) {
    .template-collection--main-category.cart-type-dropdown .container {
        max-width: 1400px;
    }
}
/* css end */


more-payment-options-link {
    display: inline-block;
    width:48%;
    position: absolute;
}
shopify-paypal-button {
    display: inline-block;
    width: 50%;
    margin-right: 12px;
}
/* ---------- Product image zoom ----------
   Hover  -> 2x preview  (.zoom-active)
   Click  -> locked 5x   (.zoom-full)
   Click again / Esc / click-outside -> exit
*/
.zoom-container {
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
}

.zoom-container img {
  display: block;
  transition: transform 0.25s ease;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* 2x preview on hover */
.zoom-container.zoom-active img {
  transform: scale(2);
}

/* Locked full zoom on click */
.zoom-container.zoom-full {
  cursor: zoom-out;
}
.zoom-container.zoom-full img {
  transform: scale(5);
  cursor: zoom-out;
}
@media (min-width:1000px){
.product-info.row {
    align-items: flex-start;
}
 
.col-12.col-lg-6.product-info_media {
    position: sticky;
    top: 90px;
}
 
body.template-product.template-product--default.cart-type-dropdown.rfq-theme-0 .body-main-content {
    overflow: unset !important;
}

/* Apply to your dropdown menu */
/* /* Fix dropdown panel positioning */
.header-menu .dropdown-menu,
.header-menu .dropdown-menu.dropdown-menu--sublinks {
  position: absolute !important;
  top: 100% !important;
  left: 0;
  width: 700px !important;
  z-index: 9999;            /* bring dropdown in front of banner */
  background: #fff !important;
  padding: 0;
  margin: 0;
}

/* The UL grid */
.header-menu .dropdown-menu .menu-list {
  display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        list-style: none;
        padding: 10px 10px;
        /* margin: 0 auto; */
        max-width: 100%;
        background: #fff;
        position: relative;
        /* z-index: 10000; */
        /* text-align: end;
}

/* Each item */
.header-menu .dropdown-menu .menu-list li {
  list-style: none;
  margin: 0;
  padding: 5px 0;
  position: relative;
  z-index: 10001;
}

/* Links */
.header-menu .dropdown-menu .menu-list li a {
  text-decoration: none;
  font-size: 15px;
  color: #333;
  transition: color 0.2s ease;
  position: relative;
  z-index: 10002; /* keep text above everything */
} */

}
.header-menu > .menu-list > li .dropdown-menu--sublinks li:hover > .menu-item_wrapper > a, .header-menu > .menu-list > li .dropdown-menu--sublinks li:hover > .menu-item_wrapper svg, .header-menu > .menu-list > li .dropdown-menu--sublinks li:hover > a {
        font-weight: bold;  
    }


button#rfq-collection-btn-0 {
    background: #80241e !important;
    /* width: 85% !important;
    margin-bottom: 10px !important; */
}

.product-card_vendor-title {
    padding: 0px 0px 0px 10px;
}
.product-card-review-new .jdgm-prev-badge {
    min-height: 30px !important;
    font-size: 12px;
    margin-left: 11px;
}
button.p1.btn.btn-1.btn-add-to-cart.js-atc-btn {
    width: 100%;
}
.product-buttons {
    display: none !important;
}
span.jdgm-prev-badge__stars {
    font-size: 13px;
}
.price {
    font-weight: bold;
}
img.leftshapeofvec {
    filter: brightness(0) saturate(100%) invert(13%) sepia(63%) saturate(1655%) hue-rotate(336deg) brightness(96%) contrast(101%);

}

img.rightshapeofvec {
  filter: brightness(0) saturate(100%) invert(13%) sepia(63%) saturate(1655%) hue-rotate(336deg) brightness(96%) contrast(101%);
}
@media (min-width:1000px){
main#main-content {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.section-wrapper.d-grid {
    padding: 25px !important;
}
}
.section-wrapper.d-grid {
    padding: 15px !important;
}
.footer-contact-details .icon-box {
    color: #ffffff;
}
.section-footer-widget h6 {
    color: #ffd769;
}
.footer-contact-details a {
    color: #ffffff  !important;
}
i.fa.fa-phone {
    color: #ffffff !important;
}

i.fa.fa-envelope {
    color: #ffffff !important;
}
@media (max-width:480px){
.product-info_title {
    margin-bottom: 0px !important;
}
}
.product-media_thumbnails span.image__style.position-relative.zoom-container {
    transform: none !important;
  cursor: pointer !important;
  pointer-events: none !important;
}
span.image__style.position-relative.zoom-container {
    min-height: 6.5rem !important;
}
a.explore-btn:hover {
    color:rgb(255, 255, 255) !important;
    background-color:rgb(0, 0, 0) !important;
}

@media(min-width: 1024px){
.overload-5-image{
  width: 135% !important;
  object-fit: cover;
}
}


/* =========================================================
   CUSTOM OVERRIDES — May 2026
   1) Request-for-Quote button color (distinct from ATC/Buy Now)
   2) Highlighted Add to Cart / Buy Now buttons
   3) Fixed product image height across pages
   ========================================================= */

/* ---------- 1) REQUEST FOR QUOTE BUTTON ----------
   RFQ buttons render in two places:
   - Sealapps "Easy Quote" app on product pages -> .easy-quote-button
   - In-theme RFQ buttons on collection / card -> .rfq-collection-btn, #rfq-collection-btn-0
   Make them a clearly different (secondary) color so ATC stands out.
*/
.easy-quote-button,
.easy-quote-button:not(:hover),
button.easy-quote-button,
.rfq-collection-btn,
.rfq-collection-btn-0,
button#rfq-collection-btn-0,
button[id^="rfq-collection-btn"],
a.rfq-collection-btn,
.rfq-quote-widget-btn {
    background: #4a4a4a !important;
    background-color: #4a4a4a !important;
    color: #ffffff !important;
    border-color: #4a4a4a !important;
}

.easy-quote-button:hover,
button.easy-quote-button:hover,
.rfq-collection-btn:hover,
.rfq-collection-btn-0:hover,
button#rfq-collection-btn-0:hover,
button[id^="rfq-collection-btn"]:hover,
a.rfq-collection-btn:hover,
.rfq-quote-widget-btn:hover {
    background: #222222 !important;
    background-color: #222222 !important;
    color: #ffffff !important;
    border-color: #222222 !important;
}


/* ---------- 2) HIGHLIGHTED ADD TO CART / BUY NOW ----------
   Brand maroon (#80241e) is kept, but reinforced with a heavier
   weight, slightly larger text and a subtle shadow so it visually
   dominates over the secondary RFQ button.
   Applies to product cards, PDP main button and dynamic checkout.
*/
.btn-add-to-cart,
.product-card_actions .btn-add-to-cart,
button.p1.btn.btn-1.btn-add-to-cart.js-atc-btn,
.product-detaitls_form .btn-add-to-cart {
    background-color: #80241e !important;
    border-color: #80241e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(128, 36, 30, 0.25);
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, transform .15s ease-in-out;
}

.btn-add-to-cart:hover,
.product-card:hover .product-card_actions .btn-add-to-cart,
.product-card_actions .btn-add-to-cart:hover,
button.p1.btn.btn-1.btn-add-to-cart.js-atc-btn:hover,
.product-detaitls_form .btn-add-to-cart:hover {
    background-color: #5e1a15 !important;
    border-color: #5e1a15 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(128, 36, 30, 0.35);
    transform: translateY(-1px);
}

/* Dynamic checkout / Buy Now button — accent the same maroon family */
.product-form_dynamic-checkout .shopify-payment-button__button,
.product-info .shopify-payment-button__button,
.shopify-payment-button__button--unbranded {
    background-color: #80241e !important;
    border-color: #80241e !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(128, 36, 30, 0.25);
}

.product-form_dynamic-checkout .shopify-payment-button__button:hover,
.product-info .shopify-payment-button__button:hover,
.shopify-payment-button__button--unbranded:hover {
    background-color: #5e1a15 !important;
    border-color: #5e1a15 !important;
}

/* Custom "Buy Now" button — sits next to Add to Cart on PDP.
   Darker maroon so visitors can tell the two CTAs apart at a glance.
   Both buttons are pinned to identical dimensions so they always look
   like a matched pair regardless of inherited padding/line-height. */
.product-cta-row {
    display: flex !important;
    gap: 10px;
    width: 100%;
    margin-top: 10px;
    align-items: stretch;
}

.product-cta-row .btn-add-to-cart,
.product-cta-row .btn-buy-now,
.product-cta-row button.btn-add-to-cart,
.product-cta-row button.btn-buy-now {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-radius: 25px !important;
    white-space: nowrap;
}

.product-cta-row .btn-add-to-cart > span,
.product-cta-row .btn-buy-now > span {
    line-height: 1 !important;
    display: inline-block;
}

.btn-buy-now,
button.btn-buy-now,
.product-cta-row .btn-buy-now,
.product-detaitls_form .btn-buy-now {
    background-color: #4a120e !important;
    border: 1px solid #4a120e !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(74, 18, 14, 0.30);
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, transform .15s ease-in-out;
}

.btn-buy-now:hover,
.product-cta-row .btn-buy-now:hover,
.product-detaitls_form .btn-buy-now:hover {
    background-color: #2a0805 !important;
    border-color: #2a0805 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(74, 18, 14, 0.40);
    transform: translateY(-1px);
}

/* Tablet — keep side by side but a touch shorter */
@media (max-width: 991px) {
    .product-cta-row .btn-add-to-cart,
    .product-cta-row .btn-buy-now {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        font-size: 13px !important;
    }
}

/* Mobile — buttons stay side by side, just shrunk slightly */
@media (max-width: 575px) {
    .product-cta-row {
        gap: 8px;
    }
    .product-cta-row .btn-add-to-cart,
    .product-cta-row .btn-buy-now {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        font-size: 12.5px !important;
        padding: 0 6px !important;
        letter-spacing: 0.2px;
    }
}

/* Very narrow phones — stack them so neither gets truncated */
@media (max-width: 360px) {
    .product-cta-row {
        flex-direction: column;
        gap: 8px;
    }
    .product-cta-row .btn-add-to-cart,
    .product-cta-row .btn-buy-now {
        width: 100% !important;
        flex: 0 0 auto !important;
    }
}

/* PDP "Request a Quote" trigger — full-width, secondary look */
.btn-rfq-pdp {
    display: block !important;
    width: 100%;
    margin-top: 10px;
    background: #4a4a4a !important;
    color: #ffffff !important;
    border: 1px solid #4a4a4a !important;
    border-radius: 25px !important;
    height: 46px;
    padding: 0 18px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    line-height: 1 !important;
    cursor: pointer;
    transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.btn-rfq-pdp:hover {
    background: #222222 !important;
    border-color: #222222 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}
@media (max-width: 575px) {
    .btn-rfq-pdp { height: 44px; font-size: 13px !important; }
}


/* ---------- 3) FIXED PRODUCT IMAGE HEIGHT ----------
   The theme uses a "padding-top" aspect-ratio trick on .image__style,
   so tall uploads make the card taller. We override that with a
   fixed pixel height and use object-fit: contain so the whole image
   fits without distortion.
*/

/* Collection / grid / related product cards */
.product-card .product-card_media .image__style,
.product-card .product-card_media span.image__style {
    padding-top: 0 !important;
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.product-card .product-card_media .image__style img,
.product-card .product-card_media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Product detail page main slider image */
.product-media .product-media_main .slider-item .image__style,
.product-media .product-media_main .slider-item span.image__style {
    padding-top: 0 !important;
    height: 480px !important;
    min-height: 480px !important;
    max-height: 480px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.product-media .product-media_main .slider-item .image__style img,
.product-media .product-media_main .slider-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* PDP thumbnails — keep them square and small */
.product-media .product-media_thumbnails .item .image__style {
    padding-top: 0 !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
}

.product-media .product-media_thumbnails .item .image__style img,
.product-media .product-media_thumbnails .item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Tablet */
@media (max-width: 991px) {
    .product-card .product-card_media .image__style,
    .product-card .product-card_media span.image__style {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }
    .product-media .product-media_main .slider-item .image__style,
    .product-media .product-media_main .slider-item span.image__style {
        height: 380px !important;
        min-height: 380px !important;
        max-height: 380px !important;
    }
}

/* Mobile */
@media (max-width: 575px) {
    .product-card .product-card_media .image__style,
    .product-card .product-card_media span.image__style {
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
    }
    .product-media .product-media_main .slider-item .image__style,
    .product-media .product-media_main .slider-item span.image__style {
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
    }
}

/* =================== END CUSTOM OVERRIDES =================== */

/* =================================================================
   CART REDESIGN & Z-INDEX FIX
   June 2026 — Aeliya Marine Tech
   ================================================================= */

/* ─── 1. FIX: Cart popup hidden behind header ─────────────────── */
/* The original .dropdown-cart z-index was only 9, same as the
   sticky header. The cart is inside .header-cart (position:relative,
   z-index:0) which creates a stacking context. Raising the parent
   container ensures the entire cart stacking context appears above
   the header-bottom nav row (which is a sibling element). */

/* Raise the parent header-cart container above other header elements */
.header-action-item.header-cart {
    z-index: 9999 !important;
    isolation: isolate;
}

/* Raise the cart dropdown even higher */
.cart-type-dropdown .dropdown-cart,
.cart-type-dropdown.cart-active .dropdown-cart {
    z-index: 99999 !important;
}

/* Drawer overlay backdrop */
.cart-type-drawer .header-cart:before {
    z-index: 99998 !important;
}

/* Drawer panel itself */
.cart-type-drawer .dropdown-cart {
    z-index: 99999 !important;
}

/* ─── 2. REDESIGN: Cart Dropdown (popup mode) ─────────────────── */
.cart-type-dropdown .dropdown-cart {
    width: 400px !important;
    border-radius: 16px !important;
    border: none !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    border-top: 3px solid #80241e !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Cart header strip */
.cart-type-dropdown .dropdown-cart .dropdown-cart_title {
    background: linear-gradient(135deg, #80241e 0%, #a02a23 100%) !important;
    color: #fff !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: none !important;
}

.cart-type-dropdown .dropdown-cart .dropdown-cart_title .btn-close {
    color: rgba(255,255,255,0.8) !important;
    transition: color 0.2s, transform 0.2s !important;
}

.cart-type-dropdown .dropdown-cart .dropdown-cart_title .btn-close:hover {
    color: #fff !important;
    transform: rotate(90deg) !important;
}

/* ─── 3. FREE SHIPPING PROGRESS BAR ──────────────────────────── */
/* Progress bar is injected by JavaScript (see cart.js additions).
   These are the CSS rules it uses. */
.cart-free-shipping-bar {
    padding: 10px 20px 6px;
    background: #fdf6f0;
    border-bottom: 1px solid #f0e6e0;
}

.cart-free-shipping-bar .shipping-label {
    font-size: 12px;
    color: #666;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.cart-free-shipping-bar .shipping-label strong {
    color: #80241e;
}

.cart-free-shipping-track {
    height: 5px;
    background: #e8d5d0;
    border-radius: 10px;
    overflow: hidden;
}

.cart-free-shipping-fill {
    height: 100%;
    background: linear-gradient(90deg, #80241e, #c0392b);
    border-radius: 10px;
    transition: width 0.5s ease;
}

/* ─── 4. CART ITEM LIST ──────────────────────────────────────── */
.dropdown-cart .cart-item-list {
    max-height: 320px !important;
    padding: 8px 12px !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #d0c0bc #f8f0ee;
}

.dropdown-cart .cart-item-list::-webkit-scrollbar {
    width: 4px;
}

.dropdown-cart .cart-item-list::-webkit-scrollbar-track {
    background: #f8f0ee;
}

.dropdown-cart .cart-item-list::-webkit-scrollbar-thumb {
    background: #c0a09c;
    border-radius: 4px;
}

/* Individual cart line items */
.dropdown-cart .cart-line-item {
    padding: 12px 8px !important;
    border-radius: 10px !important;
    transition: background 0.2s !important;
    align-items: center !important;
    gap: 10px !important;
}

.dropdown-cart .cart-line-item:hover {
    background: #fdf6f0 !important;
}

.dropdown-cart .cart-line-item:not(:last-child) {
    border-bottom: 1px solid #f0e6e0 !important;
    margin-bottom: 4px !important;
}

/* Item image */
.dropdown-cart .cart-line-item .cart-line-item_info {
    flex: 0 0 75px !important;
    width: 75px !important;
    height: 75px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #f0e6e0 !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.dropdown-cart .cart-line-item .cart-line-item_info img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Item content area */
.dropdown-cart .cart-line-item .cart-line-item_info_content {
    flex: 1 !important;
    min-width: 0 !important;
}

.dropdown-cart .cart-line-item .cart-line-item_title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.dropdown-cart .cart-line-item .cart-line-item_variant {
    font-size: 11px !important;
    color: #888 !important;
    margin-bottom: 5px !important;
    background: #f5f5f5 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

.dropdown-cart .cart-line-item .cart-line-item_qty {
    font-size: 12px !important;
    color: #666 !important;
    margin-bottom: 4px !important;
}

/* Price and remove row */
.dropdown-cart .cart-line-item .art-line-item_price_remove {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 6px !important;
}

.dropdown-cart .cart-line-item .cart-line-item_price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #80241e !important;
}

.dropdown-cart .cart-line-item .btn-remove {
    font-size: 11px !important;
    color: #999 !important;
    text-decoration: none !important;
    padding: 3px 8px !important;
    border: 1px solid #ddd !important;
    border-radius: 20px !important;
    transition: all 0.2s !important;
    background: transparent !important;
    margin-inline-start: 0 !important;
}

.dropdown-cart .cart-line-item .btn-remove:hover {
    color: #80241e !important;
    border-color: #80241e !important;
    background: #fff0ee !important;
}

/* ─── 5. CART FOOTER ─────────────────────────────────────────── */
.dropdown-cart .dropdown-cart_footer {
    padding: 14px 20px 16px !important;
    background: #fafafa !important;
    border-top: 1px solid #f0e6e0 !important;
}

/* Total row */
.dropdown-cart .dropdown-cart_footer .cart-total {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eee !important;
}

.dropdown-cart .dropdown-cart_footer .cart-total_label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #444 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.dropdown-cart .dropdown-cart_footer .cart-total_price {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #80241e !important;
}

/* Buttons wrapper */
.dropdown-cart .dropdown-cart_footer .cart-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    border-top: none !important;
    margin-top: 0 !important;
}

/* View cart button */
.dropdown-cart .dropdown-cart_footer .btn-2 {
    width: 100% !important;
    padding: 11px !important;
    font-size: 13px !important;
    border-radius: 30px !important;
    border: 2px solid #80241e !important;
    color: #80241e !important;
    background: transparent !important;
    font-weight: 700 !important;
    text-align: center !important;
    transition: all 0.25s !important;
    letter-spacing: 0.3px !important;
}

.dropdown-cart .dropdown-cart_footer .btn-2:hover {
    background: #80241e !important;
    color: #fff !important;
}

/* Checkout button */
.dropdown-cart .dropdown-cart_footer .btn-1 {
    width: 100% !important;
    padding: 13px !important;
    font-size: 14px !important;
    border-radius: 30px !important;
    background: linear-gradient(135deg, #80241e 0%, #a02a23 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 16px rgba(128, 36, 30, 0.35) !important;
    transition: all 0.25s !important;
}

.dropdown-cart .dropdown-cart_footer .btn-1:hover {
    background: linear-gradient(135deg, #5e1a15 0%, #80241e 100%) !important;
    box-shadow: 0 6px 20px rgba(128, 36, 30, 0.45) !important;
    transform: translateY(-1px) !important;
}

/* ─── 6. CART DRAWER REDESIGN (Drawer mode) ──────────────────── */
.cart-type-drawer .dropdown-cart {
    width: 420px !important;
    box-shadow: -10px 0 60px rgba(0, 0, 0, 0.18) !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Drawer header */
.cart-type-drawer .dropdown-cart .dropdown-cart_title {
    background: linear-gradient(135deg, #80241e 0%, #a02a23 100%) !important;
    color: #fff !important;
    padding: 18px 24px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    justify-content: center !important;
    position: relative !important;
    margin-bottom: 0 !important;
}

.cart-type-drawer .dropdown-cart .btn-close {
    color: rgba(255,255,255,0.85) !important;
    width: 30px !important;
    left: 20px !important;
    transition: color 0.2s, transform 0.2s !important;
}

.cart-type-drawer .dropdown-cart .btn-close:hover {
    color: #fff !important;
    transform: rotate(90deg) !important;
}

/* Drawer item list */
.cart-type-drawer .dropdown-cart .cart-item-list {
    padding: 12px 20px !important;
    max-height: calc(100vh - 280px) !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #d0c0bc #f8f0ee;
}

.cart-type-drawer .dropdown-cart .cart-item-list::-webkit-scrollbar {
    width: 4px;
}

.cart-type-drawer .dropdown-cart .cart-item-list::-webkit-scrollbar-track {
    background: #f8f0ee;
}

.cart-type-drawer .dropdown-cart .cart-item-list::-webkit-scrollbar-thumb {
    background: #c0a09c;
    border-radius: 4px;
}

/* Drawer footer */
.cart-type-drawer .dropdown-cart .dropdown-cart_footer {
    padding: 16px 24px 20px !important;
    background: #fafafa !important;
    border-top: 1px solid #f0e6e0 !important;
    margin-top: auto !important;
}

.cart-type-drawer .dropdown-cart .dropdown-cart_footer .cart-total {
    padding-top: 0 !important;
    border-top: none !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #eee !important;
}

.cart-type-drawer .dropdown-cart .dropdown-cart_footer .cart-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    border-top: none !important;
    margin-top: 0 !important;
}

.cart-type-drawer .dropdown-cart .dropdown-cart_footer .cart-buttons .btn {
    width: 100% !important;
    flex: 0 0 auto !important;
    padding: 14px !important;
    border-radius: 30px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

.cart-type-drawer .dropdown-cart .dropdown-cart_footer .cart-buttons .btn-1 {
    background: linear-gradient(135deg, #80241e 0%, #a02a23 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(128, 36, 30, 0.35) !important;
    transition: all 0.25s !important;
}

.cart-type-drawer .dropdown-cart .dropdown-cart_footer .cart-buttons .btn-1:hover {
    background: linear-gradient(135deg, #5e1a15 0%, #80241e 100%) !important;
    box-shadow: 0 6px 20px rgba(128, 36, 30, 0.45) !important;
    transform: translateY(-1px) !important;
}

.cart-type-drawer .dropdown-cart .dropdown-cart_footer .cart-buttons .btn-2 {
    background: transparent !important;
    border: 2px solid #80241e !important;
    color: #80241e !important;
    transition: all 0.25s !important;
}

.cart-type-drawer .dropdown-cart .dropdown-cart_footer .cart-buttons .btn-2:hover {
    background: #80241e !important;
    color: #fff !important;
}

/* ─── 7. EMPTY CART STATE ────────────────────────────────────── */
.dropdown-cart .cart-empty {
    padding: 40px 20px !important;
    text-align: center !important;
}

.dropdown-cart .cart-empty .text {
    color: #888 !important;
    font-size: 15px !important;
    margin-top: 12px !important;
}

/* ─── 8. CART BODY (full page cart improvements) ─────────────── */
.page-cart .cart-summary_label,
.page-cart .cart-summary_price {
    font-size: 16px !important;
}

.page-cart .cart-summary_footer .cart-summary_total {
    font-size: 18px !important;
}

.page-cart .cart-summary_footer button.btn-1 {
    background: linear-gradient(135deg, #80241e 0%, #a02a23 100%) !important;
    border-color: transparent !important;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    padding: 16px !important;
    box-shadow: 0 4px 16px rgba(128, 36, 30, 0.30) !important;
    transition: all 0.25s !important;
}

.page-cart .cart-summary_footer button.btn-1:hover {
    background: linear-gradient(135deg, #5e1a15 0%, #80241e 100%) !important;
    box-shadow: 0 6px 20px rgba(128, 36, 30, 0.40) !important;
    transform: translateY(-1px) !important;
}

/* ─── 9. MOBILE CART ICON FIX ────────────────────────────────── */
/* Ensure mobile cart icon links to cart page (not popup which overlaps) */
@media (max-width: 991px) {
    .cart-type-dropdown .dropdown-cart {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        border-radius: 20px 20px 0 0 !important;
        max-height: 85vh !important;
        overflow-y: auto !important;
        border-top: 3px solid #80241e !important;
    }
}

/* ─── 10. CART ITEM COUNT BADGE ──────────────────────────────── */
.header-action-list .number {
    background: #80241e !important;
    color: #fff !important;
    font-weight: 700 !important;
    min-width: 20px !important;
    height: 20px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    animation: cart-badge-pulse 0.4s ease-out;
}

@keyframes cart-badge-pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.35); }
    100% { transform: scale(1); }
}

/* =================== END CART REDESIGN ========================= */

/* =================================================================
   SEARCH UI/UX REDESIGN + MOBILE PDP BUTTON FIX
   June 2026 — Aeliya Marine Tech
   Expert 10-year design audit improvements
   ================================================================= */

/* ───────────────────────────────────────────────────────────────
   SECTION 1: HEADER SEARCH BAR — PREMIUM REDESIGN
   The homepage banner search (.header-search inside section-search-
   box-banner) and the standard header search are both improved.
─────────────────────────────────────────────────────────────── */

/* 1a. Banner search box — bigger, bolder, more prominent */
.section-search-box-banner .header-search .search-form,
.section-search-box-banner .search-form {
    display: flex !important;
    border-radius: 50px !important;
    border: 2px solid #80241e !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 8px 32px rgba(128, 36, 30, 0.15) !important;
    transition: box-shadow 0.25s, border-color 0.25s !important;
    height: 56px !important;
}

.section-search-box-banner .header-search .search-form:focus-within,
.section-search-box-banner .search-form:focus-within {
    box-shadow: 0 8px 40px rgba(128, 36, 30, 0.25) !important;
    border-color: #5e1a15 !important;
}

.section-search-box-banner .header-search .search-form input,
.section-search-box-banner .search-form input[type="text"],
.section-search-box-banner .search-form input[name="q"] {
    flex: 1 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 15px !important;
    color: #222 !important;
    padding: 0 20px !important;
    font-family: inherit !important;
    height: 100% !important;
}

.section-search-box-banner .header-search .search-form input::placeholder,
.section-search-box-banner .search-form input::placeholder {
    color: #999 !important;
    font-size: 14px !important;
}

.section-search-box-banner .header-search .search-form button,
.section-search-box-banner .search-form button[type="submit"] {
    background: linear-gradient(135deg, #80241e 0%, #a02a23 100%) !important;
    border: none !important;
    border-radius: 0 50px 50px 0 !important;
    width: 60px !important;
    min-width: 60px !important;
    height: 100% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s !important;
    flex-shrink: 0 !important;
}

.section-search-box-banner .header-search .search-form button:hover,
.section-search-box-banner .search-form button[type="submit"]:hover {
    background: linear-gradient(135deg, #5e1a15 0%, #80241e 100%) !important;
}

.section-search-box-banner .header-search .search-form button svg,
.section-search-box-banner .search-form button svg {
    width: 22px !important;
    height: 22px !important;
    fill: #fff !important;
    color: #fff !important;
}

/* 1b. Search autocomplete dropdown — premium look */
.section-search-box-banner .header-search .search-results,
.header-search .search-results {
    border-radius: 16px !important;
    border: 1px solid #f0e6e0 !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
    background: #fff !important;
    margin-top: 6px !important;
    z-index: 9999 !important;
}

.header-search .search-results .search-results_list-inner {
    max-height: 380px !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: #d0c0bc #f8f0ee !important;
}

.header-search .search-results .search-results_list-inner::-webkit-scrollbar {
    width: 4px;
}

.header-search .search-results .search-results_list-inner::-webkit-scrollbar-thumb {
    background: #c0a09c;
    border-radius: 4px;
}

/* Each search result item */
.header-search .search-results .search-results_item {
    padding: 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    border-bottom: 1px solid #f5f0ee !important;
    transition: background 0.15s !important;
    text-decoration: none !important;
    color: #222 !important;
}

.header-search .search-results .search-results_item:hover {
    background: #fdf6f0 !important;
}

.header-search .search-results .search-results_item:last-child {
    border-bottom: none !important;
}

/* Search result thumbnail */
.header-search .search-results .search-results_item .item-image,
.header-search .search-results a img {
    width: 56px !important;
    height: 56px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    border: 1px solid #f0e6e0 !important;
    background: #fff !important;
    flex-shrink: 0 !important;
}

/* Search result title */
.header-search .search-results .search-results_item .item-info,
.header-search .search-results a .item-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.header-search .search-results .item-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 3px !important;
}

.header-search .search-results .item-price {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #80241e !important;
}

/* View All button in autocomplete */
.header-search .search-results .btn.js-view-all,
.header-search .search-results a.btn.w-100 {
    margin: 10px !important;
    width: calc(100% - 20px) !important;
    background: linear-gradient(135deg, #80241e 0%, #a02a23 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 11px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 0.3px !important;
    transition: background 0.2s !important;
}

.header-search .search-results .btn.js-view-all:hover,
.header-search .search-results a.btn.w-100:hover {
    background: linear-gradient(135deg, #5e1a15 0%, #80241e 100%) !important;
}

/* 1c. Mobile header search fix */
@media (max-width: 991px) {
    .section-search-box-banner .header-search .search-form {
        height: 48px !important;
        border-radius: 30px !important;
    }

    .section-search-box-banner .header-search .search-form input {
        font-size: 14px !important;
        padding: 0 16px !important;
    }

    .section-search-box-banner .header-search .search-form button {
        width: 52px !important;
        min-width: 52px !important;
    }
}

/* ───────────────────────────────────────────────────────────────
   SECTION 2: SEARCH RESULTS PAGE — COMPLETE REDESIGN
   Page: /search?q=...  (section-search-template)
─────────────────────────────────────────────────────────────── */

/* Page header bar */
.section-search-template .search-results_title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    padding: 20px 0 16px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    border-bottom: 2px solid #f0e6e0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.section-search-template .search-results_title::before {
    content: "🔍";
    font-size: 18px;
}

/* Product grid in search results */
.section-search-template .search-results_inner {
    padding-top: 20px !important;
}

/* Empty state improvements */
.section-search-template .search-empty {
    padding: 60px 20px !important;
    text-align: center !important;
}

.section-search-template .search-empty_title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 12px !important;
}

.section-search-template .search-empty_subtitle {
    font-size: 15px !important;
    color: #666 !important;
    margin-bottom: 28px !important;
    line-height: 1.6 !important;
}

/* Empty state search form */
.section-search-template .search-form {
    display: flex !important;
    max-width: 500px !important;
    margin: 0 auto !important;
    border: 2px solid #80241e !important;
    border-radius: 50px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(128, 36, 30, 0.12) !important;
    height: 52px !important;
}

.section-search-template .search-form input {
    flex: 1 !important;
    border: none !important;
    outline: none !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    background: transparent !important;
    color: #222 !important;
}

.section-search-template .search-form .btn.btn-1 {
    background: linear-gradient(135deg, #80241e 0%, #a02a23 100%) !important;
    border: none !important;
    border-radius: 0 50px 50px 0 !important;
    width: 56px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.section-search-template .search-form .btn.btn-1 svg {
    fill: #fff !important;
    color: #fff !important;
    width: 20px !important;
    height: 20px !important;
}

/* ───────────────────────────────────────────────────────────────
   SECTION 3: HEADER SEARCH INPUT (in top header bar)
   The small search box in the header (.header-search form input)
─────────────────────────────────────────────────────────────── */

.header-top .header-search form,
.header .header-search form {
    border-radius: 50px !important;
    border: 2px solid #e0d5d0 !important;
    overflow: hidden !important;
    background: #fff !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    display: flex !important;
    align-items: center !important;
}

.header-top .header-search form:focus-within,
.header .header-search form:focus-within {
    border-color: #80241e !important;
    box-shadow: 0 0 0 3px rgba(128, 36, 30, 0.08) !important;
}

.header-top .header-search form input,
.header .header-search form input {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    color: #222 !important;
    flex: 1 !important;
}

.header-top .header-search form input::placeholder,
.header .header-search form input::placeholder {
    color: #aaa !important;
    font-size: 13px !important;
}

.header-top .header-search form button,
.header .header-search form button {
    background: #80241e !important;
    border: none !important;
    border-radius: 0 50px 50px 0 !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    flex-shrink: 0 !important;
}

.header-top .header-search form button:hover,
.header .header-search form button:hover {
    background: #5e1a15 !important;
}

.header-top .header-search form button svg,
.header .header-search form button svg {
    fill: #fff !important;
    color: #fff !important;
    width: 18px !important;
    height: 18px !important;
}

/* ───────────────────────────────────────────────────────────────
   SECTION 4: MOBILE PDP — BUY NOW & ADD TO CART BUTTON FIX
   Issue: buttons too small on mobile, hard to tap
─────────────────────────────────────────────────────────────── */

/* Fix 1: On mobile, stack ATC and Buy Now buttons vertically
   so each gets full width — much easier to tap with a thumb */
@media (max-width: 767px) {
    .product-cta-row {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .product-cta-row .btn-add-to-cart,
    .product-cta-row .btn-buy-now,
    .product-cta-row button.btn-add-to-cart,
    .product-cta-row button.btn-buy-now {
        width: 100% !important;
        flex: 0 0 auto !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        font-size: 15px !important;
        letter-spacing: 0.5px !important;
        padding: 0 20px !important;
        border-radius: 30px !important;
        /* Larger tap targets (Apple HIG recommends 44pt minimum) */
    }

    /* Add to Cart — prominent, full-width */
    .product-cta-row .btn-add-to-cart {
        order: 1 !important;
    }

    /* Buy Now — below ATC */
    .product-cta-row .btn-buy-now {
        order: 2 !important;
    }

    /* RFQ / Request Quote button — also full-width */
    .btn-rfq-pdp {
        height: 50px !important;
        font-size: 14px !important;
        border-radius: 30px !important;
    }
}

/* Fix 2: Very small screens (<360px) keep the fix above, same rules */
@media (max-width: 360px) {
    .product-cta-row {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .product-cta-row .btn-add-to-cart,
    .product-cta-row .btn-buy-now {
        width: 100% !important;
        height: 50px !important;
        font-size: 14px !important;
    }
}

/* Fix 3: Sticky Add-to-Cart bar on mobile — appears at bottom
   when user scrolls past the main ATC button */
@media (max-width: 767px) {
    .mobile-sticky-atc {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: #fff !important;
        padding: 12px 16px !important;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12) !important;
        z-index: 9000 !important;
        display: flex !important;
        gap: 10px !important;
        border-top: 1px solid #f0e6e0 !important;
    }

    .mobile-sticky-atc .sticky-atc-btn {
        flex: 1 !important;
        height: 48px !important;
        border-radius: 30px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.4px !important;
        border: none !important;
        cursor: pointer !important;
    }

    .mobile-sticky-atc .sticky-atc-btn--cart {
        background: linear-gradient(135deg, #80241e 0%, #a02a23 100%) !important;
        color: #fff !important;
    }

    .mobile-sticky-atc .sticky-atc-btn--buy {
        background: #4a120e !important;
        color: #fff !important;
    }
}

/* ───────────────────────────────────────────────────────────────
   SECTION 5: PRODUCT PAGE — GENERAL MOBILE UX IMPROVEMENTS
─────────────────────────────────────────────────────────────── */

/* 5a. Product title — better size on mobile */
@media (max-width: 767px) {
    .product-details_title,
    h1.product-details_title {
        font-size: 20px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        margin-bottom: 8px !important;
    }

    /* Price — bigger, more visible */
    .price-sale.js-price {
        font-size: 26px !important;
        font-weight: 800 !important;
        color: #80241e !important;
    }

    /* Quantity control — taller for touch */
    .product-form_quantity .input-group {
        height: 44px !important;
    }

    .product-form_quantity quantity-input-minus,
    .product-form_quantity quantity-input-plus {
        width: 44px !important;
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .product-form_quantity input[type="number"] {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 16px !important;
    }

    /* Payment strips image — full width on mobile */
    .payment-strips {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 12px !important;
    }

    /* Product info section — reduce gap */
    .product-info.row {
        gap: 0 !important;
    }

    /* Metafield table — better mobile layout */
    .metafield {
        flex-direction: column !important;
    }

    .lable_of_meta {
        border-right: none !important;
        border-bottom: 1px solid #ddd !important;
        width: 100% !important;
        background: #f8f8f8 !important;
        font-size: 13px !important;
        padding: 8px 12px !important;
    }

    .metafiled_data {
        font-size: 13px !important;
        padding: 8px 12px !important;
    }
}

/* 5b. Tablet (768-991px) — keep buttons side by side but taller */
@media (min-width: 768px) and (max-width: 991px) {
    .product-cta-row .btn-add-to-cart,
    .product-cta-row .btn-buy-now {
        height: 50px !important;
        min-height: 50px !important;
        font-size: 14px !important;
    }
}

/* ───────────────────────────────────────────────────────────────
   SECTION 6: COLLECTION PAGE & PRODUCT CARDS — MOBILE FIX
─────────────────────────────────────────────────────────────── */

@media (max-width: 575px) {
    /* Product card ATC button on grid — bigger, easier to tap */
    .product-card_actions .btn-add-to-cart {
        height: 38px !important;
        font-size: 12px !important;
        border-radius: 20px !important;
        padding: 0 12px !important;
    }

    /* Product card title — 2 lines max */
    .product-card .product-card_title {
        font-size: 13px !important;
        height: auto !important;
        min-height: 36px !important;
        max-height: 54px !important;
        -webkit-line-clamp: 2 !important;
    }

    /* Product card price */
    .product-card .product-card_price .price {
        font-size: 15px !important;
    }
}

/* ───────────────────────────────────────────────────────────────
   SECTION 7: GLOBAL TYPOGRAPHY & SPACING POLISH
─────────────────────────────────────────────────────────────── */

/* Better link hover on search results */
.search-results .search-results_item a:hover {
    color: #80241e !important;
}

/* Smooth page-wide transitions */
a, button {
    transition-property: background-color, color, border-color, box-shadow, transform, opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

/* Focus rings — better accessibility */
button:focus-visible,
input:focus-visible,
a:focus-visible,
select:focus-visible {
    outline: 2px solid #80241e !important;
    outline-offset: 2px !important;
}

/* ───────────────────────────────────────────────────────────────
   SECTION 8: SEARCH PAGE — FILTER / SORT BAR
─────────────────────────────────────────────────────────────── */

.section-search-template .section-body {
    padding: 0 0 40px !important;
}

@media (max-width: 767px) {
    .section-search-template .search-results_title {
        font-size: 15px !important;
        padding: 14px 0 12px !important;
    }

    .section-search-template .search-results_inner {
        padding-top: 14px !important;
    }
}

/* =================== END SEARCH + MOBILE PDP FIXES ============= */

/* =================================================================
   CART PAGE — COMPACT NO-SCROLL LAYOUT
   Goal: Full cart visible in one viewport, checkout always visible
   ================================================================= */

/* ── HIDE OLD SECTION HEADER (replaced by inline title) ──────── */
.section-cart-template > .section-header { display: none !important; }

/* ── FULL PAGE CONTAINER ─────────────────────────────────────── */
.section-cart-template {
    background: #f5f2f0;
    min-height: calc(100vh - 180px);
    display: flex;
    flex-direction: column;
}

/* ── CART WRAPPER STATE MANAGEMENT ──────────────────────────── */
/* Show .cart-has-items only when there are items */
.cart-wrapper[data-status="0"] .cart-has-items { display: none !important; }
.cart-wrapper[data-status="0"] .cart-empty-state { display: flex !important; }
.cart-wrapper:not([data-status="0"]) .cart-empty-state { display: none !important; }
.cart-wrapper:not([data-status="0"]) .cart-has-items { display: block !important; }

/* ── COMPACT SPLIT LAYOUT ────────────────────────────────────── */
.cart-compact-layout {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 0;
    min-height: 400px;
    max-height: calc(100vh - 190px);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    border: 1px solid #eee;
    margin: 0 20px 20px;
}

/* ── LEFT PANEL: ITEMS ───────────────────────────────────────── */
.cart-compact-items {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-right: 1px solid #eee;
    overflow: hidden;
}

.cart-compact-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 2px solid #f0e8e5;
    flex-shrink: 0;
    background: #fff;
}

.cart-compact-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.cart-compact-title svg {
    color: #80241e;
}

.cart-item-badge {
    background: #80241e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cart-continue-link {
    font-size: 13px;
    color: #80241e;
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
}
.cart-continue-link:hover { text-decoration: underline; }

/* Scrollable items area */
.cart-items-scroll {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
    scrollbar-width: thin;
    scrollbar-color: #d0c0bc #f8f0ee;
}

.cart-items-scroll::-webkit-scrollbar { width: 4px; }
.cart-items-scroll::-webkit-scrollbar-thumb { background: #c0a09c; border-radius: 4px; }

/* Each line item row in the cart */
.cart-items-scroll .line-item,
.cart-items-scroll .cart-table_line-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 20px;
    border-bottom: 1px solid #f5f0ee;
    transition: background 0.15s;
}

.cart-items-scroll .line-item:hover { background: #fdf8f7; }
.cart-items-scroll .line-item:last-child { border-bottom: none; }

/* Hide columns not needed in compact view */
.cart-items-scroll .cart-table_column-2.line-item_price { display: none; }
.cart-items-scroll .cart-table_column-4.line-item_total-price.js-total-price { display: block !important; }
.cart-items-scroll .cart-table_column-4.cart-table_page__column-4 { display: none !important; }

/* Remove button */
.cart-items-scroll .line-item_remove {
    flex-shrink: 0;
    order: 99;
}

.cart-items-scroll .btn-remove {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fce8e6;
    color: #c0392b;
    text-decoration: none;
    transition: background 0.2s;
    border: none;
}

.cart-items-scroll .btn-remove:hover { background: #e74c3c; color: #fff; }
.cart-items-scroll .btn-remove .text { display: none; }
.cart-items-scroll .btn-remove svg { width: 12px; height: 12px; }

/* Product image */
.cart-items-scroll .line-item_image {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f0e8e5;
    background: #fff;
}
.cart-items-scroll .line-item_image img { width: 100%; height: 100%; object-fit: contain; }

/* Product info */
.cart-items-scroll .line-item_info {
    flex: 1;
    min-width: 0;
}

.cart-items-scroll .line-item_wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cart-items-scroll .line-item_title a {
    font-size: 13px;
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}

.cart-items-scroll .line-item_title a:hover { color: #80241e; }

.cart-items-scroll .line-item_options,
.cart-items-scroll .line-item_price-mobile {
    font-size: 12px;
    color: #888;
}

.cart-items-scroll .line-item_price-mobile .price,
.cart-items-scroll .line-item_price-mobile .price-sale {
    font-weight: 700;
    color: #80241e;
    font-size: 13px;
}

/* Quantity input */
.cart-items-scroll .line-item_quantity { flex-shrink: 0; }

.cart-items-scroll .input-group {
    border: 1px solid #e0d5d0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    background: #fff;
    overflow: hidden;
    width: 100px;
}

.cart-items-scroll .input-group input[type="number"] {
    width: 36px;
    border: none !important;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 0;
    background: transparent;
}

.cart-items-scroll quantity-input-plus,
.cart-items-scroll quantity-input-minus {
    width: 30px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #80241e;
    transition: background 0.15s;
}

.cart-items-scroll quantity-input-plus:hover,
.cart-items-scroll quantity-input-minus:hover { background: #fce8e6; }

/* Total price column */
.cart-items-scroll .line-item_total-price {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    flex-shrink: 0;
    min-width: 60px;
    text-align: right;
}

/* ── RIGHT PANEL: ORDER SUMMARY ──────────────────────────────── */
.cart-compact-summary {
    display: flex;
    flex-direction: column;
    background: #faf7f5;
    overflow-y: auto;
}

.cart-summary-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
}

.cart-summary-label {
    font-size: 11px;
    font-weight: 700;
    color: #80241e;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

.cart-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #f0e8e5;
}

.cart-summary-row--light {
    font-size: 12px;
    color: #999;
    font-weight: 400;
}

.cart-summary-price {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #80241e !important;
}

.cart-summary-divider {
    height: 1px;
    background: #e0d5d0;
    margin: 16px 0;
}

/* ── THE CHECKOUT BUTTON ─────────────────────────────────────── */
.btn-cart-checkout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #1a8a3a 0%, #22a84a 100%) !important;
    background-image: linear-gradient(135deg, #1a8a3a 0%, #22a84a 100%) !important;
    background-color: #1a8a3a !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 16px rgba(34, 168, 74, 0.3) !important;
    transition: all 0.22s ease !important;
    margin-top: auto !important;
}

.btn-cart-checkout:hover {
    background: linear-gradient(135deg, #147a31 0%, #1a8a3a 100%) !important;
    box-shadow: 0 8px 24px rgba(34, 168, 74, 0.4) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.btn-cart-checkout:active {
    transform: translateY(0) !important;
}

.btn-cart-checkout svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}

/* Trust badges */
.cart-trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
    justify-content: center;
}

.cart-trust-badges span {
    font-size: 11px;
    color: #777;
    background: #fff;
    border: 1px solid #e8e0dc;
    border-radius: 20px;
    padding: 4px 10px;
    display: inline-block;
}

/* Order note toggle */
.cart-note-toggle {
    margin-top: 14px;
}

.cart-note-toggle summary {
    font-size: 12px;
    color: #80241e;
    cursor: pointer;
    list-style: none;
    padding: 8px 0;
    font-weight: 500;
    border-top: 1px dashed #f0e8e5;
}

.cart-note-toggle summary::-webkit-details-marker { display: none; }

.cart-note-toggle summary::before { content: '+ '; }
.cart-note-toggle[open] summary::before { content: '− '; }

.cart-note-toggle .cart-note textarea {
    width: 100%;
    border: 1.5px solid #e0d5d0;
    border-radius: 8px;
    padding: 10px;
    font-size: 13px;
    resize: none;
    min-height: 80px;
    margin-top: 8px;
    background: #fff;
    transition: border-color 0.2s;
}

.cart-note-toggle .cart-note textarea:focus {
    border-color: #80241e;
    outline: none;
}

/* ── EMPTY CART STATE ────────────────────────────────────────── */
.cart-empty-state {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    text-align: center;
    background: #fff;
    margin: 30px;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.cart-empty-state p {
    font-size: 18px;
    font-weight: 600;
    color: #888;
    margin: 20px 0 24px;
}

.cart-empty-state .btn-cart-checkout {
    width: auto !important;
    padding: 0 32px !important;
    margin-top: 0 !important;
}

/* ── CART POPUP CHECKOUT BUTTON FIX ─────────────────────────── */
.btn-checkout-popup {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #fff !important;
}

.dropdown-cart .dropdown-cart_footer .btn-checkout-popup,
.dropdown-cart .dropdown-cart_footer .cart-buttons .btn-checkout-popup {
    background: linear-gradient(135deg, #1a8a3a 0%, #22a84a 100%) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    box-shadow: 0 3px 10px rgba(34, 168, 74, 0.25) !important;
}

.dropdown-cart .dropdown-cart_footer .btn-checkout-popup:hover {
    background: linear-gradient(135deg, #147a31 0%, #1a8a3a 100%) !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* ── MOBILE CART ─────────────────────────────────────────────── */
@media (max-width: 991px) {
    .cart-compact-layout {
        grid-template-columns: 1fr;
        height: auto;
        max-height: none;
    }

    .cart-compact-summary {
        order: -1; /* Summary first on mobile */
        border-bottom: 1px solid #eee;
    }

    .cart-compact-items {
        max-height: 50vh;
    }

    .cart-items-scroll { max-height: 40vh; }
}

@media (max-width: 767px) {
    .cart-compact-header {
        padding: 12px 16px;
    }

    .cart-compact-title { font-size: 16px !important; }

    .cart-summary-box { padding: 16px; }

    .btn-cart-checkout {
        height: 50px !important;
        font-size: 15px !important;
    }

    .cart-items-scroll .line-item,
    .cart-items-scroll .cart-table_line-item {
        padding: 10px 16px;
        gap: 10px;
    }

    .cart-items-scroll .line-item_image { width: 60px; height: 60px; }
}

/* =================== END CART COMPACT REDESIGN ================== */

/* =================================================================
   CRITICAL OVERRIDES — Force compact cart line-item flex layout
   These ensure the compact layout wins over any earlier CSS that
   sets .line-item { display: grid }
   ================================================================= */

.cart-items-scroll .line-item,
.cart-items-scroll .cart-table_line-item,
.section-cart-template .cart-items-scroll .line-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    grid-template-columns: unset !important;
    gap: 14px !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid #f5f0ee !important;
    background: #fff !important;
}

.cart-items-scroll .line-item:hover,
.section-cart-template .cart-items-scroll .line-item:hover {
    background: #fdf8f7 !important;
}

/* Force image column to correct size */
.cart-items-scroll .cart-table_column-5.line-item_remove { order: 5 !important; }
.cart-items-scroll .cart-table_column-1.line-item_info   { flex: 1 !important; min-width: 0 !important; width: auto !important; }
.cart-items-scroll .cart-table_column-3.line-item_quantity { flex-shrink: 0 !important; width: auto !important; }
.cart-items-scroll .cart-table_column-4.line-item_total-price { flex-shrink: 0 !important; width: auto !important; text-align: right !important; }
.cart-items-scroll .cart-table_column-2.line-item_price { display: none !important; }

/* Force image inside info column to show correctly */
.cart-items-scroll .line-item_info {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.cart-items-scroll .line-item_image,
.cart-items-scroll .cart-table_column-1 .line-item_image {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #f0e8e5 !important;
}

.cart-items-scroll .line-item_image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* =================== END CRITICAL OVERRIDES ==================== */

/* =================================================================
   PDP — Add to Cart & Buy Now: Equal appearance, natural height
   ================================================================= */

/* Ensure both PDP buttons share a flex row and stretch equally */
.product-cta-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
}

.product-cta-row .btn-add-to-cart,
.product-cta-row .btn-buy-now {
    flex: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* No fixed height — use theme's natural padding */
}

/* Buy Now: green to distinguish from Add to Cart */
.product-cta-row .btn-buy-now {
    background: #1a8a3a !important;
    border-color: #1a8a3a !important;
    color: #fff !important;
}
.product-cta-row .btn-buy-now:hover {
    background: #147a31 !important;
    border-color: #147a31 !important;
    color: #fff !important;
}

/* Mobile: stack vertically, both full width */
@media (max-width: 767px) {
    .product-cta-row {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .product-cta-row .btn-add-to-cart,
    .product-cta-row .btn-buy-now {
        width: 100% !important;
        flex: none !important;
    }
}

/* =================================================================
   Product Cards — Title: show 2 lines, no clip
   ================================================================= */
.product-card_title,
.product-card_title a,
.product-card .myText {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    min-height: 2.6em !important;   /* reserve space for 2 lines */
    line-height: 1.3 !important;
}

/* =================================================================
   Product Cards — Buttons: natural size, full width, consistent
   ================================================================= */
.product-card_actions { width: 100% !important; }

.product-card .btn-add-to-cart,
.product-card a.btn-add-to-cart,
.product-card button.btn-add-to-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    /* No fixed height override — let theme padding control it */
}

/* RFQ button on cards: match brand color */
.product-card .rfq-collection-btn,
.product-card .btn.rfq-collection-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background: #80241e !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
.product-card .rfq-collection-btn:hover {
    background: #6a1c17 !important;
    color: #fff !important;
}

/* =================================================================
   Cart Page — Quantity +/- Stepper: clean pill design
   ================================================================= */

/* Wrapper around the qty input group in cart line items */
.cart-items-scroll .input-group,
.cart-items-scroll .qty-wrapper {
    display: flex !important;
    align-items: center !important;
    border: 1.5px solid #e0d8d5 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #fff !important;
    height: 36px !important;
    width: fit-content !important;
}

.cart-items-scroll quantity-input {
    display: flex !important;
    align-items: center !important;
    height: 36px !important;
}

.cart-items-scroll quantity-input input[type="number"],
.cart-items-scroll quantity-input input[type="text"] {
    width: 36px !important;
    height: 36px !important;
    border: none !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: transparent !important;
    -moz-appearance: textfield !important;
    outline: none !important;
    padding: 0 !important;
}

.cart-items-scroll quantity-input input::-webkit-outer-spin-button,
.cart-items-scroll quantity-input input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.cart-items-scroll quantity-input-plus,
.cart-items-scroll quantity-input-minus {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 36px !important;
    cursor: pointer !important;
    background: transparent !important;
    color: #80241e !important;
    font-size: 16px !important;
    user-select: none !important;
    flex-shrink: 0 !important;
    transition: background 0.15s !important;
}

.cart-items-scroll quantity-input-plus:hover,
.cart-items-scroll quantity-input-minus:hover {
    background: #f5eeec !important;
    color: #80241e !important;
}

/* Remove button — small clean icon */
.cart-items-scroll .btn-remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #fce8e6 !important;
    color: #c0392b !important;
    border: none !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}
.cart-items-scroll .btn-remove .text { display: none !important; }
.cart-items-scroll .btn-remove svg.svg-is-loading { display: none !important; }
.cart-items-scroll .btn-remove svg:not(.svg-is-loading) {
    width: 14px !important;
    height: 14px !important;
}

/* =================================================================
   Cart Page — Free Shipping highlight in order summary
   ================================================================= */
.free-shipping-val {
    color: #1a8a3a !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

.cart-summary-free-ship span:first-child {
    color: #1a8a3a !important;
}

/* =================== END BUTTON & CART FIXES =================== */

/* =================================================================
   GLOBAL BUTTON HEIGHT REDUCTION — Smaller, lighter buttons sitewide
   Applies to: Add to Cart, Buy Now, Request for Quote everywhere
   Width is NOT touched — only vertical padding / height reduced.
   ================================================================= */

/* All Add to Cart buttons — collections, homepage, related products */
button.btn-add-to-cart,
a.btn-add-to-cart,
.btn-add-to-cart {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    min-height: unset !important;
}

/* Buy Now button on PDP */
button.btn-buy-now,
.btn-buy-now {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    min-height: unset !important;
}

/* Request for Quote buttons — all variants */
.rfq-collection-btn,
[class*="rfq-collection-btn"],
button[id*="rfq-collection-btn"] {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: unset !important;
}

/* PDP CTA row — cap at 42px (was 50px) */
.product-cta-row .btn-add-to-cart,
.product-cta-row .btn-buy-now {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Mobile: slightly smaller */
@media (max-width: 767px) {
    .product-cta-row .btn-add-to-cart,
    .product-cta-row .btn-buy-now {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }
    button.btn-add-to-cart,
    a.btn-add-to-cart {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

/* =================== END GLOBAL BUTTON HEIGHT REDUCTION ========= */

/* =================================================================
   MOBILE CART FIXES & MOBILE BOLD FIXES
   ================================================================= */
cart-line-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
}

@media (max-width: 999px) {
    .btn-add-to-cart {
        font-weight: 700 !important;
    }
}