/** Shopify CDN: Minification failed

Line 48:2 Expected "{" but found "."
Line 95:8 Expected identifier but found whitespace
Line 95:9 Unexpected "0"

**/




/*============================================================================
Get font-families from theme settings
==============================================================================*/





/*#cloud-zoom-big,.cloud-zoom-lens {
  display: none !important;
}*/
/* footer toggle */
.footer-top .col1 .footer-title { display:none; }
@media(max-width: 767px){	
  footer .col-footer {
    margin-bottom: 15px;
  }
  .footer-top .col1 .footer-title { display:block; }
  .footer-top .footer-title:after {
    content: "\f107";
    display: block;
    font-weight: 700;
    font-family: FontAwesome;
    font-size: 18px;
    position: absolute;
    right: 25px;
    margin-top: -20px;
  }
  .footer-top .footer-title { cursor:pointer;margin-bottom: 0px; }
  .footer-top .footer-content {
    display:none;
  }
}

/* sidebar for mobile display */
@media (min-width: 768px)
  .container {
    width: inherit;
  }
@media (max-width: 991px){ 
  #sidebar-toggle {
    font-size: 26px;
    padding: 0 0 15px 15px;
    font-weight: 300;
  }
  #column-left {
    display: none;
  }
  #column-left.sidebar-toggle {
    display: none;
    position: absolute;
    top: inherit;
    z-index: 9;
    left: 0;
    width: 275px;
    overflow: hidden;
    padding: 15px;
    background: #fff;
    -webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1);
    box-shadow: 0 3px 11px 0 rgba(0,0,0,0.1);
  }
  .sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    display: none;
    z-index: 6;
  }
}
/* bullets lists format correction */
.product-info-detailed ol, .product-info-detailed ul {
  list-style: inherit;
  margin-left: 10px;
  padding-left: 10px;
}
.product-info-detailed ol {
  list-style-type: decimal;
}

.product-layout .item.first .item-inner .box-border::before
opacity: 0;
}

/* for cart */
.cart-image {
  max-width: 100px;
  max-height: 100px;
}

/* for sticky add to cart bar */

#form_buy_sticky #productSelect {
  display: block;
}
.form_buy_sticky {
  text-align: center;
}
.form_buy_sticky .form-group {
  padding: 0px 20px;
  margin-bottom: 0px;
}
.form_buy_sticky .button {
  line-height: 30px;
  font-size: 12px;
}
.form_buy_sticky #Quantity {
  margin: 0px;
  border: 2px solid #eee !important;
  -webkit-border-radius: 4px !important;
  background: #fff;
}
.form_buy_sticky .form-control, .form_buy_sticky .img-thumbnail {
  border: 2px solid #eee;
}
@media(max-width: 767px){ 
  .form_buy_sticky .form-group {
    padding: 0px 5px;
    float: left;
  }
  .form_buy_sticky .form-group.col-7 {
    width: 55%;
  }
  .form_buy_sticky .form-group.col-2 {
    width: 20%;
  }
  .form_buy_sticky .form-group.col-3 {
    width: 25%;
  }
  #form_buy_sticky #Quantity {
    width: 100%;
  }
  button#button-cart-sticky {
    padding: 0px 10px;
    font-size: 12px;
    width: 100%;
  }
}
@media(max-width: 350px){ 
  button#button-cart-sticky {
    font-size: 10px;
  }
}
.form_buy_sticky.fix-header1{
  bottom: 0;
  padding: 10px 0 !important;
  background: #fff;
  border: none;
  box-shadow: 0 0 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
  -o-box-shadow: 0 0 2px rgba(0,0,0,0.1);
  -ms-box-shadow: 0 0 2px rgba(0,0,0,0.1);
  width: 100%;
  max-width: 100% !important;
  left: 0;
  right: 0;
  z-index: 889;
  margin: 0 auto;
  position: fixed !important;
  -webkit-animation-name: fadeInDown;
  -webkit-animation-duration: 5.0s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-play-state: running;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: anim_titles;
  -moz-animation-duration: 5.0s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: normal;
  -moz-animation-play-state: running;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* logo text */
#logo .navbar-brand {
  float: none;
  text-transform: uppercase;
  font-weight: bold;
}
/* svg */
.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.placeholder-svg {
  display: block;
  fill: rgba(105,114,123,0.35);
  background-color: rgba(105,114,123,0.1);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(105,114,123,0.2);
}

/* soldout */
.label-product.label_sale.l_sold {
  font-size: 10px;
  text-transform: capitalize;
  font-weight: bold;
}

/*body:not(.common-home) footer {
margin-top: 20px;
}*/
/*
.ion-android-cart:before {
font-size: 32px;
}
*/
/* owl carousal show on mobile */

@media(max-width: 768px){
  .owl-carousel.owl-theme .owl-nav div {
    opacity: 1;
  }
}

/* deal*/
.product-info-main .item-inner .caption {
  padding: 0px 0 24px 0;  
}
#product-product #content .is-countdown .countdown-row {
  margin-left: 0px;  
}

/* megamenu product type css */

.sub-item2-content.sub-product {
  text-align: center;
}
@media(max-width: 1199px){
  li.li-second-items.product-img {
    float: none; 
  }
}
@media(max-width: 991px){
  #oc-menu-mheader .ul-second-items .li-second-items .mega-second-image {
    padding-top: 15px;
  }
}

/* for adding effect to items added to wishlist */
.item-inner .action-links button.wishlist-btn.is-active {
  color: #0f7b44; 
  background-color: transparent; 
}

#desc {
  z-index:9;
}
/* custom slider */
.static-slider-cust-slider {
  background: #1d1d1d;
  border-bottom: 1px solid #2d2d2d;
}
.static-slider-cust-slider .owl-item.active {
  border-left: 1px solid #2d2d2d;
}
.static-slider-cust-slider .owl-item.first {
  border:0;
}
.static-slider-cust-slider.banner-static .image a:before {
  display:none;
}
.static-slider-cust-slider .image a .text {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 8%;
  top:auto;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.static-slider-cust-slider .text .text1 {
  color: #0f7b44;
  display: block;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 2px;
}
.static-slider-cust-slider .text .text2 {
  color: #fff;
  display: block;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 30px;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", sans-serif;
  line-height: 1.1;
}

.static-slider-cust-slider .text .link {
  font-size: 14px;
  display: block;
  color: #525252;
  text-transform: capitalize;
  margin-top: 36px;
  text-decoration: underline;
}
.static-slider-cust-slider .text .link:hover {
  color: #0f7b44;
}

/* custom slider */

/* product page */
#product-product #content .is-countdown {
  position: relative;
  max-width: 250px;
  text-align: center;
  bottom: auto;
  left: 0;
}

.product-zoom-image.sticky div#wrap {
  margin-bottom: 20px;
}

span#variantQuantity.is-visible {
  color: red; 
  margin: auto 20px;
  line-height: 45px;
}
/* full width add to cart button on mobile */
@media (max-width: 1024px) {
  .product-info-main .button-cart {
    padding: 0 15px !important;
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .product-info-main .button-cart {
    width: 100%;
  }
  button#button-cart-buy { 
    margin-left: 0px !important;  
  }
}
/*.hd2 .selected-currency {
padding-right: 0px !important;
margin-right: 0px !important;
border:0px !important;
}*/
.note.form-error {
  color: #0f7b44;
}
.topbar.alert-success {
  color: #fff;
  background-color: #62ab00;
}

.topbar.alert-success button#alertbtn {
  float: none;
  padding-left: 40px;
  font-size: 13px;
  vertical-align: text-top;
  opacity: 1;
  padding-top: 1px;
  color: #fff;
  top: inherit;
  right: inherit;
}
.toast-success {
  background-color: #0f7b44 !important;
}
#instafeed img.insta-size {
  width: 30% !important;
  display: inline !important;
  padding: 0px 10px 10px 0px;
}
#instafeed img.insta-size:hover {
  opacity: .8;
}
div#instafeed {
  text-align: center;
  padding: 0px;
}


.selector-wrapper {
  display: none;
}
#productSelect {
  display: none;
}

/*.product-view .tab-view a {
padding: 0px !important;
font-size: 15px !important; 
}*/

/* cart page */
.buttons.cartbtn a {
  color: #fff;
}
/* footer content */
.footer .footer-content.contact {
  margin-top: 10px;
}
.footer .footer-content.contact li i {
  display: inline-block;
  text-align: center;
  float: left;
  font-size: 18px;
  margin: 5px 10px 5px 0px;
}

/* vertical slider */
.bx-pager.bx-default-pager {
  display: none;
}
.bx-wrapper {
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}

.bx-wrapper .bx-controls-direction a {
  top: 110% !important;
}

.bx-wrapper .bx-next {
  right: -2px !important;
}
.bx-wrapper .bx-prev {
  left : -2px !important;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}

.carousel-inner > .item {
  margin-bottom: 0px;
}

.carousel-inner > .item.active {
  border: 0px;
}

.carousel-control {
  position: absolute;
  display: block;
  top: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  left: 0px;
  margin-top: -20px;
  /*  color: #262626;
  border-radius: 100%;
  */
  background: #fff;
  opacity: 0;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -o-transform: translateY(30px);
  cursor: pointer;
  transform: translateY(30px);
  background-image: none !important;
}

.carousel:hover .carousel-control{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.carousel-control:hover{
  /*background: #0f7b44;*/
  color: #fff;
}

.carousel-inside .carousel-control {
  position: absolute;
  display: block;
  height: 35px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: #333745;
  color: #ffffff;
  top: 50%;
  padding: 0;
  margin-top: -17px;
  border: none;
  outline: none;
  opacity: 1;
  -webkit-transition: left 0.3s ease 0.3s, right 0.3s ease 0.3s;
  -o-transition: left 0.3s ease 0.3s, right 0.3s ease 0.3s;
  transition: left 0.3s ease 0.3s, right 0.3s ease 0.3s;
  text-shadow: none;
}

.carousel-control i.fa {
  font-size: 20px;
  vertical-align: text-top;
  color: #333;
}
.carousel-control i.fa:hover {
  color: #0f7b44; 
}
.carousel-inside .carousel-control.next {
  right: -22px;
  left: auto;
}

.carousel-inside .carousel-control.prev {
  left: -22px;
  right: auto;
}

.owl-item a.carousel-control {
  position: absolute;
}

.carousel-indicators li {
  width: 20px;
  height: 20px;
  border-radius: 20px; 
}

.toolbar label.control-label {
  display: none;
}

.small-item .spr-badge:after {
  clear: none;
}

.social-sharing {
  margin: 20px 0px 0px 0px;
}
.social-sharing .btn {
  height: 47px;
  line-height: 47px;
  border: 2px solid #ababab;
  max-width: 150px;
  font-size: 14px;
  color: #fff;
}

.social-sharing a.btn {
  width: 47px;
  line-height: 47px;
  
  border-radius: 0;
  background: transparent;
  color: #0f7b44;
  position: initial;
  left: 50%;
  opacity: 1;
  padding: 0px;
  margin-right: 6px;
}

.social-sharing a.btn:hover {
  color: #fff;
  background: #0f7b44;
  border-color: #0f7b44;
}

.error-text img { 
  display:block;
  margin: 0px auto;
}

.error-text h1 {
  text-align: center;
}

.error-text .buttons a, .submit button, #submitMessage {
  margin: 10px;
}
.error-text .buttons a {
  margin: 0px auto;
  display: block;
  border: none;
  box-shadow: none;
  color: #0f7b44;
}
#wraper_ajax.loadding_ajaxcart, .ajax_loading {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 26px !important;
  color: #666;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
  margin-top: -25px;
  margin-left: -25px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  top: 50% !important;
  left: 60%;
  position:fixed;
  display: none;
  z-index: 9990;
}
#wraper_ajax.loadding_ajaxcart .fa {
  font-size: 26px !important;
}

.advanced-filters{margin-bottom:30px}
.advanced-filters a {
  display: block;
  position: relative;
  /*padding: 0px 0px 0px 25px !important;*/
  border: 0px !important;
}
.advanced-filters a:before,.advanced-filters a:after{content:'';display:block;position:absolute}
.advanced-filters a:before{top:16px;left:0;width:12px;height:12px;/*background-color:#fff;*/border:1px solid #ccc; margin-top: 0px;}
.advanced-filters .active-filter a:after {
  top: 16px;
  left: 2px;
  width: 8px;
  height: 8px;
  background-color: transparent;
  margin-top: 2px;
}
.advanced-filters a:hover:after {
  background-color: transparent;
}
.active-filter a.advanced-filter:after{
  background-color:#0f7b44
}
.active-filter a.advanced-filter:hover:after {
  content: '\78';
  top: 14px;
  left: -1px;
  width: 14px;
  height: 14px;
  background-color: #0f7b44;
  font-size: 7px;
  text-align: center;
  color: #fff;
  font-family: "icons";
  line-height: 14px;
  speak: none;
  padding-left: 1px;
}
.advanced-filters .blue a:before {
  background-color:blue; 
}
.advanced-filters .red a:before {
  background-color:red; 
}
.advanced-filters .green a:before {
  background-color:green; 
}
.advanced-filters .white a:before {
  background-color:white; 
}
.advanced-filters .black a:before {
  background-color:black; 
}
.advanced-filters .yellow a:before {
  background-color:yellow; 
}
.advanced-filters .pink a:before {
  background-color:pink; 
}
.advanced-filters .grey a:before {
  background-color:grey; 
}
.advanced-filters .orange a:before {
  background-color:orange; 
}
.advanced-filters .maroon a:before {
  background-color:maroon; 
}

.selector-wrapper select {
  background: #ffffff none repeat scroll 0 0;
  height: 26px;
  padding: 0 0 0 5px;
  margin-bottom: 15px;
  width: 224px;
  border: 1px solid #d6d4d4;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.selector-wrapper label {
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 7px;
  text-align: left;
  width: 65px;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  vertical-align: middle;
}

.table-checkout-cart h5 a {
  color: #0f7b44;
  font-size: 13px;
}

#product .contact-form {
  display:inline;
}

.item form#contact_form {
  display: inline;
}

/* 
Swatches Styles
*/



.swatch { 
  margin:0px 0px 0px 0px; 
}
.swatch:first-child { 
  margin:0 0 1em 0; 
}
/* Label */
.swatch .header {
  display: none;
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:50px !important; 
  height:35px !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#0f7b44 1px solid;
  /* Background color */
  background-color:#fff;
  /* Styling text */
  font-size:13px;
  text-align:center;
  line-height:35px;
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch label.img {
  /* Color swatches contain no text so they need to have a width. */
  width:50px !important; 
  height:50px !important;
}
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; border:none; }
.color.white.swatch-element label.bg-white { border:#0f7b44 1px solid; }
.color.white.swatch-element label.img { border:none; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  /* -webkit-box-shadow:0px 1px 2px #0f7b44 ;
  -moz-box-shadow:0px 1px 2px #0f7b44;
  box-shadow:0px 1px 2px #0f7b44;*/
  background-color: #0f7b44; 
  color: #fff;
  border-color:transparent;
} 
.swatch input:checked + label.img {
  background: transparent;
}
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:10px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:#0f7b44;
  color:#fff;
  bottom:100%;
  padding: 5px;
  display:block;
  position:absolute;
  width:100px;
  left:-23px;
  margin-bottom:7px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid #0f7b44 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}

/* review tab form */
input.spr-form-input, textarea.spr-form-input {
  padding: 8px;
}
.spr-form-input.spr-starrating a {
  line-height: 20px;
  height: 18px;
  padding: 0px;
}
.spr-badge {
  font-size: 10px;
  line-height: 14px;
}
.featuredproduct-container .spr-badge, .mostviewed-container .spr-badge {
  display: inline-block;
}
.spr-icon {
  font-size: 100% !important;
  color: #0f7b44;
}
.spr-icon-star {
  color: #0f7b44;
}

.spr-icon.spr-icon-star-empty {
  opacity: 1 !important;
}
/*--------------------------------------------*/
/*  Newsletter PopUP Area
/*--------------------------------------------*/
#newsletter-popup-conatiner {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
}
#newsletter-pop-up {
  background: rgba(100, 100, 100, 0.7) repeat scroll 0 0;
  color: #ffffff;
  height: 400px;
  left: 50%;
  min-width: 450px;
  padding: 35px;
  position: absolute;
  text-align: left;
  top: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: -200px;
}
#newsletter-pop-up .hide-popup {
  background: #000000 none repeat scroll 0 0;
  border: 1px solid #ffffff;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  line-height: 24px;
  min-width: 70px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: -30px;
}
#newsletter-pop-up .hide-popup:hover {
  background: #E03550
}
.title-subscribe h1 {
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 60px;
  text-transform: uppercase;
  color: #232323;
}
#newsletter-form .content-subscribe {overflow: hidden}
.form-subscribe-header label {
  color: #999999;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 25px;
  margin: 20px 0;
  max-width: 72%;
}
#newsletter-form .input-box, #newsletter-form .content-subscribe .actions1 {float: left}
#newsletter-form .input-box .input-text {
  color: #232323;
  border: 1px solid #eeeeee;
  height: 40px;
  line-height: 40px;
  margin: 0 0 5px;
  padding-left: 10px;
  width: 380px;
}
#newsletter-form  .actions1 .button-subscribe {
  background-color: #222222;
  border: medium none;
  color: #ffffff;
  font-family: "PT Serif", serif ;
  font-size: 1em;
  height: 40px;
  line-height: 40px;
  min-width: 115px;
  padding: 0 10px;
  text-transform: uppercase;
}
#newsletter-form .actions1 .button-subscribe:hover {
  background: #0f7b44;
  color: #fff;
}
.subscribe-bottom {
  color: #000000;
  display: block;
  margin-top: 15px;
  overflow: hidden;
}
.subscribe-bottom label {
  color: #000;
  font-size: 12px;
  margin-bottom: 0;
}
#dont_show {
  margin: 0;
  vertical-align: middle;
}
.footer-bottom .payment, .footer-payment  {
  display: inline-block;
  line-height: 32px;
  padding: 5px 0;
}
.footer-payment  {
  margin-top: 0px;
}
.ct-payment a.fa {
  font-size: 30px; 
}

@media(max-width: 768px){
  #newsletter-popup-conatiner {
    display: none !important;
  }
  ul.ct-payment {
    float: none !important;
    text-align:center;
    padding-top: 10px; 
    padding-right: 0px;
  }
}

/**
* Simple fade transition for product video popup,
*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out; 
  -moz-transition: all 0.15s ease-out; 
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out; 
  -moz-transition: all 0.15s ease-out; 
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


/* alert success message newsletter */
#contact_form .successMessage.alert.alert-success.alert-dismissible {
  position: relative;
  width: 100%;
}
.alert-dismissible {
  padding-bottom: 30px;
}
.alert-dismissible .errors {
  float: left;
}
.alert-dismissable .close, .alert-dismissible .close {
  right: 10px !important;
  font-size: 15px;
}

/* instagram */

#instagram_block_home .owl-carousel .owl-item{
  padding: 0;
}
#instagram_block_home .owl-item a::before{
  background: rgba(0,0,0,.5);
  right: 25px;
  top: 25px;
  bottom: 25px;
  left: 25px;
  position: absolute;
  content: "";
  z-index: 1;
  opacity: 0;
}
#instagram_block_home .owl-item::after,
#instagram_block_home .owl-item::before{
  display: none;
  position: absolute;
  width: 1px;
  height: 70px;
  content: "";
  top: 50%;
  left: 50%;
  z-index: 2;
  background: #fff;
  margin-top: -35px;
  transform: scale(0);
}
#instagram_block_home .owl-item::after{
  width: 70px;
  height: 1px;
  margin-top: 0;
  margin-left: -35px;
}
#instagram_block_home .owl-item ,
#instagram_block_home .owl-item a{
  position: relative;
  display: block;
}
#instagram_block_home .owl-item:hover::before,
#instagram_block_home .owl-item:hover::after{
  transform: scale(1);
}
#instagram_block_home .owl-item:hover a::before{
  opacity: 1;
}

/* transition */
#instagram_block_home .owl-item:hover::before, #instagram_block_home .owl-item:hover::after{
  -webkit-transition: ease-in-out all .3s;
  -moz-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}

.modal-product span.old-price {
  text-decoration: line-through;
  padding-left: 10px;
  color: red;
}

/* Static slider video */
.our_story, .our_story1{
  position:relative;
  text-align:center;
  margin-bottom: 50px;
}
.our_story1{
  margin-bottom: 0px;
  margin-top: 74px;
}
@media (max-width:991px){
  .our_story, .our_story1{
    margin-bottom:30px;
  }
}
.static_video, .static_video1{
  position:relative;
  padding:0;
}
.our_story .static_video .added_video, .our_story1 .static_video1 .added_video1{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index: 9;
}
.oc-banner7-container .flexslider .slides.static_video img {
  z-index: -1; 
}
.our_story .static_video #cms_play, .our_story1 .static_video1 #cms_play1{
  position:absolute;
  top:30%;
  left:50%;
  cursor:pointer;
  -moz-transform:translateX(-50%) translateY(-50%);
  -webkit-transform:translateX(-50%) translateY(-50%);
  -o-transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
}
.our_story1 .static_video1 #cms_play1{
  top:50%;
  left:50%;
}
.our_story1 .static_video1 .img_static1 {
  width: 100% !important;
}
.our_story .static_video #cms_play img, .our_story1 .static_video1 #cms_play1 img{
  -webkit-transition:all 300ms ease-in;
  -moz-transition:all 300ms ease-in;
  -ms-transition:all 300ms ease-in;
  -o-transition:all 300ms ease-in;
  transition:all 300ms ease-in;
}
.our_story .static_video #cms_play img:hover, .our_story1 .static_video1 #cms_play1 img:hover{
  transform:scale3d(1.1,1.1,1.1);
  -moz-transform:scale3d(1.1,1.1,1.1);
  -webkit-transform:scale3d(1.1,1.1,1.1);
  -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;
  -ms-transition:all 300ms ease-in;
  -o-transition:all 300ms ease-in;
  transition:all 300ms ease-in;
}

.our_story .static_video video.added_video {
  width: 100%    !important;
  height: auto   !important;
}

.our_story .static_video .added_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* blog */
.blog-article .article-description img {
  float: left;
  margin-right: 30px;
  margin-bottom: 15px;
}

/* comments area css */
.comment-area {
  margin-top: 15px;
}
.comments-heading > h3 {
  border-top: 1px solid #e5e5e5;
  font-family: "PT Serif", serif ;
  font-size: 24px;
  margin: 0 0 50px;
  padding: 22px 0 0;
  text-transform: uppercase;
}
.comment-list-image {
  float: left;
  margin-right: 15px;
}
.comment-content-wrap > p {
  margin-top: 15px;
}
.comment-content-wrap {
  border: 1px solid #ddd;
  color: #42414f;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px 63px;
  padding: 10px;
  position: relative;
}
.comment-content-wrap::before {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  content: "";
  display: block;
  height: 10px;
  left: -5px;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  width: 10px;
}
.comments-list ul li {
  margin-bottom: 25px;
}
.threaded-comments {
  margin-left: 50px;
}
.comment-respond {
  margin-top: 15px;
}
h3.comment-reply-title {
  border-top: 1px solid #e5e5e5;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 24px;
  margin: 0 0 20px;
  padding: 22px 0 0;
  text-transform: uppercase;
}
span.email-notes {
  color: #42414f;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"] {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 32px;
  margin-bottom: 15px;
  padding: 0 0 0 10px;
  width: 100%;
}
.comment-respond textarea#message, .comment-respond textarea#CommentBody {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 130px;
  max-width: 100%;
  padding: 10px;
  width: 100%;
}
.comment-respond input[type="submit"] {
  background: #919191 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.comment-respond input[type="submit"]:hover {
  background-color: #0f7b44;
}

.single-reply .comment-author {
  display: inline;
  float: left;
  padding-right: 25px;
}

#checkout-cart .pull-right .additional-checkout-button {
  margin-left: 10px; 
}
@media (max-width:991px){
  #checkout-cart .pull-right, #checkout-cart .pull-left{
    float: none !important;
    text-align: center;
    margin: 10px 0; 
  }
}


.bg-navy {
  background-color: #001F3F !important
}

.bg-blue {
  background-color: #0074D9 !important
}

.bg-aqua {
  background-color: #7FDBFF !important
}

.bg-teal {
  background-color: #39CCCC !important
}

.bg-olive {
  background-color: #3D9970 !important
}

.bg-green {
  background-color: #2ECC40 !important
}

.bg-lime {
  background-color: #01FF70 !important
}

.bg-yellow {
  background-color: #FFDC00 !important
}

.bg-orange {
  background-color: #FF851B !important
}

.bg-red {
  background-color: #FF4136 !important
}

.bg-fuchsia {
  background-color: #F012BE !important
}

.bg-purple {
  background-color: #B10DC9 !important
}

.bg-maroon {
  background-color: #85144B !important
}

.bg-white {
  background-color: #fff !important
}

.bg-gray {
  background-color: #aaa !important
}

.bg-silver {
  background-color: #ddd !important
}

.bg-black {
  background-color: #111 !important
}

.navy {
  color: #001F3F
}

.blue {
  color: #0074D9
}

.aqua {
  color: #7FDBFF
}

.teal {
  color: #39CCCC
}

.olive {
  color: #3D9970
}

.green {
  color: #2ECC40
}

.lime {
  color: #01FF70
}

.yellow {
  color: #FFDC00
}

.orange {
  color: #FF851B
}

.red {
  color: #FF4136
}

.fuchsia {
  color: #F012BE
}

.purple {
  color: #B10DC9
}

.maroon {
  color: #85144B
}

.white {
  color: #fff
}

.silver {
  color: #ddd
}

.gray {
  color: #aaa
}

.black {
  color: #111
}

.border--navy {
  border-color: #001F3F
}

.border--blue {
  border-color: #0074D9
}

.border--aqua {
  border-color: #7FDBFF
}

.border--teal {
  border-color: #39CCCC
}

.border--olive {
  border-color: #3D9970
}

.border--green {
  border-color: #2ECC40
}

.border--lime {
  border-color: #01FF70
}

.border--yellow {
  border-color: #FFDC00
}

.border--orange {
  border-color: #FF851B
}

.border--red {
  border-color: #FF4136
}

.border--fuchsia {
  border-color: #F012BE
}

.border--purple {
  border-color: #B10DC9
}

.border--maroon {
  border-color: #85144B
}

.border--white {
  border-color: #fff
}

.border--gray {
  border-color: #aaa
}

.border--silver {
  border-color: #ddd
}

.border--black {
  border-color: #111
}

.fill-navy {
  fill: #001F3F
}

.fill-blue {
  fill: #0074D9
}

.fill-aqua {
  fill: #7FDBFF
}

.fill-teal {
  fill: #39CCCC
}

.fill-olive {
  fill: #3D9970
}

.fill-green {
  fill: #2ECC40
}

.fill-lime {
  fill: #01FF70
}

.fill-yellow {
  fill: #FFDC00
}

.fill-orange {
  fill: #FF851B
}

.fill-red {
  fill: #FF4136
}

.fill-fuchsia {
  fill: #F012BE
}

.fill-purple {
  fill: #B10DC9
}

.fill-maroon {
  fill: #85144B
}

.fill-white {
  fill: #fff
}

.fill-gray {
  fill: #aaa
}

.fill-silver {
  fill: #ddd
}

.fill-black {
  fill: #111
}

.stroke-navy {
  stroke: #001F3F
}

.stroke-blue {
  stroke: #0074D9
}

.stroke-aqua {
  stroke: #7FDBFF
}

.stroke-teal {
  stroke: #39CCCC
}

.stroke-olive {
  stroke: #3D9970
}

.stroke-green {
  stroke: #2ECC40
}

.stroke-lime {
  stroke: #01FF70
}

.stroke-yellow {
  stroke: #FFDC00
}

.stroke-orange {
  stroke: #FF851B
}

.stroke-red {
  stroke: #FF4136
}

.stroke-fuchsia {
  stroke: #F012BE
}

.stroke-purple {
  stroke: #B10DC9
}

.stroke-maroon {
  stroke: #85144B
}

.stroke-white {
  stroke: #fff
}

.stroke-gray {
  stroke: #aaa
}

.stroke-silver {
  stroke: #ddd
}

.stroke-black {
  stroke: #111
}



.product-zoom-image img,
.additional-images img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

.additional-images {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.cloud-zoom, .cloud-zoom img,
.additional-images img {
  filter: none !important;
  opacity: 1 !important;
  -webkit-filter: none !important;
  transition: none !important;
}




/* =========================================================
   Al Haq professional fixes - product grid, mobile spacing,
   search, pagination and product-card consistency.
   Added by ChatGPT review/fix pass.
   ========================================================= */
#custom-products.row,
.custom-products > .row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
}
#custom-products.row:before,
#custom-products.row:after,
.custom-products > .row:before,
.custom-products > .row:after {
  display: none;
}
#custom-products.row > .product-grid,
.custom-products > .row > .product-grid,
#custom-products.row > .grid-style,
.custom-products > .row > .grid-style {
  float: none;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 34px;
}
#custom-products.row > .product-list {
  float: none;
  width: 100%;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
}
.product-grid .product-thumb,
.product-grid .item,
.product-grid .item-inner,
.grid-style .product-thumb,
.grid-style .item,
.grid-style .item-inner {
  width: 100%;
}
.product-grid .item-inner,
.grid-style .item-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.product-grid .caption-top,
.grid-style .caption-top {
  min-height: 76px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}
.product-grid .product-name,
.grid-style .product-name {
  width: 100%;
  margin: 8px 0 10px;
}
.product-grid .product-name a,
.grid-style .product-name a {
  min-height: 60px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  word-break: normal;
}
.product-grid .box-border,
.grid-style .box-border {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.product-grid .images-container,
.grid-style .images-container {
  width: 100%;
}
.product-grid .images-container .product-image,
.product-grid .rotate-image-container .product-image,
.product-grid .carousel-inner .item > a,
.grid-style .images-container .product-image,
.grid-style .rotate-image-container .product-image,
.grid-style .carousel-inner .item > a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 180px;
}
.product-grid .images-container img,
.product-grid .rotate-image-container img,
.grid-style .images-container img,
.grid-style .rotate-image-container img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.product-grid .caption,
.grid-style .caption {
  margin-top: auto;
  padding: 14px 8px 4px;
  min-height: 84px;
}
.product-grid .price-box,
.grid-style .price-box {
  min-height: 30px;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 2px 7px;
  margin-right: 0 !important;
}
.product-grid .price-box p,
.grid-style .price-box p {
  margin: 0 !important;
  padding: 0 !important;
}
.product-grid .price-box .price,
.grid-style .price-box .price {
  white-space: nowrap;
}
.product-grid .label_sale,
.grid-style .label_sale {
  margin-top: 8px;
  min-width: 64px;
  border-radius: 4px;
  line-height: 28px;
  padding: 0 9px;
}
.product-grid .box-countdown,
.grid-style .box-countdown {
  margin-top: 10px;
}
#pagination .pagination,
.pagination-custom {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 12px;
  margin: 22px auto;
  background: #fff;
}
#pagination .pagination > li,
.pagination-custom > li {
  display: inline-flex;
}
#pagination .pagination > li > a,
#pagination .pagination > li > span,
.pagination-custom > li > a,
.pagination-custom > li > span {
  min-width: 42px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  color: #333;
  background: #fff;
  padding: 0 10px;
}
#pagination .pagination > .active > span,
.pagination-custom > .active > span {
  border-color: #62ab00;
  color: #62ab00;
  box-shadow: none;
}
.alhaq-search-bar {
  max-width: 620px;
  margin: 0 auto 28px;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
}
.alhaq-search-bar input[type="search"] {
  height: 46px;
}
.alhaq-search-bar .btn {
  height: 46px;
  padding-left: 22px;
  padding-right: 22px;
}
@media (max-width: 767px) {
  .toolbar.toolbar-products {
    display: block;
  }
  .toolbar-products .modes,
  .toolbar-products .toolbar-amount,
  .toolbar-products .sorter,
  .toolbar-products .limiter {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  .product-grid .caption-top,
  .grid-style .caption-top {
    min-height: 78px;
    padding-left: 7px;
    padding-right: 7px;
  }
  .product-grid .product-name a,
  .grid-style .product-name a {
    font-size: 14px;
    line-height: 20px;
    min-height: 60px;
  }
  .product-grid .caption,
  .grid-style .caption {
    min-height: 90px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .price-box .price {
    font-size: 16px;
  }
  .price-box p.old-price .price {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  #custom-products.row,
  .custom-products > .row {
    margin-left: -6px;
    margin-right: -6px;
  }
  #custom-products.row > .product-grid,
  .custom-products > .row > .product-grid,
  #custom-products.row > .grid-style,
  .custom-products > .row > .grid-style {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 28px;
  }
  .product-grid .caption-top,
  .grid-style .caption-top {
    min-height: 82px;
  }
  .product-grid .product-name a,
  .grid-style .product-name a {
    font-size: 13px;
    line-height: 19px;
    min-height: 57px;
  }
  .product-grid .images-container .product-image,
  .product-grid .rotate-image-container .product-image,
  .product-grid .carousel-inner .item > a,
  .grid-style .images-container .product-image,
  .grid-style .rotate-image-container .product-image,
  .grid-style .carousel-inner .item > a {
    min-height: 155px;
  }
  #pagination .pagination > li > a,
  #pagination .pagination > li > span,
  .pagination-custom > li > a,
  .pagination-custom > li > span {
    min-width: 38px;
    height: 38px;
    line-height: 36px;
  }
  .alhaq-search-bar {
    display: block;
  }
  .alhaq-search-bar .btn {
    width: 100%;
    margin-top: 10px;
  }
}

/* Al Haq order-first checkout/payment clarification */
.alhaq-order-flow-note,
.alhaq-product-order-note,
.alhaq-payment-note {
  background: #f7fff2;
  border: 1px solid #62ab00;
  border-radius: 8px;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
  margin: 14px 0 20px;
  padding: 12px 14px;
}
.alhaq-payment-note { text-align: center; margin: 10px auto; max-width: 820px; }
.alhaq-product-order-note { max-width: 560px; clear: both; }
@media (max-width: 767px) {
  .alhaq-order-flow-note,
  .alhaq-product-order-note,
  .alhaq-payment-note { font-size: 13px; padding: 10px 12px; }
}

/* =========================================================
   Al Haq Law Book Centre - Attractive Professional V4
   Mobile-first polish, trust blocks, product policy accordion
   ========================================================= */
:root{
  --alhaq-green:#0f7b44;
  --alhaq-green-dark:#07572f;
  --alhaq-gold:#c79a2b;
  --alhaq-ink:#17221b;
  --alhaq-muted:#66756c;
  --alhaq-soft:#f6fbf7;
  --alhaq-line:#e4eee7;
}
body{background:#ffffff;color:var(--alhaq-ink);}
a:hover{color:var(--alhaq-green);}
.button,.btn-primary,.btn.button,.button-cart,.btn-checkout,.btn-default:hover{border-radius:10px!important;font-weight:700;letter-spacing:.2px;transition:all .22s ease;}
.button:hover,.btn-primary:hover,.btn.button:hover,.button-cart:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,123,68,.18);}
#button-cart-buy,.product-info-main #button-cart-buy,.button-cart#button-cart-buy{background:linear-gradient(135deg,var(--alhaq-green),var(--alhaq-green-dark))!important;border-color:var(--alhaq-green)!important;color:#fff!important;}
#button-cart,.button-cart#button-cart{background:#ffffff!important;border:1px solid var(--alhaq-green)!important;color:var(--alhaq-green)!important;}

.alhaq-hero-v4{padding:54px 0 34px;background:radial-gradient(circle at top left,rgba(199,154,43,.24),transparent 28%),linear-gradient(135deg,#f7fbf5 0%,#ffffff 50%,#eef8f1 100%);position:relative;overflow:hidden;}
.alhaq-hero-v4:before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:rgba(15,123,68,.08);}
.alhaq-hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:34px;align-items:center;}
.alhaq-eyebrow,.alhaq-section-head span{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#eaf6ef;color:var(--alhaq-green-dark);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.6px;}
.alhaq-hero-copy h1{font-size:44px;line-height:1.08;margin:18px 0 14px;color:var(--alhaq-ink);font-weight:900;}
.alhaq-hero-copy p{font-size:17px;line-height:1.75;color:var(--alhaq-muted);max-width:760px;margin-bottom:22px;}
.alhaq-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0;}
.alhaq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;font-weight:800;text-decoration:none!important;}
.alhaq-btn-primary{background:linear-gradient(135deg,var(--alhaq-green),var(--alhaq-green-dark));color:#fff!important;box-shadow:0 12px 28px rgba(15,123,68,.22);}
.alhaq-btn-secondary{background:#fff;color:var(--alhaq-green)!important;border:1px solid var(--alhaq-line);box-shadow:0 8px 18px rgba(23,34,27,.06);}
.alhaq-hero-mini{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.alhaq-hero-mini span{background:#fff;border:1px solid var(--alhaq-line);border-radius:999px;padding:8px 12px;font-weight:700;color:#33443a;font-size:13px;}
.alhaq-hero-card{background:linear-gradient(145deg,#122019,#0f7b44);border-radius:24px;padding:10px;box-shadow:0 20px 50px rgba(15,123,68,.22);position:relative;}
.alhaq-hero-card-inner{background:rgba(255,255,255,.96);border-radius:18px;padding:28px;min-height:300px;display:flex;flex-direction:column;justify-content:center;}
.alhaq-law-mark{width:58px;height:58px;border-radius:50%;background:#fff7dd;color:#8a620a;display:flex;align-items:center;justify-content:center;font-weight:900;border:2px solid #f0d58b;margin-bottom:15px;}
.alhaq-hero-card h2{font-size:26px;line-height:1.25;margin:0 0 10px;font-weight:900;color:var(--alhaq-ink);}
.alhaq-hero-card p{color:var(--alhaq-muted);line-height:1.7;margin-bottom:12px;}
.alhaq-hero-card ul{padding-left:18px;margin:0;}
.alhaq-hero-card li{margin:7px 0;font-weight:700;color:#24352b;}

.alhaq-categories-v4{padding:38px 0;background:#fff;}
.alhaq-section-head{text-align:center;max-width:760px;margin:0 auto 26px;}
.alhaq-section-head h2{font-size:31px;font-weight:900;margin:12px 0 8px;color:var(--alhaq-ink);}
.alhaq-section-head p{color:var(--alhaq-muted);font-size:15px;line-height:1.7;}
.alhaq-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.alhaq-category-card{background:#fff;border:1px solid var(--alhaq-line);border-radius:18px;padding:19px 14px;text-align:center;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none!important;box-shadow:0 8px 24px rgba(23,34,27,.05);transition:all .22s ease;color:var(--alhaq-ink)!important;}
.alhaq-category-card:hover{transform:translateY(-4px);border-color:rgba(15,123,68,.35);box-shadow:0 16px 34px rgba(15,123,68,.13);}
.alhaq-category-icon{font-size:30px;line-height:1;margin-bottom:10px;}
.alhaq-category-card strong{font-size:15px;line-height:1.25;min-height:38px;display:flex;align-items:center;}
.alhaq-category-card small{font-size:12px;line-height:1.45;color:var(--alhaq-muted);margin-top:6px;}

.alhaq-confidence-v4{padding:14px 0 42px;background:#fff;}
.alhaq-confidence-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.alhaq-confidence-item{display:flex;gap:13px;align-items:flex-start;background:var(--alhaq-soft);border:1px solid var(--alhaq-line);border-radius:16px;padding:17px 16px;}
.alhaq-confidence-item>span{width:34px;height:34px;border-radius:10px;background:var(--alhaq-green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto;}
.alhaq-confidence-item strong{display:block;font-size:14px;color:var(--alhaq-ink);margin-bottom:4px;}
.alhaq-confidence-item p{margin:0;color:var(--alhaq-muted);font-size:12px;line-height:1.5;}

.product-info-main,.product-info-detailed,.product-product .inner{border-radius:18px;}
.product-product .product-name{font-weight:900;line-height:1.25;color:var(--alhaq-ink);}
.product-product .price-box .price{font-weight:900;color:var(--alhaq-green)!important;}
.alhaq-product-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;clear:both;margin:18px 0 13px;max-width:680px;}
.alhaq-product-trust-strip>div{background:#fff;border:1px solid var(--alhaq-line);border-radius:14px;padding:12px;box-shadow:0 8px 18px rgba(23,34,27,.04);}
.alhaq-product-trust-strip strong{display:block;font-size:12px;color:var(--alhaq-green-dark);line-height:1.35;margin-bottom:4px;}
.alhaq-product-trust-strip span{font-size:11px;color:var(--alhaq-muted);line-height:1.45;display:block;}
.alhaq-policy-accordion{clear:both;max-width:720px;margin:14px 0 22px;border:1px solid var(--alhaq-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 28px rgba(23,34,27,.05);}
.alhaq-policy-accordion details{border-bottom:1px solid var(--alhaq-line);}
.alhaq-policy-accordion details:last-child{border-bottom:none;}
.alhaq-policy-accordion summary{cursor:pointer;list-style:none;padding:15px 18px;font-weight:900;color:var(--alhaq-ink);display:flex;align-items:center;justify-content:space-between;}
.alhaq-policy-accordion summary::-webkit-details-marker{display:none;}
.alhaq-policy-accordion summary:after{content:"+";font-size:20px;color:var(--alhaq-green);font-weight:900;}
.alhaq-policy-accordion details[open] summary:after{content:"–";}
.alhaq-policy-accordion details>div{padding:0 18px 16px;color:var(--alhaq-muted);line-height:1.7;}
.alhaq-policy-accordion p{margin:0 0 8px;}
.alhaq-policy-accordion a{font-weight:800;color:var(--alhaq-green);text-decoration:underline;}
.product-info-detailed .nav-tabs>li>a{font-weight:800;border-radius:10px 10px 0 0;}
.product-info-detailed .tab-content{border-radius:0 0 16px 16px;box-shadow:0 10px 24px rgba(23,34,27,.04);}

.product-grid .product-thumb,.grid-style .product-thumb,.product-grid .item-inner,.grid-style .item-inner{border-radius:16px;overflow:hidden;transition:all .22s ease;}
.product-grid .item-inner:hover,.grid-style .item-inner:hover{box-shadow:0 14px 32px rgba(23,34,27,.10);transform:translateY(-2px);}
.product-grid .label_sale,.grid-style .label_sale{background:linear-gradient(135deg,#c70d22,#8f0716)!important;color:#fff!important;border-radius:8px!important;}

@media (max-width:1199px){.alhaq-category-grid{grid-template-columns:repeat(3,1fr)}.alhaq-confidence-row{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){
  .alhaq-hero-v4{padding:34px 0 24px;}
  .alhaq-hero-grid{grid-template-columns:1fr;gap:18px;}
  .alhaq-hero-copy h1{font-size:30px;}
  .alhaq-hero-copy p{font-size:14px;line-height:1.65;}
  .alhaq-hero-actions .alhaq-btn{width:100%;}
  .alhaq-hero-card-inner{min-height:auto;padding:22px;}
  .alhaq-category-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .alhaq-category-card{min-height:132px;padding:15px 10px;border-radius:14px;}
  .alhaq-category-card strong{font-size:13px;min-height:32px;}
  .alhaq-section-head h2{font-size:24px;}
  .alhaq-confidence-row{grid-template-columns:1fr;}
  .alhaq-product-trust-strip{grid-template-columns:1fr;margin-top:14px;}
  #button-cart,#button-cart-buy{width:100%!important;margin:8px 0 0!important;padding:0 16px!important;clear:both!important;}
  .alhaq-policy-accordion summary{padding:14px 15px;font-size:14px;}
  .alhaq-policy-accordion details>div{padding:0 15px 14px;font-size:13px;}
}
@media (max-width:420px){.alhaq-category-grid{grid-template-columns:1fr 1fr}.alhaq-hero-mini span{font-size:12px;padding:7px 10px}.alhaq-hero-copy h1{font-size:27px}}

/* =========================
   Al Haq V6 - stable attractive header + clean product cards
   ========================= */

/* Homepage category dropdown should not stay open by default */
.common-home .hd4 .vertical-menu .ul-top-items {
  display: none !important;
}
@media (min-width: 992px) {
  .common-home .hd4 .vertical-menu:hover .ul-top-items,
  .common-home .hd4 .vertical-menu:focus-within .ul-top-items {
    display: block !important;
  }
}

/* Desktop header: stop menu overlap without breaking layout */
@media (min-width: 992px) {
  .hd4 .top-menu > .container > .container-inner {
    display: flex !important;
    align-items: center;
    gap: 18px;
  }
  .hd4 .top-menu .col-ver {
    float: none !important;
    flex: 0 0 270px;
    width: 270px;
  }
  .hd4 .top-menu .header-phone {
    display: none !important;
  }
  .hd4 .top-menu .col-hoz.fix {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
  }
  .hd4 .horizontal-menu,
  .hd4 .horizontal-menu .ul-top-items {
    width: 100%;
  }
  .hd4 .horizontal-menu .ul-top-items {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
  }
  .hd4 .horizontal-menu .ul-top-items .li-top-item {
    float: none !important;
    display: block !important;
    width: auto !important;
  }
  .hd4 .horizontal-menu .ul-top-items .li-top-item .a-top-link {
    padding: 13px 11px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: nowrap;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hd4 .top-menu .col-ver {
    flex-basis: 240px;
    width: 240px;
  }
  .hd4 .horizontal-menu .ul-top-items .li-top-item .a-top-link {
    padding: 12px 8px !important;
    font-size: 13px !important;
  }
}
@media (max-width: 991px) {
  .hd4 .top-menu .header-phone {
    display: none !important;
  }
}

/* Clean stable modern product card */
.alhaq-modern-card.product-thumb {
  background: #ffffff !important;
  border: 1px solid #e4eee6 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(15, 42, 26, 0.06) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  height: 100%;
  margin-bottom: 0 !important;
}
.product-layout:hover .alhaq-modern-card.product-thumb {
  transform: translateY(-4px);
  border-color: #cfe4d3 !important;
  box-shadow: 0 14px 34px rgba(15, 42, 26, 0.12) !important;
}
.alhaq-modern-card__image {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #f8fcf9 0%, #f0f7f2 100%);
  aspect-ratio: 1 / 1;
  padding: 18px;
  border-bottom: 1px solid #eef4ef;
}
.alhaq-modern-card__image img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
  margin: 0 auto;
}
.alhaq-modern-card__sale,
.alhaq-modern-card__sold {
  position: absolute;
  top: 12px;
  right: 12px;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  color: #fff;
  z-index: 2;
}
.alhaq-modern-card__sale {
  background: #b40018;
}
.alhaq-modern-card__sold {
  background: #4b5563;
}
.alhaq-modern-card__body {
  padding: 16px 16px 18px;
  text-align: center;
}
.alhaq-modern-card__vendor {
  margin: 0 0 6px;
  font-size: 12px;
  color: #758174;
}
.alhaq-modern-card__title {
  margin: 0 0 10px !important;
  min-height: 46px;
  font-size: 16px !important;
  line-height: 1.42 !important;
  font-weight: 700 !important;
  text-transform: none !important;
}
.alhaq-modern-card__title a {
  color: #17291f !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.alhaq-modern-card__title a:hover {
  color: #0f7b42 !important;
}
.alhaq-modern-card__price {
  min-height: 34px;
  margin-bottom: 13px;
}
.alhaq-modern-card__price .price-box {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.alhaq-modern-card__price .price-box p {
  margin: 0 !important;
}
.alhaq-modern-card__price .special-price .price,
.alhaq-modern-card__price .regular-price .price {
  color: #0f7b42 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
.alhaq-modern-card__price .old-price .price {
  color: #9aa19b !important;
  font-size: 14px !important;
  text-decoration: line-through;
}
.alhaq-modern-card__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.alhaq-card-order,
.alhaq-card-details {
  min-height: 42px;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  padding: 0 10px !important;
  line-height: 1.2 !important;
}
.alhaq-card-order {
  background: #0f7b42 !important;
  border: 1px solid #0f7b42 !important;
  color: #fff !important;
}
.alhaq-card-order:hover {
  background: #0b6536 !important;
  border-color: #0b6536 !important;
  color: #fff !important;
}
.alhaq-card-details {
  background: #ffffff;
  border: 1px solid #dbe8dd;
  color: #173421;
}
.alhaq-card-details:hover {
  background: #f2f8f4;
  color: #0f7b42;
}

#custom-products {
  display: flex;
  flex-wrap: wrap;
}
#custom-products .product-item,
#custom-products .product-layout {
  margin-bottom: 26px;
}
#custom-products .alhaq-modern-card {
  height: 100%;
}

/* Collection page: clean but not over-designed */
#product-category .has-thumb {
  background: #f7fbf8;
  border: 1px solid #e2eee5;
  border-radius: 18px;
  padding: 20px;
  margin-bottom: 18px;
}
#product-category .thumb.category-image .img-thumbnail {
  border: 0;
  padding: 0;
  border-radius: 14px;
}
#product-category .category-name {
  color: #14281d;
  font-size: 32px;
  line-height: 1.2;
  margin: 12px 0 0;
  font-weight: 800;
}
#product-category .category-des {
  color: #5c6961;
  margin-bottom: 18px;
}
#product-category .toolbar-products {
  background: #ffffff;
  border: 1px solid #e3ece5;
  border-radius: 14px;
  padding: 12px 14px;
  margin-bottom: 20px;
  box-shadow: 0 6px 18px rgba(15, 42, 26, 0.04);
}

@media (max-width: 767px) {
  .alhaq-modern-card__image {
    padding: 12px;
  }
  .alhaq-modern-card__body {
    padding: 12px 10px 14px;
  }
  .alhaq-modern-card__title {
    min-height: 42px;
    font-size: 14px !important;
  }
  .alhaq-modern-card__price .special-price .price,
  .alhaq-modern-card__price .regular-price .price {
    font-size: 18px !important;
  }
  .alhaq-modern-card__actions {
    grid-template-columns: 1fr;
  }
  .alhaq-card-order,
  .alhaq-card-details {
    min-height: 38px;
    font-size: 12px !important;
  }
  #product-category .category-name {
    font-size: 24px;
  }
  #product-category .has-thumb {
    padding: 15px;
    border-radius: 14px;
  }
}

/* =========================
   Al Haq V7 refinements
   ========================= */

/* Make product cards more elegant and equal-height */
.alhaq-modern-card.product-thumb {
  border-radius: 20px !important;
}
.alhaq-modern-card__image {
  padding: 16px;
  background: linear-gradient(180deg, #fbfdfb 0%, #f4f8f5 100%);
}
.alhaq-modern-card__body {
  display: flex;
  flex-direction: column;
  min-height: 190px;
  padding: 16px 16px 18px;
}
.alhaq-modern-card__title {
  min-height: 52px;
  margin-bottom: 12px !important;
}
.alhaq-modern-card__price {
  min-height: 62px;
  margin-bottom: 14px;
}
.alhaq-modern-card__price .price-box {
  flex-direction: column;
  gap: 4px;
}
.alhaq-modern-card__price .special-price .price,
.alhaq-modern-card__price .regular-price .price {
  font-size: 20px !important;
}
.alhaq-modern-card__price .old-price .price {
  display: inline-block;
}
.alhaq-modern-card__actions {
  margin-top: auto;
}
.alhaq-card-order,
.alhaq-card-details {
  min-height: 44px;
}
/* Same style for carousel/home/recent cards */
.products-list .product-layout,
.owl-carousel .product-layout,
#recently-viewed-products .product-layout,
.tt_product_module .product-layout,
.tt_tabsproduct_module .product-layout {
  margin-bottom: 6px;
}
#recently-viewed-products .product-item {
  margin-bottom: 24px;
}
#recently-viewed-products .alhaq-modern-card__body {
  min-height: 198px;
}
#recently-viewed-products .alhaq-modern-card__title {
  min-height: 52px;
}
#recently-viewed-products .alhaq-modern-card__price {
  min-height: 62px;
}

/* Product page quantity control */
.alhaq-qty-wrap {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid #d7e6db;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  margin: 8px 0 16px;
  box-shadow: 0 4px 14px rgba(15,42,26,.05);
}
.alhaq-qty-btn {
  width: 46px;
  border: 0;
  background: #f5faf6;
  color: #114a2b;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  transition: background .2s ease, color .2s ease;
}
.alhaq-qty-btn:hover {
  background: #eaf5ed;
  color: #0f7b42;
}
.alhaq-qty-input.form-control,
#Quantity.alhaq-qty-input {
  width: 70px !important;
  min-width: 70px;
  height: 46px !important;
  border: 0 !important;
  border-left: 1px solid #e2ece5 !important;
  border-right: 1px solid #e2ece5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  padding: 0 8px !important;
  -moz-appearance: textfield;
}
#Quantity.alhaq-qty-input::-webkit-outer-spin-button,
#Quantity.alhaq-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-info-main label[for='Quantity'] {
  display: block;
  margin-bottom: 6px;
}

/* Keep hero strong with Pakistan wording feel */
.alhaq-hero-copy h1 {
  max-width: 720px;
}

@media (max-width: 767px) {
  .alhaq-modern-card__body {
    min-height: 178px;
    padding: 12px 10px 14px;
  }
  .alhaq-modern-card__title {
    min-height: 46px;
  }
  .alhaq-modern-card__price {
    min-height: 56px;
  }
  .alhaq-qty-wrap {
    margin: 8px 0 14px;
  }
  .alhaq-qty-btn {
    width: 40px;
    font-size: 22px;
  }
  .alhaq-qty-input.form-control,
  #Quantity.alhaq-qty-input {
    width: 58px !important;
    min-width: 58px;
    height: 40px !important;
    font-size: 15px;
  }
}

/* =========================
   Al Haq V8 mobile card refinement
   ========================= */
@media (max-width: 767px) {
  /* Better two-column mobile product cards */
  .product-layout.product-grid.col-xs-6,
  .product-layout.grid-style.col-xs-6,
  #recently-viewed-products .product-item.col-xs-6 {
    width: 50% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
  }

  .alhaq-modern-card.product-thumb {
    border-radius: 16px !important;
    box-shadow: 0 6px 16px rgba(15,42,26,.06) !important;
  }

  .alhaq-modern-card__image {
    aspect-ratio: 1 / 1;
    padding: 10px;
  }

  .alhaq-modern-card__sale,
  .alhaq-modern-card__sold {
    top: 8px;
    right: 8px;
    padding: 6px 8px;
    font-size: 11px;
  }

  .alhaq-modern-card__body {
    min-height: auto;
    padding: 10px 10px 12px;
  }

  .alhaq-modern-card__title {
    min-height: 44px;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .alhaq-modern-card__title a {
    -webkit-line-clamp: 2;
  }

  .alhaq-modern-card__price {
    min-height: 46px;
    margin-bottom: 10px;
  }

  .alhaq-modern-card__price .special-price .price,
  .alhaq-modern-card__price .regular-price .price {
    font-size: 16px !important;
    line-height: 1.2;
  }

  .alhaq-modern-card__price .old-price .price {
    font-size: 11px !important;
  }

  .alhaq-modern-card__actions {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .alhaq-card-order,
  .alhaq-card-details {
    min-height: 36px;
    font-size: 11px !important;
    border-radius: 10px !important;
    padding: 0 8px !important;
  }

  .alhaq-card-order span,
  .alhaq-card-details {
    letter-spacing: 0;
  }

  /* Tighten carousel/home sections on mobile */
  .owl-carousel .owl-stage-outer,
  .tt_product_module .owl-stage-outer,
  .tt_tabsproduct_module .owl-stage-outer {
    padding-bottom: 4px;
  }
}

/* =========================
   Al Haq V9 - premium modern homepage + mobile collection cards
   ========================= */
:root{
  --alhaq-green:#0f7b42;
  --alhaq-dark:#102319;
  --alhaq-gold:#d7a63a;
  --alhaq-soft:#f5fbf7;
  --alhaq-line:#dfece3;
}

/* Premium homepage start, inspired by the V5 direction */
.alhaq-hero-premium-v9{
  position:relative;
  overflow:hidden;
  padding:66px 0 54px !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(215,166,58,.22), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(15,123,66,.13), transparent 26%),
    linear-gradient(135deg,#fbfdf9 0%,#ffffff 43%,#eef8f2 100%) !important;
  isolation:isolate;
}
.alhaq-hero-premium-v9:before{
  content:"";
  position:absolute;
  inset:auto -90px -170px auto;
  width:360px;
  height:360px;
  border-radius:50%;
  background:rgba(15,123,66,.08);
  z-index:-1;
  animation:alhaqFloat 7s ease-in-out infinite;
}
.alhaq-hero-premium-v9:after{
  content:"";
  position:absolute;
  left:-140px;
  top:-150px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:rgba(215,166,58,.12);
  z-index:-1;
  animation:alhaqFloat 8s ease-in-out infinite reverse;
}
.alhaq-hero-premium-v9 .alhaq-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  align-items:center;
  gap:46px;
}
.alhaq-hero-premium-v9 .alhaq-hero-copy{
  animation:alhaqFadeUp .75s ease both;
}
.alhaq-hero-premium-v9 .alhaq-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:999px;
  background:#e9f7ee;
  color:#075f32;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.alhaq-hero-premium-v9 .alhaq-eyebrow:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--alhaq-gold);
  box-shadow:0 0 0 5px rgba(215,166,58,.16);
}
.alhaq-hero-premium-v9 h1{
  max-width:760px;
  margin:20px 0 16px !important;
  font-size:50px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.035em;
  color:var(--alhaq-dark) !important;
}
.alhaq-hero-premium-v9 .alhaq-hero-copy p{
  max-width:740px;
  font-size:17px !important;
  line-height:1.85 !important;
  color:#4a5d52 !important;
}
.alhaq-hero-premium-v9 .alhaq-btn{
  border-radius:14px !important;
  min-height:48px;
  padding:14px 22px !important;
  font-weight:900 !important;
  box-shadow:0 10px 26px rgba(15,123,66,.10);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.alhaq-hero-premium-v9 .alhaq-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(15,123,66,.18);
}
.alhaq-hero-premium-v9 .alhaq-hero-mini span{
  background:#fff;
  border:1px solid var(--alhaq-line);
  box-shadow:0 7px 18px rgba(15,42,26,.05);
}
.alhaq-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:610px;
  margin-top:22px;
}
.alhaq-hero-stats div{
  background:rgba(255,255,255,.76);
  border:1px solid var(--alhaq-line);
  border-radius:16px;
  padding:14px 16px;
  box-shadow:0 8px 22px rgba(15,42,26,.05);
}
.alhaq-hero-stats strong{
  display:block;
  font-size:21px;
  line-height:1;
  color:var(--alhaq-green);
  margin-bottom:6px;
}
.alhaq-hero-stats small{
  display:block;
  color:#52645a;
  font-weight:800;
}
.alhaq-hero-premium-v9 .alhaq-hero-card{
  border-radius:28px !important;
  padding:10px !important;
  background:linear-gradient(145deg,#102319,#0f7b42 68%,#d7a63a) !important;
  box-shadow:0 26px 60px rgba(15,123,66,.23) !important;
  animation:alhaqFadeUp .8s .12s ease both, alhaqHeroCardFloat 5.5s ease-in-out infinite;
}
.alhaq-hero-premium-v9 .alhaq-hero-card-inner{
  position:relative;
  min-height:330px !important;
  border-radius:22px !important;
  padding:34px !important;
  background:rgba(255,255,255,.97) !important;
  overflow:hidden;
}
.alhaq-hero-premium-v9 .alhaq-hero-card-inner:after{
  content:"§";
  position:absolute;
  right:-8px;
  bottom:-60px;
  color:rgba(15,123,66,.055);
  font-size:180px;
  line-height:1;
  font-family:Georgia,serif;
}
.alhaq-law-mark-wrap{margin-bottom:14px;}
.alhaq-hero-premium-v9 .alhaq-law-mark{
  display:inline-flex;
  width:54px;
  height:54px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff8e8;
  border:1px solid rgba(215,166,58,.45);
  color:#8a620d;
  font-weight:950;
}
.alhaq-hero-premium-v9 .alhaq-hero-card h2{
  font-size:29px !important;
  color:var(--alhaq-dark) !important;
  letter-spacing:-.02em;
}
.alhaq-hero-card-ribbon{
  display:inline-flex;
  margin-top:18px;
  padding:10px 13px;
  border-radius:999px;
  background:#eef8f2;
  color:#0a6538;
  font-weight:900;
  font-size:12px;
}

@keyframes alhaqFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes alhaqFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-18px,0)}}
@keyframes alhaqHeroCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion: reduce){
  .alhaq-hero-premium-v9 *,
  .alhaq-hero-premium-v9:before,
  .alhaq-hero-premium-v9:after{
    animation:none !important;
    transition:none !important;
  }
}

/* Mobile: collection/search cards as modern app-style horizontal cards */
@media (max-width:767px){
  #product-category .toolbar-products{
    border-radius:18px !important;
    padding:14px !important;
    background:#f8fbf9 !important;
  }
  #product-category .modes{
    display:none !important;
  }
  #product-category .toolbar-amount,
  #product-category .sorter,
  #product-category .limiter{
    display:block !important;
    float:none !important;
    width:100% !important;
    text-align:center !important;
    margin:8px 0 !important;
  }
  #custom-products{
    display:block !important;
  }
  #custom-products .product-layout.product-grid.col-xs-6,
  #custom-products .product-layout.grid-style.col-xs-6,
  #custom-products .product-layout.product-grid,
  #custom-products .product-layout.grid-style{
    width:100% !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-bottom:13px !important;
  }
  #custom-products .alhaq-modern-card.product-thumb{
    display:grid !important;
    grid-template-columns:118px minmax(0,1fr);
    align-items:stretch;
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 7px 18px rgba(15,42,26,.07) !important;
  }
  #custom-products .alhaq-modern-card__image{
    aspect-ratio:auto !important;
    min-height:158px;
    height:100%;
    padding:10px !important;
    border-bottom:0 !important;
    border-right:1px solid #edf3ef;
    background:linear-gradient(180deg,#fbfdfb 0%,#f2f8f4 100%);
  }
  #custom-products .alhaq-modern-card__body{
    min-height:auto !important;
    padding:13px 13px 12px !important;
    text-align:left !important;
  }
  #custom-products .alhaq-modern-card__title{
    min-height:40px !important;
    margin-bottom:8px !important;
    font-size:14px !important;
    line-height:1.35 !important;
  }
  #custom-products .alhaq-modern-card__title a{
    -webkit-line-clamp:2;
  }
  #custom-products .alhaq-modern-card__price{
    min-height:auto !important;
    margin-bottom:10px !important;
  }
  #custom-products .alhaq-modern-card__price .price-box{
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:2px !important;
  }
  #custom-products .alhaq-modern-card__price .special-price .price,
  #custom-products .alhaq-modern-card__price .regular-price .price{
    font-size:17px !important;
  }
  #custom-products .alhaq-modern-card__price .old-price .price{
    font-size:11px !important;
  }
  #custom-products .alhaq-modern-card__actions{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }
  #custom-products .alhaq-card-order,
  #custom-products .alhaq-card-details{
    min-height:35px !important;
    font-size:11px !important;
    border-radius:10px !important;
    padding:0 7px !important;
    text-align:center;
  }
  #custom-products .alhaq-modern-card__sale,
  #custom-products .alhaq-modern-card__sold{
    top:8px !important;
    right:8px !important;
    font-size:10px !important;
    padding:6px 7px !important;
  }

  .alhaq-hero-premium-v9{
    padding:36px 0 28px !important;
  }
  .alhaq-hero-premium-v9 .alhaq-hero-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .alhaq-hero-premium-v9 h1{
    font-size:32px !important;
    line-height:1.12 !important;
  }
  .alhaq-hero-premium-v9 .alhaq-hero-copy p{
    font-size:14px !important;
    line-height:1.7 !important;
  }
  .alhaq-hero-stats{
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
  }
  .alhaq-hero-stats div{
    padding:10px 8px;
    text-align:center;
    border-radius:14px;
  }
  .alhaq-hero-stats strong{font-size:16px}
  .alhaq-hero-stats small{font-size:10px;line-height:1.25}
  .alhaq-hero-premium-v9 .alhaq-hero-card-inner{
    min-height:auto !important;
    padding:24px !important;
  }
}


/* =========================
   Al Haq V10 - liked homepage start
   ========================= */
.alhaq-hero-v4 {
  margin-top: 0 !important;
}
.alhaq-order-confidence-v4,
.shopify-section .alhaq-order-confidence-v4 {
  display: none !important;
}
@media (min-width: 768px) {
  .alhaq-hero-v4 {
    padding-top: 60px !important;
    padding-bottom: 42px !important;
  }
}
@media (max-width: 767px) {
  .alhaq-hero-v4 {
    padding-top: 30px !important;
  }
}


/* =========================
   Al Haq V11 - restore liked homepage start
   ========================= */
.alhaq-home-liked-start {
  display: block !important;
  margin-top: 0 !important;
}
.alhaq-home-liked-categories {
  display: block !important;
}
.alhaq-order-confidence-v4,
.service-box,
#shopify-section-alhaq_order_confidence_v4 {
  display: none !important;
}
.alhaq-home-liked-start .alhaq-hero-copy,
.alhaq-home-liked-start .alhaq-hero-card,
.alhaq-home-liked-categories .alhaq-category-card {
  animation: alhaqSoftFadeUp .55s ease both;
}
.alhaq-home-liked-start .alhaq-hero-card {
  animation-delay: .12s;
}
.alhaq-home-liked-categories .alhaq-category-card:nth-child(2){animation-delay:.05s}
.alhaq-home-liked-categories .alhaq-category-card:nth-child(3){animation-delay:.1s}
.alhaq-home-liked-categories .alhaq-category-card:nth-child(4){animation-delay:.15s}
.alhaq-home-liked-categories .alhaq-category-card:nth-child(5){animation-delay:.2s}
.alhaq-home-liked-categories .alhaq-category-card:nth-child(6){animation-delay:.25s}
@keyframes alhaqSoftFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 767px) {
  .alhaq-home-liked-start {
    padding-top: 28px !important;
  }
  .alhaq-home-liked-categories {
    padding-top: 28px !important;
  }
}


/* =========================
   Al Haq V13 modern product page
   ========================= */
#product-product { padding-top: 10px; padding-bottom: 30px; }
#product-product .breadcrumb { margin-bottom: 18px; }
.alhaq-product-hero-row { margin-bottom: 22px; }
.product-zoom-image,
.product-zoom-image .main-image,
.product-zoom-image .main-image img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.product-zoom-image {
  background: #fff;
  border: 1px solid #e3ece4;
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 10px 28px rgba(10,56,27,.05);
}
#gallery_01 .item,
.additional-images .item {
  border: 1px solid #dbe8dd;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
}
#gallery_01 .cloud-zoom-gallery,
.additional-images .cloud-zoom-gallery { display: block; padding: 8px; }
#gallery_01 .bx-wrapper { margin-bottom: 0; }
.product-info-main.ver { padding-left: 24px; }
.alhaq-product-modern { background: transparent; }
.alhaq-product-badges { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.alhaq-pill {
  display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:999px;
  background:#e9f5ec; color:#15763c; font-size:13px; font-weight:700; letter-spacing:.02em;
}
.alhaq-pill-soft { background:#f5faf6; border:1px solid #dbe8dd; }
.alhaq-product-tags { margin:0 0 10px; }
.alhaq-product-tags a {
  display:inline-flex; margin:0 7px 7px 0; padding:6px 10px; border-radius:999px; background:#fff; border:1px solid #e1ebe3; color:#506458;
}
.alhaq-product-title { font-size: 28px; line-height: 1.18; margin: 0 0 12px; color:#16281d; font-weight:800; }
.alhaq-product-byline { display:flex; gap:18px; flex-wrap:wrap; color:#607165; margin-bottom:14px; font-size:15px; }
.alhaq-product-byline a { color:#15763c; }
.alhaq-rating-line { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin: 0 0 14px; }
.alhaq-rating-line .spr-badge, .alhaq-rating-line .jdgm-prev-badge { margin:0; }
.alhaq-trust-text { color:#15763c; font-weight:700; }
.alhaq-product-price-row { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:0 0 16px; }
.alhaq-product-price-row .price-box { display:flex; align-items:flex-end; gap:14px; flex-wrap:wrap; margin:0; }
.alhaq-product-price-row .special-price .price,
.alhaq-product-price-row .regular-price .price { font-size:42px; line-height:1; color:#148241; font-weight:800; }
.alhaq-product-price-row .old-price .price { font-size:23px; color:#7f8d83; text-decoration:line-through; }
.alhaq-discount-badge { padding:8px 12px; border-radius:12px; background:#e9f5ec; color:#15763c; font-weight:800; }
.alhaq-short-des {
  font-size:15px; color:#5c6e61; line-height:1.75; margin: 0 0 18px;
}
.alhaq-meta-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.alhaq-meta-item {
  border:1px solid #e2ece4; background:#fff; border-radius:18px; padding:14px 16px; min-height:76px;
  display:flex; flex-direction:column; justify-content:center; box-shadow:0 6px 14px rgba(10,56,27,.03);
}
.alhaq-meta-label { display:block; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:#7b8c80; margin-bottom:6px; }
.alhaq-meta-item strong { color:#1f3025; font-size:15px; }
.alhaq-buybox {
  border:1px solid #e2ece4; background:#fff; border-radius:22px; padding:18px; box-shadow:0 14px 30px rgba(10,56,27,.05);
}
.alhaq-variant-group .form-control { border-radius:14px; border-color:#dbe8dd; }
.alhaq-purchase-row { display:flex; align-items:flex-end; gap:18px; flex-wrap:wrap; margin-bottom:16px; }
.alhaq-qty-block label { display:block; margin-bottom:8px; font-weight:700; color:#18291f; }
.alhaq-qty-wrap {
  display:inline-flex; align-items:center; border:1px solid #d7e6db; border-radius:16px; overflow:hidden; background:#fff;
}
.alhaq-qty-btn { width:46px; height:46px; border:0; background:#f5faf6; color:#114a2b; font-size:24px; font-weight:700; }
.alhaq-qty-input.form-control { width:72px !important; min-width:72px; height:46px !important; border:0 !important; border-left:1px solid #e2ece5 !important; border-right:1px solid #e2ece5 !important; border-radius:0 !important; box-shadow:none !important; text-align:center; font-size:17px; font-weight:700; padding:0 8px !important; }
.alhaq-main-actions { display:grid; grid-template-columns:1fr; gap:12px; }
.alhaq-primary-btn, .alhaq-secondary-btn {
  width:100%; border-radius:16px !important; min-height:56px; font-size:18px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; gap:10px;
}
.alhaq-primary-btn { background:#148241 !important; border-color:#148241 !important; color:#fff !important; }
.alhaq-primary-btn:hover { background:#116d36 !important; border-color:#116d36 !important; }
.alhaq-secondary-btn { background:#fff !important; border:2px solid #148241 !important; color:#148241 !important; margin-left:0 !important; padding:0 18px !important; }
.alhaq-product-order-note {
  margin:16px 0 0; padding:14px 16px; background:#f6fbf7; border:1px solid #ddebe0; border-radius:16px; color:#4d6155; line-height:1.65;
}
.alhaq-whatsapp-help {
  margin-top:16px; border:1px solid #ddebe0; border-radius:18px; padding:16px; display:flex; align-items:center; gap:14px; color:#173022; background:#fff;
}
.alhaq-wa-icon { width:48px; height:48px; border-radius:50%; background:#e9f5ec; display:inline-flex; align-items:center; justify-content:center; font-size:24px; }
.alhaq-whatsapp-help strong { display:block; font-size:19px; color:#15763c; }
.alhaq-whatsapp-help small { display:block; color:#627367; font-size:14px; margin-top:3px; }
.alhaq-wa-arrow { margin-left:auto; font-size:28px; color:#8aa092; }
.alhaq-product-trust-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
.alhaq-product-trust-strip > div {
  padding:14px 16px; border-radius:18px; background:#fff; border:1px solid #e1ebe3; min-height:88px;
}
.alhaq-product-trust-strip strong { display:block; color:#15763c; font-size:15px; margin-bottom:4px; }
.alhaq-product-trust-strip span { color:#64766a; font-size:13px; line-height:1.45; }
.alhaq-policy-accordion { margin-top:18px; border:1px solid #e2ece4; border-radius:20px; overflow:hidden; background:#fff; }
.alhaq-policy-accordion details { border-bottom:1px solid #e8efea; }
.alhaq-policy-accordion details:last-child { border-bottom:0; }
.alhaq-policy-accordion summary { list-style:none; cursor:pointer; padding:18px 20px; font-size:18px; font-weight:700; color:#1c2e22; position:relative; }
.alhaq-policy-accordion summary::-webkit-details-marker { display:none; }
.alhaq-policy-accordion summary:after { content:'+'; position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#15763c; font-size:24px; }
.alhaq-policy-accordion details[open] summary:after { content:'−'; }
.alhaq-policy-accordion details > div { padding:0 20px 18px; color:#56685d; line-height:1.75; }
.alhaq-policy-accordion a { color:#15763c; font-weight:700; }
.alhaq-share-box { margin-top:18px; }
.alhaq-benefit-strip {
  margin:26px 0; padding:18px 20px; background:#fff; border:1px solid #e1ebe3; border-radius:22px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
}
.alhaq-benefit-item { padding:8px 12px; border-right:1px solid #edf3ee; }
.alhaq-benefit-item:last-child { border-right:0; }
.alhaq-benefit-item strong { display:block; color:#15763c; font-size:18px; margin-bottom:4px; }
.alhaq-benefit-item span { color:#687b6e; font-size:14px; }
.alhaq-product-content-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:20px; margin-bottom:34px; }
.alhaq-product-copy-card,
.alhaq-product-extra-card {
  background:#fff; border:1px solid #e1ebe3; border-radius:22px; padding:24px; box-shadow:0 10px 22px rgba(10,56,27,.04);
}
.alhaq-product-copy-card h3,
.alhaq-product-extra-card h3 { margin:0 0 16px; font-size:30px; color:#16281d; font-weight:800; }
.alhaq-description-copy { color:#55685c; line-height:1.8; }
.alhaq-key-points { margin:16px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; }
.alhaq-key-points li { position:relative; padding-left:24px; color:#43584c; line-height:1.6; }
.alhaq-key-points li:before { content:'✓'; position:absolute; left:0; top:0; color:#148241; font-weight:800; }
.alhaq-extra-copy { color:#55685c; line-height:1.8; }
.related-products .module-title h2,
#recently-viewed-products + script + script ~ .module-title h2,
.custom-category .module-title h2 { font-size:32px; color:#16281d; font-weight:800; }
.related-products .module-title, .custom-category .module-title { display:flex; align-items:center; justify-content:space-between; }
@media (max-width: 1199px) {
  .alhaq-product-title { font-size: 24px; }
  .alhaq-product-price-row .special-price .price,
  .alhaq-product-price-row .regular-price .price { font-size:36px; }
  .alhaq-product-trust-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .alhaq-benefit-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .alhaq-product-content-grid { grid-template-columns:1fr; }
}
@media (max-width: 767px) {
  .product-info-main.ver { padding-left:15px; margin-top:18px; }
  #gallery_01 { display:none; }
  .product-zoom-image { padding:12px; border-radius:18px; }
  .alhaq-product-title { font-size: 22px; }
  .alhaq-product-byline { font-size:14px; gap:8px; }
  .alhaq-product-price-row .special-price .price,
  .alhaq-product-price-row .regular-price .price { font-size:28px; }
  .alhaq-product-price-row .old-price .price { font-size:18px; }
  .alhaq-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .alhaq-meta-item { border-radius:14px; padding:12px; min-height:66px; }
  .alhaq-buybox { padding:14px; border-radius:18px; }
  .alhaq-whatsapp-help { padding:14px; align-items:flex-start; }
  .alhaq-whatsapp-help strong { font-size:17px; }
  .alhaq-product-trust-strip,
  .alhaq-benefit-strip,
  .alhaq-key-points { grid-template-columns:1fr 1fr; }
  .alhaq-benefit-strip { padding:14px; border-radius:18px; }
  .alhaq-benefit-item { border-right:0; padding:4px 0; }
  .alhaq-product-copy-card,
  .alhaq-product-extra-card { padding:18px; border-radius:18px; }
  .alhaq-product-copy-card h3,
  .alhaq-product-extra-card h3 { font-size:24px; }
  .alhaq-policy-accordion summary { font-size:16px; padding:16px; }
  .alhaq-policy-accordion details > div { padding:0 16px 16px; }
}
@media (max-width: 575px) {
  .alhaq-meta-grid,
  .alhaq-product-trust-strip,
  .alhaq-benefit-strip,
  .alhaq-key-points { grid-template-columns:1fr; }
  .alhaq-main-actions { gap:10px; }
  .alhaq-primary-btn, .alhaq-secondary-btn { min-height:50px; font-size:16px; }
  .alhaq-whatsapp-help { gap:10px; }
  .alhaq-wa-icon { width:40px; height:40px; font-size:20px; }
}

/* =========================
   Al Haq V14 collection tabs polish
   ========================= */
.products-tab4 .sub-row {
  display: flex;
  align-items: stretch;
}
.products-tab4 .alhaq-tab4-sidebar,
.products-tab4 .alhaq-tab4-main {
  margin-bottom: 20px;
}
.products-tab4 .alhaq-sidebar-module,
.products-tab4 .alhaq-main-tabs-module {
  background: #fff;
  border: 1px solid #e2ece4;
  border-radius: 24px;
  box-shadow: 0 12px 28px rgba(10,56,27,.05);
  overflow: hidden;
}
.products-tab4 .alhaq-sidebar-module .module-title,
.products-tab4 .alhaq-main-tabs-module .module-title {
  padding: 22px 24px 18px;
  margin: 0;
  border-bottom: 1px solid #edf3ee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.products-tab4 .alhaq-sidebar-module .module-title {
  display:block;
}
.products-tab4 .alhaq-sidebar-module .module-title h2,
.products-tab4 .alhaq-main-tabs-module .module-title h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.1;
  color:#16281d;
  font-weight:800;
}
.products-tab4 .alhaq-sidebar-module .alhaq-mini-note {
  margin: 8px 0 0;
  color: #718277;
  font-size: 14px;
}
.products-tab4 .alhaq-sidebar-module .box-style,
.products-tab4 .alhaq-main-tabs-module .box-style {
  padding: 22px;
}
.products-tab4 .alhaq-tab4-sidebar .product-layout.list-style {
  margin-bottom: 14px;
}
.products-tab4 .alhaq-tab4-sidebar .product-thumb {
  border: 1px solid #e6eee8;
  border-radius: 18px;
  background: #fbfdfb;
  box-shadow: 0 6px 18px rgba(10,56,27,.03);
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.products-tab4 .alhaq-tab4-sidebar .product-thumb:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 24px rgba(10,56,27,.08);
  border-color: #d6e6da;
}
.products-tab4 .alhaq-tab4-sidebar .item-inner {
  display: grid;
  grid-template-columns: 92px minmax(0,1fr);
  gap: 14px;
  align-items: center;
  padding: 14px;
}
.products-tab4 .alhaq-tab4-sidebar .images-container {
  margin: 0;
  background: #fff;
  border: 1px solid #edf3ee;
  border-radius: 14px;
  overflow: hidden;
}
.products-tab4 .alhaq-tab4-sidebar .product-image {
  display:block;
  padding: 8px;
}
.products-tab4 .alhaq-tab4-sidebar .product-image img,
.products-tab4 .alhaq-tab4-sidebar .images-container img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.products-tab4 .alhaq-tab4-sidebar .img-r,
.products-tab4 .alhaq-tab4-sidebar .ratings,
.products-tab4 .alhaq-tab4-sidebar .box-label,
.products-tab4 .alhaq-tab4-sidebar .manufacture-product,
.products-tab4 .alhaq-tab4-sidebar .swatch-option,
.products-tab4 .alhaq-tab4-sidebar .swatch-grid {
  display: none !important;
}
.products-tab4 .alhaq-tab4-sidebar .caption,
.products-tab4 .alhaq-tab4-sidebar .caption .inner {
  padding: 0 !important;
}
.products-tab4 .alhaq-tab4-sidebar .product-name {
  margin: 0 0 8px;
  min-height: 40px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}
.products-tab4 .alhaq-tab4-sidebar .product-name a {
  color:#1e3025;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products-tab4 .alhaq-tab4-sidebar .price-box {
  display:flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.products-tab4 .alhaq-tab4-sidebar .special-price .price,
.products-tab4 .alhaq-tab4-sidebar .regular-price .price {
  color:#148241;
  font-size: 18px;
  font-weight: 800;
}
.products-tab4 .alhaq-tab4-sidebar .old-price .price {
  color:#95a29a;
  font-size: 13px;
  text-decoration: line-through;
}
.products-tab4 .alhaq-tab4-sidebar .tt-product .owl-dots {
  margin-top: 10px;
}
.products-tab4 .alhaq-tab4-sidebar .tt-product .owl-nav,
.products-tab4 .alhaq-tab4-sidebar .tt-product .owl-nav button,
.products-tab4 .alhaq-tab4-sidebar .tt-product .owl-prev,
.products-tab4 .alhaq-tab4-sidebar .tt-product .owl-next,
.products-tab4 .alhaq-tab4-sidebar .tt-product .owl-controls .owl-buttons {
  display: none !important;
}
.products-tab4 .alhaq-main-tabs-module .box-tab {
  margin-left: auto;
}
.products-tab4 .alhaq-main-tabs-module .tabs-categorys {
  display:flex;
  align-items:center;
  gap: 12px;
  margin:0;
  padding:0;
  flex-wrap: wrap;
}
.products-tab4 .alhaq-main-tabs-module .tabs-categorys li {
  list-style:none;
  margin:0;
}
.products-tab4 .alhaq-main-tabs-module .tabs-categorys li a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 170px;
  padding: 12px 18px;
  border: 1px solid #dbe8dd;
  border-radius: 14px;
  background:#fff;
  color:#24352b;
  font-weight:700;
  transition: all .22s ease;
}
.products-tab4 .alhaq-main-tabs-module .tabs-categorys li.active a,
.products-tab4 .alhaq-main-tabs-module .tabs-categorys li a:hover {
  background:#148241;
  border-color:#148241;
  color:#fff;
  box-shadow: 0 10px 18px rgba(20,130,65,.18);
}
.products-tab4 .alhaq-main-tabs-module .owl-dots {
  margin-top: 18px;
}
.products-tab4 .alhaq-main-tabs-module .owl-dot span,
.products-tab4 .alhaq-tab4-sidebar .owl-dot span {
  width: 10px;
  height: 10px;
  background:#d2ddd5;
}
.products-tab4 .alhaq-main-tabs-module .owl-dot.active span,
.products-tab4 .alhaq-tab4-sidebar .owl-dot.active span {
  background:#148241;
}
@media (max-width: 991px) {
  .products-tab4 .alhaq-tab4-sidebar,
  .products-tab4 .alhaq-tab4-main {
    width: 100%;
  }
  .products-tab4 .alhaq-main-tabs-module .module-title {
    flex-direction: column;
    align-items: flex-start;
  }
  .products-tab4 .alhaq-main-tabs-module .box-tab {
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .products-tab4 .alhaq-sidebar-module,
  .products-tab4 .alhaq-main-tabs-module {
    border-radius: 18px;
  }
  .products-tab4 .alhaq-sidebar-module .module-title,
  .products-tab4 .alhaq-main-tabs-module .module-title,
  .products-tab4 .alhaq-sidebar-module .box-style,
  .products-tab4 .alhaq-main-tabs-module .box-style {
    padding-left: 14px;
    padding-right: 14px;
  }
  .products-tab4 .alhaq-sidebar-module .module-title,
  .products-tab4 .alhaq-main-tabs-module .module-title {
    padding-top: 16px;
    padding-bottom: 14px;
  }
  .products-tab4 .alhaq-sidebar-module .module-title h2,
  .products-tab4 .alhaq-main-tabs-module .module-title h2 {
    font-size: 24px;
  }
  .products-tab4 .alhaq-tab4-sidebar .item-inner {
    grid-template-columns: 82px minmax(0,1fr);
    gap: 12px;
    padding: 12px;
  }
  .products-tab4 .alhaq-tab4-sidebar .product-name {
    font-size: 15px;
    min-height: auto;
    margin-bottom: 6px;
  }
  .products-tab4 .alhaq-tab4-sidebar .special-price .price,
  .products-tab4 .alhaq-tab4-sidebar .regular-price .price {
    font-size: 17px;
  }
  .products-tab4 .alhaq-main-tabs-module .tabs-categorys {
    gap: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  .products-tab4 .alhaq-main-tabs-module .tabs-categorys li a {
    min-width: 0;
    width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 14px;
  }
}


/* V14 links-only: last two category cards stay visual only */
.alhaq-category-card-disabled {
  cursor: default;
}
.alhaq-category-card-disabled:hover {
  transform: none !important;
}



/* V14 custom: Browse Categories should stay open after user clicks */
.vertical-menu.alhaq-menu-open > .ul-top-items,
.vertical-menu.alhaq-menu-open .ul-top-items,
.vertical-menu:focus-within > .ul-top-items {
  display: block !important;
}
.vertical-menu.alhaq-menu-open .oc-menu-bar .right i {
  transform: rotate(180deg);
}


/* V14 sticky Browse Categories final fix */
.common-home .hd4 .vertical-menu.alhaq-menu-open .ul-top-items,
.hd4 .vertical-menu.alhaq-menu-open .ul-top-items,
.vertical-menu.alhaq-menu-open > .ul-top-items,
.vertical-menu.alhaq-menu-open .ul-top-items {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.common-home .hd4 .vertical-menu:not(.alhaq-menu-open):not(:hover):not(:focus-within) .ul-top-items,
.hd4 .vertical-menu:not(.alhaq-menu-open):not(:hover):not(:focus-within) .ul-top-items,
.vertical-menu:not(.alhaq-menu-open):not(:hover):not(:focus-within) > .ul-top-items {
  display: none !important;
}

.vertical-menu.alhaq-menu-open .oc-menu-bar .right i,
.vertical-menu.alhaq-menu-open .alhaq-sticky-category-trigger .right i {
  transform: rotate(180deg);
}



/* V14 product page fix: quantity number perfect center + COD wording support */
#product-product .alhaq-qty-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

#product-product .alhaq-qty-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
}

#product-product #Quantity.alhaq-qty-input,
#product-product .alhaq-qty-input.form-control {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 46px !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

#product-product #Quantity.alhaq-qty-input::-webkit-outer-spin-button,
#product-product #Quantity.alhaq-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

#product-product #Quantity.alhaq-qty-input {
  -moz-appearance: textfield !important;
}

@media (max-width: 767px) {
  #product-product #Quantity.alhaq-qty-input,
  #product-product .alhaq-qty-input.form-control {
    line-height: 40px !important;
  }
}




/* =========================================================
   V14 mobile: stack other collection tabs under Bare Acts
   - Desktop Design 4 remains unchanged.
   - Mobile shows Bare Acts first, then each selected collection
     as the same clean mini-list style below it.
   ========================================================= */
@media (min-width: 768px) {
  .products-tab4 .alhaq-mobile-tab4-stack {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .products-tab4 .sub-row {
    display: block !important;
  }

  .products-tab4 .alhaq-tab4-sidebar,
  .products-tab4 .alhaq-tab4-main,
  .products-tab4 .alhaq-mobile-tab4-stack {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }

  /* Hide desktop right-side tab grid on mobile to avoid squeezed/cropped cards */
  .products-tab4 > .alhaq-tab4-main,
  .products-tab4 .sub-row > .alhaq-tab4-main {
    display: none !important;
  }

  .products-tab4 .alhaq-mobile-tab4-stack {
    display: block !important;
    margin-top: 16px !important;
  }

  .products-tab4 .alhaq-mobile-list-block {
    margin-top: 16px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .products-tab4 .alhaq-sidebar-module {
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  .products-tab4 .alhaq-sidebar-module .module-title {
    padding: 16px 16px 12px !important;
  }

  .products-tab4 .alhaq-sidebar-module .module-title h2 {
    font-size: 24px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }

  .products-tab4 .alhaq-sidebar-module .alhaq-mini-note {
    margin: 8px 0 0 !important;
    color: #718277 !important;
    font-size: 14px !important;
  }

  .products-tab4 .alhaq-sidebar-module .box-style {
    padding: 14px !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .row_items {
    display: block !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-thumb {
    border: 1px solid #e4eee6 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(10,56,27,.03) !important;
    overflow: hidden !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .item-inner {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .images-container {
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: #f8fbf8 !important;
    border: 1px solid #e6f0e8 !important;
    overflow: hidden !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-image {
    width: 100% !important;
    height: 100% !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-image img,
  .products-tab4 .alhaq-tab4-sidebar .images-container img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .caption,
  .products-tab4 .alhaq-tab4-sidebar .caption .inner {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-name {
    margin: 0 0 7px !important;
    padding: 0 !important;
    min-height: auto !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-name a {
    color: #1e3025 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .price-box {
    display: flex !important;
    align-items: baseline !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .special-price,
  .products-tab4 .alhaq-tab4-sidebar .regular-price,
  .products-tab4 .alhaq-tab4-sidebar .old-price {
    margin: 0 !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .special-price .price,
  .products-tab4 .alhaq-tab4-sidebar .regular-price .price {
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: #148241 !important;
    font-weight: 800 !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .old-price .price {
    font-size: 12px !important;
    color: #93a19a !important;
    text-decoration: line-through !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .ratings,
  .products-tab4 .alhaq-tab4-sidebar .box-label,
  .products-tab4 .alhaq-tab4-sidebar .img-r,
  .products-tab4 .alhaq-tab4-sidebar .swatch,
  .products-tab4 .alhaq-tab4-sidebar .swatch-grid,
  .products-tab4 .alhaq-tab4-sidebar .manufacture-product {
    display: none !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .owl-dots,
  .products-tab4 .alhaq-mobile-list-carousel .owl-dots {
    display: block !important;
    text-align: center !important;
    margin-top: 12px !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .owl-nav,
  .products-tab4 .alhaq-mobile-list-carousel .owl-nav {
    display: none !important;
  }
}




/* =========================================================
   V14 product mobile cleanup
   1) Remove extra blank space below mobile header/search on product pages.
   2) Ensure short description under price stays hidden.
   ========================================================= */

/* Hide the duplicate short summary under product price. Full description remains below in accordion/tab. */
#product-product .short-des,
#product-product .alhaq-short-des {
  display: none !important;
}

/* Product page mobile: tighten header area before breadcrumb/product content */
@media (max-width: 767px) {
  body:not(.common-home) .hd4 .top-menu,
  body:not(.common-home) .top-menu {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body:not(.common-home) .hd4 .top-menu .container,
  body:not(.common-home) .hd4 .top-menu .container-inner,
  body:not(.common-home) .top-menu .container,
  body:not(.common-home) .top-menu .container-inner {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body:not(.common-home) .hd4 .top-menu .col-ver,
  body:not(.common-home) .hd4 .top-menu .col-hoz,
  body:not(.common-home) .hd4 .top-menu .header-phone,
  body:not(.common-home) .top-menu .col-ver,
  body:not(.common-home) .top-menu .col-hoz,
  body:not(.common-home) .top-menu .header-phone {
    display: none !important;
  }

  #product-product {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  #product-product .breadcrumb {
    margin-top: 8px !important;
    margin-bottom: 10px !important;
  }

  #product-product .alhaq-product-hero-row {
    margin-top: 0 !important;
  }
}




/* V14 simple product note */
.alhaq-product-order-note {
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.alhaq-product-order-note strong {
  color: #116d36;
}
@media (max-width: 767px) {
  .alhaq-product-order-note {
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }
  .alhaq-whatsapp-help {
    padding: 12px 14px !important;
  }
}



/* Mobile only: Collection Tabs left-side book image 150px */
@media (max-width: 767px) {
  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style .item-inner {
    display: grid !important;
    grid-template-columns: 170px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
    padding: 16px !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style .image.images-container {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
    height: 170px !important;
    margin: 0 !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style .image.images-container .product-image {
    width: 100% !important;
    height: 100% !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style .image.images-container img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style .caption {
    min-width: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style .product-name {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style .price-box .price {
    font-size: 16px !important;
  }
}

/* Extra small mobile: layout bachane ke liye compact */
@media (max-width: 380px) {
  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style .item-inner {
    grid-template-columns: 130px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .products-tab4 .alhaq-tab4-sidebar .product-layout.list-style .image.images-container {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
    height: 130px !important;
  }
}


/* =========================================================
   Al Haq Modern Cart Page
   PC + Mobile cart redesign only
   ========================================================= */
#checkout-cart.alhaq-cart-page {
  max-width: 1240px;
  padding-top: 22px;
  padding-bottom: 56px;
}

.alhaq-cart-page .breadcrumb {
  margin-bottom: 18px;
}

.alhaq-cart-hero {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: flex-end;
  padding: 30px 34px;
  border: 1px solid #dfeee5;
  border-radius: 28px;
  background:
    radial-gradient(circle at 5% 10%, rgba(20,130,65,.10), transparent 34%),
    linear-gradient(135deg, #fffdf8 0%, #f5fbf7 100%);
  box-shadow: 0 16px 40px rgba(10,56,27,.06);
  margin-bottom: 24px;
}

.alhaq-cart-eyebrow {
  display: inline-flex;
  padding: 7px 13px;
  border-radius: 999px;
  background: #e9f6ee;
  color: #148241;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 10px;
}

.alhaq-cart-hero h1 {
  margin: 0 0 8px;
  font-size: 42px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.035em;
  color: #16281d;
}

.alhaq-cart-hero p {
  margin: 0;
  max-width: 720px;
  color: #63766a;
  font-size: 15px;
  line-height: 1.7;
}

.alhaq-cart-hero-badge {
  min-width: 128px;
  min-height: 96px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #dfeee5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 26px rgba(10,56,27,.05);
}

.alhaq-cart-hero-badge strong {
  font-size: 34px;
  line-height: 1;
  color: #148241;
  font-weight: 900;
}

.alhaq-cart-hero-badge span {
  font-size: 12px;
  color: #697a70;
  margin-top: 6px;
  font-weight: 700;
}

.alhaq-cart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
}

.alhaq-cart-note {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid #cfe8d8;
  background: #f5fbf7;
  margin-bottom: 18px;
}

.alhaq-cart-note-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #148241;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

.alhaq-cart-note strong {
  color: #16281d;
  display: block;
  margin-bottom: 3px;
}

.alhaq-cart-note p {
  margin: 0;
  color: #607267;
  line-height: 1.65;
  font-size: 14px;
}

.alhaq-cart-items {
  display: grid;
  gap: 14px;
}

.alhaq-cart-item {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 190px 120px 120px;
  gap: 18px;
  align-items: center;
  padding: 16px;
  border: 1px solid #dfeee5;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(10,56,27,.04);
}

.alhaq-cart-item-image {
  width: 112px;
  height: 112px;
  border-radius: 18px;
  border: 1px solid #e6eee8;
  background: #fbfdfb;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.alhaq-cart-item-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.alhaq-cart-item-title {
  display: block;
  color: #16281d;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 800;
  text-decoration: none !important;
}

.alhaq-cart-item-title:hover {
  color: #148241;
}

.alhaq-cart-item-variant,
.alhaq-cart-properties {
  color: #718277;
  font-size: 13px;
  line-height: 1.55;
  margin-top: 5px;
}

.alhaq-cart-properties span {
  display: block;
}

.alhaq-cart-qty label,
.alhaq-cart-price span,
.alhaq-cart-line-total span {
  display: block;
  color: #809188;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 7px;
}

.alhaq-cart-qty-box {
  display: inline-flex;
  align-items: center;
  border: 1px solid #dfeee5;
  border-radius: 15px;
  overflow: hidden;
  background: #fbfdfb;
}

.alhaq-cart-qty-box input {
  width: 72px !important;
  height: 42px;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center;
  background: transparent;
  border-radius: 0 !important;
}

.alhaq-cart-update-btn,
.alhaq-cart-remove-btn {
  width: 42px;
  height: 42px;
  border: 0;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform .18s ease, opacity .18s ease;
}

.alhaq-cart-update-btn:hover,
.alhaq-cart-remove-btn:hover {
  transform: translateY(-1px);
  opacity: .92;
}

.alhaq-cart-update-btn {
  background: #148241;
}

.alhaq-cart-remove-btn {
  background: #c62030;
}

.alhaq-cart-price strong,
.alhaq-cart-line-total strong {
  color: #16281d;
  font-size: 15px;
  font-weight: 900;
}

.alhaq-cart-line-total strong {
  color: #148241;
}

.alhaq-cart-mobile-prices {
  display: none;
}

.alhaq-cart-tools {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.alhaq-cart-tool {
  border: 1px solid #dfeee5;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(10,56,27,.035);
  overflow: hidden;
}

.alhaq-cart-tool summary {
  list-style: none;
  cursor: pointer;
  padding: 15px 18px;
  color: #16281d;
  font-weight: 900;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.alhaq-cart-tool summary::-webkit-details-marker {
  display: none;
}

.alhaq-cart-tool summary:after {
  content: "\f107";
  font-family: FontAwesome;
  color: #148241;
}

.alhaq-cart-tool[open] summary:after {
  transform: rotate(180deg);
}

.alhaq-cart-tool-body {
  padding: 0 18px 18px;
}

.alhaq-cart-summary {
  position: sticky;
  top: 18px;
}

.alhaq-cart-summary-card {
  border: 1px solid #dfeee5;
  border-radius: 28px;
  background: #fff;
  padding: 24px;
  box-shadow: 0 18px 44px rgba(10,56,27,.08);
}

.alhaq-cart-summary-card h2 {
  margin: 0 0 15px;
  color: #16281d;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 900;
}

.alhaq-cart-summary-note {
  border-radius: 16px;
  border: 1px solid #dbeee2;
  background: #f5fbf7;
  color: #5f7267;
  font-size: 13px;
  line-height: 1.6;
  padding: 13px 14px;
  margin-bottom: 16px;
}

.alhaq-cart-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #edf4ef;
  color: #607267;
}

.alhaq-cart-summary-row strong {
  color: #16281d;
  font-weight: 900;
}

.alhaq-cart-summary-total {
  margin-top: 4px;
  padding-top: 16px;
  border-bottom: 0;
}

.alhaq-cart-summary-total span {
  color: #16281d;
  font-weight: 900;
}

.alhaq-cart-summary-total strong {
  color: #148241;
  font-size: 24px;
}

.alhaq-cart-summary-steps {
  display: grid;
  gap: 8px;
  margin: 14px 0 16px;
}

.alhaq-cart-summary-steps div {
  display: grid;
  grid-template-columns: 30px minmax(0,1fr);
  align-items: center;
  gap: 9px;
}

.alhaq-cart-summary-steps span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #148241;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 13px;
}

.alhaq-cart-summary-steps p {
  margin: 0;
  color: #4e6256;
  font-weight: 800;
  font-size: 13px;
}

.alhaq-cart-terms {
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  gap: 9px;
  align-items: start;
  color: #5f7267;
  font-size: 12px;
  line-height: 1.55;
  margin: 12px 0 16px;
}

.alhaq-place-order-btn,
.alhaq-continue-shopping-btn {
  width: 100%;
  min-height: 50px;
  border-radius: 16px !important;
  font-weight: 900 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

.alhaq-place-order-btn {
  background: #148241 !important;
  border-color: #148241 !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(20,130,65,.18);
}

.alhaq-place-order-btn:hover {
  background: #0f6b35 !important;
  border-color: #0f6b35 !important;
}

.alhaq-continue-shopping-btn {
  margin-top: 10px;
  background: #fff;
  border: 1px solid #dfeee5;
  color: #16281d !important;
}

.alhaq-continue-shopping-btn:hover {
  border-color: #148241;
  color: #148241 !important;
}

.alhaq-cart-support {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #edf4ef;
  display: grid;
  gap: 3px;
  text-align: center;
}

.alhaq-cart-support strong {
  color: #16281d;
}

.alhaq-cart-support span {
  color: #607267;
  font-size: 13px;
}

.alhaq-cart-empty {
  text-align: center;
  padding: 50px 20px;
  border: 1px solid #dfeee5;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(10,56,27,.05);
}

.alhaq-empty-shop-btn {
  max-width: 280px;
  margin: 18px auto 0;
}

@media (max-width: 1199px) {
  .alhaq-cart-layout {
    grid-template-columns: 1fr;
  }

  .alhaq-cart-summary {
    position: static;
  }
}

@media (max-width: 991px) {
  .alhaq-cart-item {
    grid-template-columns: 96px minmax(0, 1fr) 180px;
  }

  .alhaq-cart-price,
  .alhaq-cart-line-total {
    display: none;
  }

  .alhaq-cart-mobile-prices {
    display: flex;
    gap: 10px;
    align-items: baseline;
    margin-top: 8px;
  }

  .alhaq-cart-mobile-prices span {
    color: #718277;
    font-size: 13px;
  }

  .alhaq-cart-mobile-prices strong {
    color: #148241;
    font-size: 16px;
    font-weight: 900;
  }
}

@media (max-width: 767px) {
  #checkout-cart.alhaq-cart-page {
    padding-top: 10px;
    padding-bottom: 34px;
  }

  .alhaq-cart-hero {
    padding: 22px 18px;
    border-radius: 22px;
    align-items: flex-start;
  }

  .alhaq-cart-hero h1 {
    font-size: 30px;
  }

  .alhaq-cart-hero p {
    font-size: 14px;
  }

  .alhaq-cart-hero-badge {
    min-width: 82px;
    min-height: 74px;
    border-radius: 18px;
  }

  .alhaq-cart-hero-badge strong {
    font-size: 26px;
  }

  .alhaq-cart-note {
    grid-template-columns: 34px minmax(0,1fr);
    padding: 14px;
    border-radius: 18px;
  }

  .alhaq-cart-note-icon {
    width: 34px;
    height: 34px;
  }

  .alhaq-cart-item {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 13px;
    padding: 13px;
    border-radius: 20px;
  }

  .alhaq-cart-item-image {
    width: 92px;
    height: 92px;
    border-radius: 15px;
  }

  .alhaq-cart-qty {
    grid-column: 1 / -1;
  }

  .alhaq-cart-qty-box {
    width: 100%;
    justify-content: space-between;
  }

  .alhaq-cart-qty-box input {
    flex: 1 1 auto;
    width: 100% !important;
  }

  .alhaq-cart-update-btn,
  .alhaq-cart-remove-btn {
    flex: 0 0 46px;
  }

  .alhaq-cart-summary-card {
    padding: 18px;
    border-radius: 22px;
  }
}

@media (max-width: 420px) {
  .alhaq-cart-hero {
    flex-direction: column;
  }

  .alhaq-cart-hero-badge {
    width: 100%;
    min-height: 60px;
    flex-direction: row;
    gap: 8px;
  }

  .alhaq-cart-item {
    grid-template-columns: 82px minmax(0, 1fr);
  }

  .alhaq-cart-item-image {
    width: 82px;
    height: 82px;
  }

  .alhaq-cart-item-title {
    font-size: 14px;
  }
}




/* Cart update: shipping estimate removed + discount helper */
.alhaq-discount-help {
  margin: 10px 0 0;
  color: #607267;
  font-size: 13px;
  line-height: 1.6;
}
.alhaq-discount-help strong {
  color: #148241;
}
.alhaq-cart-tools:empty {
  display: none !important;
}

