@font-face {
    font-family: "bootstrap-icons";
    src: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/fonts/bootstrap-icons.woff2?dd67030699838ea613aa6a2e2b621990") format("woff2");
    font-display: swap;
}
/* ============================================
   GENERAL LAYOUT & DRAWER
   ============================================ */
.cart-drawer-push {
    overflow-x: visible;
    position: relative;
    right: 0;
}

/* ============================================
   GENERAL STYLES
   ============================================ */



/* ============================================
   CATEGORY PAGES
   ============================================ */
.category-header-custom {
    margin-bottom: 40px;
}
.category-top-section {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-bottom: 30px;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.category-image-wrapper {
    flex: 0 0 45%;
    max-width: 45%;
}
.category-image-wrapper img {
    width: 100%;
    height: auto;
    border-radius: 7px;
    box-shadow: 3px 3px 12px -4px #0000008c;
}
.category-description-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
}
.category-description-wrapper p {
    margin-bottom: 20px;
}
.collection-title-wrapper {
    text-align: center;
    margin: 40px 0 30px;
}
.collection-products-title {
    font-size: 32px;
    font-weight: 600;
    color: #c82231 !important;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}
.collection-products-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #000;
}
/* Responsive Design */
@media (max-width: 768px) {
    .category-top-section {
        flex-direction: column;
    }
    .category-image-wrapper,
    .category-description-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .collection-products-title {
        font-size: 24px;
    }
}
/* ============================================
   PRODUCT FILTERS
   ============================================ */
.product-filters ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center
}
.product-filters ul li {
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  margin: 15px;
  border: 2px solid #051922;
  color: #323232;
  cursor: pointer;
  padding: 8px 20px;
  border-radius: 25px
}
.product-filters ul li.active {
  border: 2px solid #c82231;
  background-color: #c82231;
  color: #fff;
}
.product-image {
  padding-bottom: 0
}
header-top
.product-image img {
  width: 90%;
  border-radius: 5px;
  margin-bottom: 20px
}
.single-product-item h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px
}
p.product-price {
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px
}
p.product-price span {
  display: block;
  opacity: .8;
  font-size: 15px;
  font-weight: 400
}
a.cart-btn:hover {
  background: #014782;
  color: #fff
}
.single-product-img img {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px #ddd;
  box-shadow: 0 0 20px #ddd
}
.single-product-content h3 {
  font-size: 22px;
  font-weight: 600
}
p.single-product-pricing span {
  font-size: 18px;
  display: block;
  opacity: .8;
  margin-bottom: 10px;
  font-weight: 400
}
.single-product-content p {
  font-size: 15px;
  color: #555;
  line-height: 1.8
}
.single-product-content p.single-product-pricing {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #051922;
  line-height: inherit
}
.single-product-form a.cart-btn,
.single_product_item img,
input[type=number] {
  margin-bottom: 15px
}
input[type=number] {
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 100px
}
.single-product-content h4 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 35px
}
ul.product-share li a {
  display: block;
  color: #051922;
  margin-right: 10px
}
/* ============================================
   CART PAGE - CLASSIC DESIGN
   ============================================ */
table.cart-table {
  border: 1px solid #ddd;
  width: 100%;
  background: #fff;
  border-collapse: collapse;
}
thead {
  background: #c82231;
  color: #fff;
}
tr.table-head-row th {
  border: 1px solid #ddd;
  padding: 15px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
}
tr.table-head-row th:last-child {
  border-right: none;
}
.cart-table-wrap tbody tr {
  transition: background 0.2s ease;
}
.cart-table-wrap tbody tr:hover {
  background: #f9f9f9;
}
.cart-table-wrap tbody tr td {
  text-align: center;
  border: 1px solid #ddd;
  padding: 20px;
  color: #333;
  font-weight: normal;
}
.cart-table-wrap tbody tr:last-child td {
  border-bottom: none;
}
td.product-image img {
  max-width: 60px;
  border: 1px solid #ddd;
  padding: 5px;
  background: #fff;
}

thead.cart-table-head tr,
tr.table-total-row {
  background: #f8f9fa;
  border-bottom: 2px solid #e0e0e0;
}
.total-section table.total-table {
  border: 1px solid #ddd;
  width: 100%;
  background: #fff;
}
tr.table-total-row th {
  font-weight: bold;
  font-size: 16px;
  padding: 15px;
  background: #f5f5f5;
  border-bottom: 2px solid #c82231;
}
table.total-table tbody tr.total-data td {
  border: 1px solid #ddd;
  padding: 15px;
  background: #fff;
}
table.total-table tbody tr.total-data:hover {
  background: #f9f9f9;
}
tr.total-data td strong {
  margin-right: 32px;
  color: #c82231;
  font-size: 18px;
}
.cart-buttons {
  margin-top: 30px;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.cart-buttons a {
  padding: 12px 25px;
  border-radius: 0;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  transition: background 0.3s ease;
  display: inline-block;
  text-align: center;
  min-width: 150px;
  border: 2px solid #c82231;
}
.cart-buttons a:first-child {
  background: #c82231;
  color: #fff;
  border-color: #c82231;
}
.cart-buttons a:first-child:hover {
  background: #a01c2a;
  border-color: #a01c2a;
}
.cart-buttons a:not(:first-child) {
  background: #fff;
  color: #c82231;
  border-color: #c82231;
}
.cart-buttons a:not(:first-child):hover {
  background: #c82231;
  color: #fff;
}
.coupon-section {
  margin-top: 40px;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.coupon-section h3 {
  font-size: 22px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 20px;
  text-align: center;
}
.coupon-form-wrap form p input[type=text] {
  border: 2px solid #e0e0e0;
  color: #2c3e50;
  padding: 15px 20px;
  width: 100%;
  border-radius: 8px;
  font-size: 16px;
  transition: all 0.3s ease;
  background: #f8f9fa;
}
.coupon-form-wrap form p input[type=text]:focus {
  border-color: #c82231;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(200, 34, 49, 0.1);
  outline: none;
}
.coupon-form-wrap form p input[type=text]::placeholder {
  color: #999;
  font-style: italic;
}
.card.single-accordion .card-header {
  background-color: #fff;
  border: none;
  padding: 0;
  border-radius: 12px;
  margin-bottom: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.card.single-accordion .card-header h5 button {
  color: #2c3e50;
  font-size: 18px;
  display: block;
  width: 100%;
  text-align: left;
  padding: 25px 30px;
  text-decoration: none;
  border: none;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  position: relative;
  font-weight: 600;
  border-radius: 12px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.card.single-accordion .card-header h5 button:hover {
  background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
.billing-address-form {
  padding: 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.billing-address-form form p input {
  border: 2px solid #e0e0e0;
  padding: 15px 20px;
  width: 100%;
  border-radius: 8px;
  font-size: 16px;
  transition: all 0.3s ease;
  background: #f8f9fa;
  color: #2c3e50;
}
.billing-address-form form p input:focus {
  border-color: #c82231;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(200, 34, 49, 0.1);
  outline: none;
}
.billing-address-form form p input::placeholder {
  color: #999;
  font-style: italic;
}
.billing-address-form form p textarea {
  width: 100%;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  padding: 15px 20px;
  height: 120px;
  resize: vertical;
  font-size: 16px;
  transition: all 0.3s ease;
  background: #f8f9fa;
  color: #2c3e50;
}
.billing-address-form form p textarea:focus {
  border-color: #c82231;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(200, 34, 49, 0.1);
  outline: none;
}
.billing-address-form form p textarea::placeholder {
  color: #999;
  font-style: italic;
}
.card.single-accordion .card-header h5 button:before {
  position: absolute;
  left: 25px;
  top: 50%;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 22px;
  margin-top: -11px;
  color: #c82231;
  font-size: 18px;
  transition: transform 0.3s ease;
}
.card.single-accordion .card-header h5 button:hover:before {
  transform: rotate(180deg);
}
table.order-details {
  border: none;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  background: #fff;
}
table.order-details thead tr th {
  background: linear-gradient(135deg, #c82231 0%, #000000 100%);
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
table.order-details tbody td {
  border: none;
  border-bottom: 1px solid #f0f0f0;
  padding: 20px 15px;
  color: #2c3e50;
  font-weight: 500;
}
table.order-details tbody tr:hover td {
  background: #f8f9fa;
}
.card.single-accordion {
  margin-bottom: 20px;
  border: none;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  background: #fff;
}
.single-product-item {
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 20px #e4e4e4;
  box-shadow: 0 0 20px #e4e4e4;
  padding-bottom: 50px;
  border-radius: 5px
}
.error-text i {
  font-size: 90px;
  margin-bottom: 30px
}
.error-text h1 {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 10px
}
.error-text p {
  font-size: 15px;
  margin-bottom: 30px
}
.full-height-tablecell {
  display: table-cell;
  vertical-align: middle;
  width: 100%
}
.product-section {
  background: #cde4f2;
  position: relative;
  flex-direction: column;
  align-items: center
}
.product-section .patern2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 500px;
  z-index: 2
}
.product-section .patern1 {
  position: absolute;
  top: -4%;
  left: -45%;
  width: 550px;
  height: 140px;
  z-index: 2
}
.product-section .btn {
  background: #000000;
  padding: 6px 15px;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  border: 1px solid #000000;
  z-index: 9
}
.product-section .product-box .img-box {
  border-radius: 8px;
  overflow: hidden;
  height: 241px
}
.product-section .product-box .heading {
  color: #011826;
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.product-section .product .add-to-cart a,
.product-section .product-box .price {
  color: #f6891f;
  font-size: 18px
}
.brochures,
.product-section .product-box .bottom {
  justify-content: space-between
}
.choose-color span {
  border: 1px solid #ddd;
  width: 35px !important;
  height: 35px !important
}
.product-section .product-box .bottom .choose-color span {
  width: 35px !important;
  height: 35px !important;
  display: inline-block;
  margin-right: 15px !important;
  background-color: #000;
  border-radius: 50%;
  cursor: pointer;
  transition: transform .3s;
  border: 1px solid #ccc
}
.product-section .product-box .bottom .choose-color span.active {
  transform: scale(1.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}
.product-section .product-box .bottom .car-shop {
  background-color: #ff9800;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: .3s ease-in-out
}
.product-section .product-box .bottom .car-shop i {
  color: #fff;
  font-size: 18px
}
.product-section .product-box .bottom .car-shop:hover {
  background-color: #fb8c00
}
.header-top {
    color: #9d9d9d;
    font-size: 14px;
    text-transform: capitalize;
    background-color: #000;
    padding: 60px 0 63px;
    margin-bottom: 50px;    color: #9d9d9d;
    font-size: 14px;
    text-transform: capitalize;
    background-color: #000;
    padding: 60px 0 63px;
    margin-bottom: 50px;
    text-align: center;
}
.header-top .content {
  position: relative;
  z-index: 3
}
.header-top .content h1 {
color: #fff;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 7px;
}
.header-top .content .content-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
justify-content: center;
}
.header-top .content .content-bottom .woocommerce-breadcrumb {
  font-size: 14px;
  font-weight: 600;
  color: #c82231
}
.header-top .content .content-bottom .woocommerce-breadcrumb span {
      color: #747474;
    font-size: 14px;
}
.header-top .content .content-bottom .woocommerce-breadcrumb a:hover,
.modern-mini-cart .modern-product-name:hover,
.modern-mini-cart .remove_from_cart_button:hover,
.product-section .product .product-body .product-name>a:focus,
.product-section .product .product-body .product-name>a:hover,
.remove_from_cart_button:hover {
  color: #c82231
}
.woocommerce-product-gallery__image {
  position: relative;
  overflow: hidden
}
.woocommerce-product-gallery__image a {
  width: 100% !important;
  height: 400px !important;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center
}
.woocommerce-product-gallery__image a img {
  width: 100% !important;
  height: 400px !important;
  border-radius: 10px;
  object-fit: contain;
}
.flex-control-nav {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  list-style: none;
  margin-top: 15px;
 justify-content: flex-start;
  padding: 0
}
.flex-control-nav li {
  margin-right: 15px;
    margin-bottom: 15px;
  border-radius: 6px;
  border: 2px solid transparent;
  transition: .3s;
  width: 100px !important;
    height: 100px !important;
}
.flex-control-nav li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.flex-control-nav li .flex-active {
  opacity: .6;
  border: 4px solid #c82231;
  transform: scale(1.05)
}
.woocommerce-product-gallery {
  display: flex;
  transition: opacity .25s ease-in-out;
  align-items: center;
  justify-content: center;
  flex-direction: column
}
.flex-viewport {
  height: auto !important
}
.product_title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin-bottom: 10px !important;
  line-height: 1.2rem
}
.product-subtitle {
  color: #838383;
  margin: 0 !important;
  font-size: 16px
}
.cart, .comment-form-comment, .variations .color-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.variations .color-box .value {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: none !important
}
table.variations tbody {
    display: flex;
    justify-content: space-between;
}
.label label {
  margin-bottom: 10px !important;
  margin-top: 10px !important
}
.color-variable-items-wrapper,
.variable-items-wrapper {
  list-style: none;
  justify-content: center;
  display: flex;
  margin-bottom: 0 !important;
  padding-left: 0 !important
}
.variable-items-wrapper li {
  margin-right: 20px;
  font-size: 18px;
  font-weight: 600
}
.color-variable-items-wrapper li {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  background-color: #000;
  border-radius: 50%;
  position: relative;
  background-position: center;
  background-size: contain
}
.single_add_to_cart_button {
  background: #c82231;
  color: #fff !important;
  border-radius: 3px;
  padding: 16px 40px !important;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 15px;
  letter-spacing: .3px;
  transition: .3s;
  border: 0;
  font-size: 14px !important
}
.btn_3:hover,
.single_add_to_cart_button:hover {
  background: #000;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(246, 137, 31, .3)
}
.product_meta,
.summary .price {
  font-weight: 600;
  color: #033b5e
}
.summary .price {
  font-weight: 700 !important;
    color: #000 !important;
    font-size: 16px !important;
      display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin: 10px 0 !important;
}
.summary .price  del  {
        font-weight: 700 !important;
    color: #c82231 !important;
    font-size: 20px !important;
        display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
}
.summary .price ins {
    border: none !important;   /* Remove border from text */
    text-decoration: none !important; /* Remove underline from text */
}
.s_product_text p,
.summary p {
  margin: 10px 0;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 1.7
}
.single_variation_wrap,
.woocommerce-variation-price .price {
  font-size: 18px;
  color: #033b5e;
  font-weight: 600
}
/* ==========================================
   WooCommerce Variations Select - احترافي
   ========================================== */
/* Color Box Row */
.variations .color-box {
  border-bottom: 1px solid #e5e5e5;
}
.variations .color-box .value {
  padding: 0 0 15px;
  vertical-align: middle;
}
/* Select Wrapper */
.variations .color-box .value {
  position: relative;
}
/* Custom Select Style */
.variations select {
  width: 100%;
  max-width: 300px;
  padding: 12px 40px 12px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  background: #fff;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Custom Arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  background-size: 12px;
}
/* Hover State */
.variations select:hover {
  border-color: #c82231;
  background-color: #fafafa;
}
/* Focus State */
.variations select:focus {
  border-color: #c82231;
  box-shadow: 0 0 0 3px rgba(200, 34, 49, 0.1);
  background-color: #fff;
}
/* Active/Selected State */
.variations select:not([value=""]) {
  border-color: #c82231;
  color: #c82231;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c82231' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
}
/* Disabled State */
.variations select:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
  border-color: #e0e0e0;
}
/* Select Options */
.variations select option {
  padding: 12px;
  font-size: 14px;
  color: #000;
  background: #fff;
}
.variations select option:hover {
  background: #f5f5f5;
}
.variations select option:disabled {
  color: #ccc;
}
/* Reset Variations Link */
.variations .reset_variations {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 15px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: #666;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  transition: all 0.3s ease;
  background: #fff;
}
.variations .reset_variations:hover {
  color: #c82231;
  border-color: #c82231;
  background: #fff5f5;
}
.variations .reset_variations::before {
  content: "✕";
  font-size: 14px;
  font-weight: 700;
}
/* Icon for Select (Optional Enhancement) */
.variations .color-box .label::before {
  content: "●";
  display: inline-block;
  margin-right: 8px;
  font-size: 18px;
  color: #c82231;
  vertical-align: middle;
}
/* Responsive */
@media (max-width: 768px) {
  .variations .color-box .label {
    width: 100px;
    font-size: 13px;
  }
  .variations select {
    max-width: 100%;
    padding: 10px 36px 10px 14px;
    font-size: 13px;
  }
  .variations .reset_variations {
    margin-left: 10px;
    padding: 6px 12px;
    font-size: 12px;
  }
}
/* Loading State (Optional) */
.variations select.loading {
  opacity: 0.6;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23c82231' d='M10 3.5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5S6.41 3.5 10 3.5M10 2C5.58 2 2 5.58 2 10s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8z' opacity='.3'/%3E%3Cpath fill='%23c82231' d='M10 2c4.42 0 8 3.58 8 8h-2c0-3.31-2.69-6-6-6V2z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
  background-position: calc(100% - 16px) center;
  background-size: 16px;
}
/* Animation for change */
@keyframes selectChange {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
.variations select:focus {
  animation: selectChange 0.3s ease;
}
.product_meta {
  font-size: 20px;
  margin-bottom: 20px
}
.tabs {
  list-style: none;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 10px 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.tabs li {
  padding: 0 30px;
  margin-bottom: 10px;
  border: 1px solid #eee;
  line-height: 38px;
  background: #000;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-right: 15px
}
.entry-content input,
.entry-content textarea{
  border-radius: 8px
}
.tabs li a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  display: inline-block
}
.entry-content h2 .entry-content strong,
.entry-content h2 button {
  font-size: 20px;
  font-weight: 600;
  color: #3a4659
}
.nav-tabs .nav-link.active,
.tabs li.active {
  color: #fff;
  background: #c82231
}
.entry-content {
  color: #667084;
  font-size: 18px
}
.entry-content .comment-form-author,
.entry-content .comment-form-email {
  display: flex;
  align-items: flex-start;
  flex-direction: column
}
.entry-content label {
  margin-bottom: 0;
  margin-right: 15px
}
.entry-content h2 button {
  text-decoration: none !important;
  display: flex;
  align-items: flex-end !important;
  height: 100%;
  justify-content: center
}
.entry-content h2 i {
  font-size: 22px;
  font-weight: 400
}
.card-header h2 {
  height: auto;
  display: flex
}
.accordion {
  margin-bottom: 30px
}
.entry-content ul {
  list-style: none;
}
.entry-content ul li i {
  margin-right: 10px;
  color: #fff;
  background-color: #c82231;
  padding: 4px;
  border-radius: 8px
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  position: relative;
  border-top: none;
  list-style: none;
  width: auto;
  word-wrap: break-word;
  outline: 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  display: flex;
  flex-wrap: wrap
}
.woocommerce-message::before {
  content: "\e015";
  color: #c82231
}
.toggle-icon {
  transition: transform .3s
}
.rotate {
  transform: rotate(180deg)
}
.star-rating-input {
  direction: rtl;
  unicode-bidi: bidi-override;
  font-size: 2rem;
  display: inline-flex;
  gap: 4px
}
.star-rating-input label {
  color: #ccc;
  cursor: pointer;
  transition: color .2s
}
.star-rating-input input:checked~label,
.star-rating-input label:hover,
.star-rating-input label:hover~label {
  color: #f5a623
}
.form-submit {
  margin: 20px 0
}
.form-submit input[type=submit] {
  padding: 5px 25px
}
.product-section .product .product-body .product-name {
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1.25rem
}
.price {
  font-size: 18px;
  font-weight: 700
}
.related,
.thumb-slider {
  margin-top: 20px
}
.related .products {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px
}
.res-shop .patern1 {
  position: absolute;
  bottom: 80%;
  left: 0;
  top: auto;
  width: 550px;
  height: 140px;
  z-index: 2
}
.custom-quantity-wrapper input[type=number]::-webkit-outer-spin-button,
.my-cart-page .custom-quantity-wrapper input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: auto;
  margin: 0;
  background-color: transparent;
  color: #000
}
.custom-quantity-wrapper input[type=number]::-webkit-inner-spin-button,
.custom-quantity-wrapper input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.product-page {
  background: 0 0
}
.product-section .products-carousel .owl-nav {
  position: absolute;
  top: -32px;
  right: 0
}
.product-section .products-carousel .owl-nav .owl-prev {
  right: 125px;
  left: auto
}
.product-section .product .product-img {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e4e7ed;
  border-radius: 12px 12px 0 0
}
.mini-cart-sidebar li:hover img,
.modern-mini-cart li:hover .modern-product-thumbnail img,
.product-section .product:hover img {
  transform: scale(1.05)
}
.product-section .product .product-img .product-label {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  gap: 8px
}
.product-section .product .product-img .product-label>span {
  border: 2px solid;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  transition: background-color .3s, color .3s
}
.product-section .product .product-img .product-label>span.sale {
  background-color: #fff;
  border-color: #d10024;
  color: #d10024;
  box-shadow: 0 0 8px rgba(209, 0, 36, .2)
}
.product-section .product .product-img .product-label>span.new {
  background-color: #f6891f;
  border-color: #f6891f;
  color: #fff;
  box-shadow: 0 0 8px rgba(209, 0, 36, .4)
}
.product-section .product .product-body {
  padding: 20px 15px;
  text-align: center;
  z-index: 20
}
.product-section .product .product-body .product-category {
  font-size: 16px;
  color: #8d99ae;
  letter-spacing: 1.2px;
  margin-bottom: 8px;
  font-weight: 600
}
.product-section .product .product-body .product-name>a {
  font-weight: 700;
  color: #222;
  text-decoration: none;
  transition: color .3s
}
.product-section .product .product-body .product-price {
  color: #f6891f;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px
}
.product-section .product .product-body .product-price .product-old-price {
  font-size: 14px;
  font-weight: 400;
  color: #8d99ae;
  text-decoration: line-through;
  margin-left: 10px
}
.product-section .product .product-body .product-rating {
  position: relative;
  margin: 15px 0 12px;
  height: 20px
}
.product-section .product .product-body .product-rating>i {
  position: relative;
  width: 16px;
  margin-right: -5px;
  background: #fff;
  color: #e4e7ed;
  z-index: 10;
  transition: color .3s;
  font-size: 16px
}
.product-section .product .product-body .product-rating>i.fa-star {
  color: #ef233c
}
.product-section .product .product-body .product-rating:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  height: 2px;
  background-color: #e4e7ed;
  border-radius: 2px
}
.product-section .product .product-body .product-btns>button {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: 0 0;
  border: none;
  cursor: pointer;
  transition: background-color .3s, color .3s;
  color: #666;
  font-size: 16px
}
.product-section .product .product-body .product-btns>button:hover {
  background-color: #e4e7ed;
  color: #d10024;
  border-radius: 50%
}
.product-section .product .product-body .product-btns>button .tooltipp {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -15px);
  width: 150px;
  padding: 10px;
  font-size: 12px;
  line-height: 14px;
  background: #1e1f29;
  color: #fff;
  text-transform: uppercase;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, transform .3s;
  pointer-events: none;
  z-index: 10
}
.product-section .product .add-to-cart {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  padding: 15px;
  background: #1e1f29;
  text-align: center;
  transform: translateY(0);
  transition: transform .3s;
  z-index: 2;
  border-radius: 0 0 12px 12px;
  color: #f6891f
}
.product .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 40px;
  padding: 0 30px;
  background-color: #ef233c;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 40px;
  cursor: pointer;
  transition: background-color .3s, color .3s, padding .3s, border-color .3s
}
.product-section .product .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: #d10024;
  opacity: 0;
  visibility: hidden;
  font-size: 18px;
  transition: opacity .3s
}
.product-section .product .add-to-cart .add-to-cart-btn:hover {
  background-color: #fff;
  color: #d10024;
  border-color: #d10024;
  padding-left: 50px;
  padding-right: 30px
}
.product-section .owl-carousel {
  z-index: 5
}
.top-bg {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}
.top-bg h2 {
  text-align: center;
  margin-top: 20px
}
.top-bg p {
  text-align: center;
  margin-top: 20px;
  font-size: 18px
}
#custom-popup {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  backdrop-filter: blur(3px)
}
.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(https://pool-cover-system.eminentrankers.com/wp-content/uploads/2025/05/6733_32201884947AM_0.4448816_.png) center/87% no-repeat;
  width: 800px;
  height: 600px;
  padding: 80px 40px;
  text-align: center;
  display: flex;
  color: #fff;
  font-family: Poppins, sans-serif;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: visible
}
.popup-content h2 {
  font-size: 29px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 103px
}
.popup-content p {
  font-size: 14px;
  margin-bottom: 8px
}
.popup-content input[type=email],
.popup-content input[type=text] {
  width: 66%;
  margin-bottom: 10px;
  padding: 10px;
  border: none;
  border-radius: 5px
}
.popup-content button {
  margin-top: 10px;
  padding: 10px 25px;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 3px;
  cursor: pointer
}
.close-popup {
  position: absolute;
  top: 20%;
  right: 26%;
  font-size: 34px;
  color: #000;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px
}
.ea-single-flip-box.style-five {
  position: relative;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
  -webkit-pereaective: 1000px;
  pereaective: 1000px
}
.ea-single-flip-box.style-five .ea-flip-box-front-part {
  height: 405px;
  transition: transform .6s cubic-bezier(.2, .85, .4, 1.275), -webkit-transform .6s cubic-bezier(.2, .85, .4, 1.275);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-pereaective: 1000px;
  pereaective: 1000px;
  position: relative
}
.ea-single-flip-box.style-five .ea-flip-box-front-part:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #051922;
  z-index: 0;
  opacity: .5
}
.ea-single-flip-box.style-five .ea-flip-box-front-part h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  padding: 10px 0;
  background: #c82231;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  z-index: 2
}
.ea-single-flip-box.style-five .ea-flip-box-back-part {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  position: absolute;
  background: linear-gradient(to left bottom, #c82231, #000000);
  transition: transform .6s cubic-bezier(.2, .85, .4, 1.275), -webkit-transform .6s cubic-bezier(.2, .85, .4, 1.275);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-pereaective: 1000px;
  pereaective: 1000px
}
.d-table {
  width: 100%;
  height: 100%
}
.d-table-cell {
  vertical-align: middle
}
.ea-single-flip-box.style-five .ea-flip-box-back-part h3 {
  margin-bottom: 12px;
  color: #fff;
  font-size: 22px;
  font-weight: 600
}
.ea-single-flip-box.style-five .ea-flip-box-back-part p {
  color: #fff;
  opacity: .9
}
.ea-single-flip-box.style-five .ea-flip-box-back-part .link-btn {
  background-color: #fff;
  color: #1a73e8;
  display: inline-block;
  padding: 11px 35px;
  border-radius: 5px;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 500
}
.ea-single-flip-box.style-five:hover .ea-flip-box-front-part {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg)
}
.ea-single-flip-box.style-five:hover .ea-flip-box-back-part {
  -webkit-transform: rotateX(0);
  transform: rotateX(0)
}
.ea-single-flip-box.style-five .ea-flip-box-back-part .link-btn:hover {
  color: #fff;
  background-color: #1a73e8
}
.organic-breadcrumb {
  background: url(http://pcs-2025.neilsenmarketeers.com.au/wp-content/uploads/2025/05/common-banner.jpg) center/cover no-repeat
}
.breadcrumb-banner {
  padding: 90px 0 8px
}
.organic-breadcrumb h1 {
  color: #0c1923;
  border-left: 12px solid #f6891f;
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 30px
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.tab-pane h2,
.tab-pane h3,
.tab-pane h4 {
  font-weight: 700;
  line-height: 2.25rem;
  color: #4a4a4a !important;
}
.organic-breadcrumb nav a,
.organic-breadcrumb nav p {
  color: #0c1923;
  margin-right: 10px;
  font-size: 18px;
  font-weight: 600
}
.woocommerce-MyAccount-navigation {
  background-color: #c82231;
  padding: 8px 12px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 20px
}
.woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: auto;
  border-bottom: none;
  background-color: #fff;
  padding: 0;
  align-items: center;
    justify-content: center;
}
.woocommerce-MyAccount-navigation ul li a {
  border: none;
  text-align: center;
  display: inline-block;
  border-radius: 0;
  color: #0c1923;
  padding: 10px 0;
  width: 166px
}
.woocommerce-MyAccount-navigation ul li a:hover {
  color: #fff;
  background-color: #c82231;
  border-color: #dee2e6 #dee2e6 #fff
}
.login_box_img {
  margin-right: -30px;
  position: relative;
  height: 100%;
  border-radius: 0 8px 8px 0;
  overflow: hidden
}
.login_box_img:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #051922;
  opacity: .3
}
.login_box_img .hover {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  transform: translateY(-50%)
}
.login_box_img .hover h4 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 15px
}
.login_box_img .hover p {
  max-width: 380px;
  margin: 0 auto 25px;
  color: #fff
}
.login_box_img .hover .primary-btn {
  border-radius: 0;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 0 30px;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background: -webkit-linear-gradient(90deg, #ffba00 0, #ff6c00 100%);
  background: -moz-linear-gradient(90deg, #ffba00 0, #ff6c00 100%);
  background: -o-linear-gradient(90deg, #ffba00 0, #ff6c00 100%);
  background: linear-gradient(90deg, #ffba00 0, #ff6c00 100%);
  line-height: 38px;
  text-transform: uppercase
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border: none;
  padding: 20px;
  margin: 1.5em 0;
  text-align: left;
  border-radius: 5px
}
.woocommerce form .form-row {
  padding: 3px;
  margin: 0 0 6px;
  display: flex;
  width: 100%;
  flex-direction: column
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  flex-direction: column
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  box-shadow: 0 4px 10px rgba(8, 117, 188, .2) !important
}
.checkout_coupon .button {
  background: linear-gradient(45deg, #c82231, #79282f) !important;
  color: #fff !important;
  padding: 15px 0 !important;
  border-radius: 12px
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
width: 100%;
    padding: 14px 16px; 
    font-size: 15px;
    line-height: 1.5;
    color: #495057;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-family: Poppins, sans-serif;
    flex: 1;
    height: 42px;
}
.woocommerce form .form-row select {
  padding: 0 10px !important;
}
.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus {
  background-color: #000;;
}
.entry-content h2,
.tab-pane h2 {
  font-size: 20px
}
.entry-content h3,
.tab-pane h3 {
  font-size: 18px
}
.entry-content h4,
.tab-pane h4 {
  font-size: 16px
}
.entry-content li {
  color: #4a4a4a;
  font-size: 10pt;
  margin-bottom: 10px
}
.underground-banner {
  padding: 0 15px
}
.underground-banner-box {
  background: linear-gradient(135deg, #c82231 0, #c8223c 100%);
  min-height: 360px
}
.underground-banner-image {
  max-height: 360px
}
.underground-banner-image img {
  height: 100%
}
.pool-size-fields {
  display: flex;
  justify-content: space-between;
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  flex-wrap: wrap
}
.pool-size-form label {
  font-size: 16px;
  margin-right: 10px
}
.pool-error {
  font-size: 14px
}
.pool-note {
  background: #f0f8ff;
  padding: 10px;
  border-left: 4px solid #c82231;
  margin-bottom: 10px;
  margin-top: 0 !important
}
.show-price-btn {
  background: #000000;
  padding: 4px 20px;
  margin-top: 10px;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 15px;
  font-size: 20px
}
.calculated-price {
  font-size: 17px;
  margin-top: 10px;
  font-weight: 700
}
.pool-size-form input[type=number] {
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 150px;
  margin-bottom: 15px;
  font-size: 20px
}
.pool-error {
  color: red;
  display: none;
  margin-bottom: 10px
}
.pool-size-summary {
  background: #f9f9f9;
  padding: 10px;
  border-radius: 12px;
  display: flex;
  gap: 40px;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 15px
}
.value-text {
  color: #c82231;
  font-weight: 500;
  font-size: 16px
}
.change-btn-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px
}
.pool-size-summary .summary {
  display: flex
}
.pool-size-summary,
.pool-size-summary .summary span {
  font-size: 14px !important;
  margin-right: 14px
}
.custom-quantity-wrapper,
.single_add_to_cart_button {
  margin-right: 10px;
  margin-bottom: 10px;
}
.product_image_area {
  background: linear-gradient(to bottom, #f0f4f8, #fff);
  padding: 70px 0
}
.btn_3,
.nav-tabs .nav-link {
  background: #c82231;
  font-weight: 600
}
.product_slider_img {
  margin-bottom: 40px
}
.main-slider img {
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .08)
}
.slick-slide img {
  display: block;
  height: 420px !important;
  width: 100% !important;
  object-fit: cover !important
}
.thumb-slider .slick-slide img {
  border-radius: 6px;
  opacity: .6;
  border: 2px solid transparent;
  transition: .3s;
  width: 100% !important;
  height: 100% !important
}
.thumb-slider .slick-current img {
  opacity: 1;
  border-color: #f6891f;
  transform: scale(1.05);
  border-width: 4px
}
.s_product_text h3 {
  font-size: 28px;
  font-weight: 700;
  color: #c82231;
  margin-bottom: 10px
}
.s_product_text h2 {
  font-size: 24px;
  color: #f6891f;
  margin-bottom: 20px
}
.s_product_text .list li a {
  font-size: 14px;
  color: #666;
  transition: color .3s
}
.btn_3 {
  color: #fff !important;
  padding: 14px 28px;
  border-radius: 6px;
  text-transform: uppercase;
  transition: .3s
}
.like_us i {
  font-size: 22px;
  color: #f6891f;
  transition: transform .3s
}
.like_us:hover i {
  transform: scale(1.2);
  color: #c82231
}
.product_description_area {
  background: #fff;
  padding: 0 0 60px
}
.nav-tabs {
  border-bottom: none
}
.nav-tabs .nav-link {
  border: 1px solid #eee;
  line-height: 38px;
  border-radius: 8px;
  padding: 0 30px;
  margin-right: 15px;
  color: #fff;
  font-size: 18px
}
.tab-pane {
  margin-top: 30px;
  color: #444;
  line-height: 1.8;
  font-size: 15px
}
.best_seller {
  background: #fafafa;
  padding: 70px 0
}
.best_product_slider .single_product_item {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .04);
  transition: transform .3s
}
.best_product_slider .single_product_item:hover {
  transform: translateY(-5px)
}
.single_product_text h4 {
  font-size: 18px;
  color: #c82231
}
.single_product_text h3 {
  font-size: 16px;
  color: #f6891f;
  margin-top: 5px
}
.get_quote_area {
  background: #f5f7f9;
  padding: 70px 0
}
.get_quote_area .form-control {
  border-radius: 6px;
  padding: 15px 20px;
  border: 1px solid #ccc;
  box-shadow: none;
  transition: border-color .3s;
  width: 100%
}
.get_quote_area .form-control:focus {
  border-color: #c82231
}
.get_quote_area textarea.form-control {
  resize: none
}
.get_quote_area .btn_3 {
  padding: 14px 32px
}
.video-wrapper .play-btn,
.video-wrapper .v-d {
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 15px;
  z-index: 3;
  color: #fff;
  text-align: center
}
.get_quote_area form textarea {
  height: 300px !important
}
.section_tittle h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #c82231
}
.section_tittle p {
  font-size: 15px;
  color: #666;
  margin-bottom: 0
}
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px
}
table td {
  padding: 10px 15px;
  border: 0;
}
.product-brochure h3,
.product-video h3 {
  font-size: 22px;
  margin-bottom: 15px;
  font-weight: 600
}
.video-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 600px
}
.video-wrapper img {
  border-radius: 8px;
  position: relative;
  width: 100%;
  height: auto
}
.video-wrapper .img-box {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  height: 100%
}
.video-wrapper .img-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  width: 100%;
  height: 100%;
  z-index: 2
}
.video-wrapper .play-btn {
  position: absolute;
  top: 50%;
  background: rgba(0, 0, 0, .6);
  border-radius: 50%;
  font-size: 20px;
  transition: background .3s;
  width: 64px;
  height: 64px
}
.video-wrapper .v-d {
  position: absolute;
  top: 57%;
  font-size: 24px
}
.video-wrapper .play-btn:hover {
  background: rgba(0, 0, 0, .8)
}
.product-brochure .btn-primary {
  background-color: #c82231;
  border-color: #c82231;
  color: #fff;
  padding: 10px 25px;
  font-size: 16px;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color .3s
}
.product-brochure .btn-primary:hover {
  background-color: #065a94;
  border-color: #065a94
}
.tab-pane p {
  font-size: 14px;
  margin-bottom: 20px;
  color: #033b5e
}
.tab-pane li {
  color: #033b5e;
  font-size: 18px;
  margin-bottom: 20px
}
#order_review_heading,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #11284b;
  font-weight: 600
}
.woocommerce-billing-fields {
      background: #fff;
    border-radius: 12px;
    padding: 10px;
}
.thumb-slider .slick-slide {
  outline: 0;
  width: 100px !important;
  height: 100px !important;
  border-radius: 6px;
  opacity: .6;
  border: 2px solid transparent;
  transition: .3s;
  margin-right: 12px important
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0, 0, 0) !important;
  display: flex;
  justify-content: space-evenly
}
.thumb-slider .slick-current {
  opacity: 1
}
.nav-tabs .nav-item {
  margin-bottom: 15px !important
}
@media only screen and (max-width:575px) {
  .brochures {
    flex-direction: column
  }
}
.woocommerce-tabs .cart {
  align-items: flex-start;
  margin-bottom: 60px
}
.woocommerce-tabs .custom-quantity-wrapper,
.woocommerce-tabs .show-price-btn,
.woocommerce-tabs .single_add_to_cart_button {
  width: 180px;
  margin: 20px 0 0
}
/* ============================================
   CHECKOUT PAGE - CLASSIC DESIGN
   ============================================ */
.woocommerce-checkout {
  font-family: Poppins, sans-serif;
  background: #f5f5f5;
  
}
.woocommerce-checkout form.checkout {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width:991px) {
  .woocommerce-checkout form.checkout {
    display: block;
  }
}
#order_review,
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
  background: #fff;
  padding: 5px;
      background: #fff;
    border-radius: 12px;
    padding: 10px;
  border: 1px solid #ddd;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {
  border-bottom: 2px solid #c82231;
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  background: #fff;
  color: #333;
  transition: border 0.3s ease;
}
.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
  border-color: #c82231;
  background: #fff;
  outline: none;
}
.woocommerce-checkout input::placeholder,
.woocommerce-checkout select::placeholder,
.woocommerce-checkout textarea::placeholder {
  color: #999;
  font-style: italic;
}
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  color: #333;
}
.woocommerce-checkout-review-order-table thead th {
  background: #f8f9fa;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 14px;
}
.woocommerce-checkout-review-order-table tfoot th {
  font-weight: bold;
  background: #f5f5f5;
}
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total th {
  font-size: 16px;
  color: #c82231;
  font-weight: bold;
  background: #fff;
}
.woocommerce-checkout #payment {
  background: #fff;
  padding: 10px;
  border: 0px solid #ddd;
}
.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
  margin: 0;
  list-style: none;
}
.woocommerce-checkout #payment ul.payment_methods li {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
  background: #f9f9f9;
  transition: background 0.3s ease;
}
.woocommerce-checkout #payment ul.payment_methods li:hover {
  border-color: #c82231;
  background: #fff;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  margin-right: 15px;
  transform: scale(1.2);
  accent-color: #c82231;
}
.woocommerce-checkout #payment ul.payment_methods li label {
  font-weight: 600;
  color: #2c3e50;
  cursor: pointer;
}
.woocommerce-checkout #payment .place-order {
  margin-top: 20px;
  text-align: left
}
.woocommerce-checkout #place_order {
  background: #c82231;
  color: #fff;
  border: none;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
  width: 100%;
  text-transform: uppercase;
}
.woocommerce-checkout #place_order:hover {
  background: #a01c2a;
}
.woocommerce-terms-and-conditions-wrapper {
  margin-top: 15px;
  font-size: 14px;
  color: #555;
 width:100%;
}
.mini-cart-button {
  position: fixed;
  bottom: 50%;
  right: -5px;
  color: #c82231;
  border: none;
  /* width: 50px;
  height: 75px; */
  font-size: 18px;
  display: flex;
  cursor: pointer;
  z-index: 998;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0 0 10px ;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, .8);
  /* backdrop-filter: blur(10px); */
  /* -webkit-backdrop-filter: blur(10px); */
  transition: .3s;
  /* box-shadow: 0 4px 20px rgba(0, 0, 0, .1); */
  /* border-left: 4px solid #000 */
}
.mini-cart-button:hover {
  background: #c82231;
  color: #c82231;
}
.cart-count {
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}
.mini-cart-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 425px;
  height: 100%;
  color: #222;
  z-index: 9999999999;
  padding: 30px 25px 80px;
  display: flex;
  opacity: 0;
  flex-direction: column;
  background: rgba(255, 255, 255, .85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .15);
  border-left: 4px solid #000;
  border-radius: 8px;
  transform: translateX(-120px) scale(.98);
  pointer-events: none;
  transition: opacity .4s, transform .4s cubic-bezier(.19, 1, .22, 1)
}
.mini-cart-sidebar.open {
  opacity: 1;
  transform: translateX(0) scale(1);
  pointer-events: auto
}
@media (max-width:768px) {
  .underground-banner-content {
    padding: 2rem !important
  }
  .mini-cart-sidebar {
    width: 75%
  }
}
.mini-cart-sidebar::-webkit-scrollbar {
  width: 6px
}
.mini-cart-sidebar::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 6px
}
button:focus {
  outline: 0 !important
}
.mini-cart-close {
  position: absolute;
  top: -6px;
  left: 18px;
  background: 0 0;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #444;
  transition: transform .3s, color .3s
}
.mini-cart-close:hover {
  color: ##c82231;
  transform: rotate(90deg) scale(1.1)
}
.modern-mini-cart .remove_from_cart_button,
.remove_from_cart_button {
  position: absolute;
  font-size: 18px;
  color: #bbb;
  transition: color .3s;
  text-decoration: none
}
.mini-cart-sidebar li {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
  position: relative;
  transition: background .3s
}
.mini-cart-sidebar li:hover {
  background: rgba(246, 137, 31, .05);
  border-radius: 8px
}
.mini-cart-sidebar li img {
  width: 65px;
  height: 65px;
  border-radius: 8px;
  margin-right: 12px;
  transition: transform .3s
}
.mini-cart-sidebar li .product-title {
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 1.4
}
.mini-cart-sidebar li .quantity {
  font-size: 13px;
  color: #f6891f;
  font-weight: 600
}
.remove_from_cart_button {
  right: 0;
  top: 0;
  font-size:24px;
}
.mini-cart-subtotal {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 600;
  margin: 20px 0;
  color: #333
}
.mini-cart-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  background: #fff;
  display: flex;
  gap: 10px;
  border-top: 1px solid #eee
}
.mini-cart-footer a,
.modern-mini-cart .modern-buttons a {
  flex: 1;
  text-align: center;
  padding: 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: .3s
}
.mini-cart-footer a.view-cart,
.modern-mini-cart .modern-buttons .button.wc-forward:not(.checkout) {
  background: 0 0;
  border: 2px solid #eaeaea;
  color: #444
}
.mini-cart-footer a.checkout,
.modern-mini-cart .modern-buttons .checkout {
  background: #c82231;
  color: #fff;
}
.mini-cart-footer a:hover {
  transform: translateY(-3px)
}
.modern-mini-cart {
  font-family: Poppins, sans-serif;
  color: #222;
  margin-top: 8px
}
.modern-mini-cart ul.woocommerce-mini-cart {
  height: 60vh;
  list-style: none;
  margin: 0;
  padding: 0 10px 0 0;
  overflow-y: auto
}
.modern-mini-cart li.modern-mini-cart-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #eee;
  background: #fff;
  position: relative;
  transition: box-shadow .3s, transform .2s;
  gap: 12px
}
.modern-mini-cart li.modern-mini-cart-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
  transform: translateY(-2px)
}
.modern-mini-cart .remove_from_cart_button {
  top: 8px;
  right: 8px
}
.modern-mini-cart .modern-product-thumbnail {
  width: 65px;
  height: 65px;
  flex-shrink: 0
}
.modern-mini-cart .modern-product-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  transition: transform .3s
}
.modern-mini-cart .modern-product-info {
  display: flex;
  flex-direction: column;
  flex: 1
}
.modern-mini-cart .modern-product-name {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  text-decoration: none;
  margin-bottom: 4px
}
.modern-mini-cart .modern-product-meta {
  display: flex;
  gap: 6px;
  font-size: 13px;
  color: #666
}
.modern-mini-cart .modern-quantity {
  font-size: 13px;
  color: #666
}
.modern-mini-cart .modern-price {
  font-size: 14px;
  font-weight: 600;
  color: #c82231
}
.modern-mini-cart .modern-total {
  font-size: 15px;
  font-weight: 600 !important;
  color: #333;
  padding: 15px 0;
  border-top: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
  margin: 15px 0;
  display: flex;
  justify-content: space-between
}
.modern-mini-cart .modern-buttons {
  display: flex;
  gap: 10px
}
.modern-mini-cart .modern-buttons a:hover {
  transform: translateY(-3px);
  opacity: .9
}
.modern-mini-cart .modern-empty-message {
  color: #777;
  font-style: italic;
  font-size: 15px;
  text-align: center;
  padding: 50px 0
}
/* ── Reset the list wrapper ─────────────────────────── */
html body .woocommerce-error,
html body .woocommerce-info,
html body .woocommerce-message {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    list-style: none !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ── Remove WooCommerce default pseudo icons ────────── */
html body .woocommerce-error::before,
html body .woocommerce-info::before,
html body .woocommerce-message::before {
    display: none !important;
    content: none !important;
}

/* ── Each notice item ───────────────────────────────── */
html body .woocommerce-error li,
html body .woocommerce-info li,
html body .woocommerce-message li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    border-radius: 10px !important;
    padding: 13px 16px !important;
    margin: 0 !important;
    list-style: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    cursor: default !important;
    color: #fff !important;
}

/* ── Error (red) ────────────────────────────────────── */
html body .woocommerce-error li {
    background: #dc2626 !important;
    border: 1px solid #b91c1c !important;
}

/* ── Info / warning (amber) ─────────────────────────── */
html body .woocommerce-info li {
    background: #d97706 !important;
    border: 1px solid #b45309 !important;
}

/* ── Success (green) ────────────────────────────────── */
html body .woocommerce-message li {
    background: #16a34a !important;
    border: 1px solid #15803d !important;
}

/* ── Links inside notices ───────────────────────────── */
html body .woocommerce-error li a,
html body .woocommerce-info li a,
html body .woocommerce-message li a {
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    background: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important;
}

html body .woocommerce-error li a:hover,
html body .woocommerce-info li a:hover,
html body .woocommerce-message li a:hover {
    opacity: 0.8 !important;
    background: none !important;
}

/* ── Disabled add to cart ───────────────────────────── */
html body .single_add_to_cart_button.insufficient-stock {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}
.custom-cart-item-variations dt {
  font-weight: 600;
  color: #555;
  margin-bottom: 5px !important;
  margin-left: 20px !important
}
.rc-anchor-normal {
  height: 74px;
  width: auto !important
}
.custom-lost-password-box {
  background: #f8f9fb;
  border: 1px solid #ddd;
  padding: 25px;
  border-radius: 10px;
  text-align: center;
  margin: 40px auto;
  max-width: 600px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .05)
}
.custom-lost-password-box .woocommerce-message {
  background: #eaf7ff;
  border: 1px solid #b6e0fe;
  color: #11284b;
  padding: 15px;
  border-radius: 6px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500
}
.custom-lost-password-box .custom-message {
  color: #444;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6
}
.custom-quantity-wrapper,
.entry-content h2 button,
.mini-cart-button,
.popup-content,
.rollers-section .roller-box,
.single_variation_wrap,
.woocommerce-product-gallery {
  align-content: center;
  align-content: center
}
.custom-quantity-wrapper {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0;
  margin-bottom: 15px;
}
.custom-quantity-wrapper input[type=number] {
  border: none;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  align-content: center;
  color: #000;
  font-size: 24px;
  outline: 0 !important
}
.qty-btn {
    color: #4c4c4c;
    display: block;
    height: 30px;
    float: left;
    line-height: 16px;
    font-family: Poppins, sans-serif;
    width: 26px;
    padding: 0;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    border: 1px solid #767676;
    position: relative;
}
/* Hide quantity field and buttons completely */
.custom-quantity-wrapper.hide-qty-wrapper {
    display: none !important;
}
.comment-form-rating {
    display: flex;
}
.comment-form-rating .star-rating-input input {
    opacity: 0;
}
.comment-form-rating .star-rating-input label {
    margin: 0;
}
/* General form styling */
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.form-submit {
    margin-bottom: 20px;
}
/* Labels */
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
    font-size: 14px;
}
/* Inputs & Textarea */
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    color: #333;
    transition: border 0.3s, box-shadow 0.3s;
    box-sizing: border-box;
}
/* Hover & Focus */
.comment-form-comment textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus {
    border-color: #007cba; /* Focus color */
    box-shadow: 0 0 5px rgba(0, 124, 186, 0.2);
    outline: none;
}
/* Submit button */
.form-submit .submit {
    background-color: #c82231;
    color: #fff;
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.3s, transform 0.2s;
}
.form-submit .submit:hover {
    background-color: #000;
    transform: translateY(-1px);
}
/* Placeholder text */
.comment-form-comment textarea::placeholder,
.comment-form-author input::placeholder,
.comment-form-email input::placeholder {
    color: #999;
    font-style: italic;
}
/* Responsive */
@media (max-width: 600px) {
    .comment-form-comment textarea,
    .comment-form-author input,
    .comment-form-email input {
        font-size: 13px;
        padding: 8px 10px;
    }
    .form-submit .submit {
        width: 100%;
        padding: 12px;
    }
}
.woocommerce-product-details__short-description strong {
    line-height: 1.65 !important;
    color: #4a4a4a !important;
        font-size: 14px !important; 
}
img.wp-post-image {
    width: 100%;
    height: 100%;
}
/* ===============================
   WooCommerce Product Grid (Modern Red & Black Theme)
================================= */
/* === Product Grid Layout === */
ul.products,
ul.products.row {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 25px;
  list-style: none;
  padding: 30px 10px;
  margin: 0;
}
/* === Product Card === */
ul.products li.product {
  position: relative;
  border-radius:3px;
  overflow: hidden;
  transition: all 0.35s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  border:1px solid #eee;
  padding: 10px;
  
}
ul.products li.product:hover {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
}
/* === Image Box (Modern Style) === */
ul.products li.product .img-box {
  position: relative;
  width: 100%;
  height: 300px;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  padding: 10px;
}
/* === Product Image === */
ul.products li.product .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Shows the image completely */
  transition: transform 0.4s ease, opacity 0.4s ease;
}
/* === Secondary Hover Image === */
ul.products li.product .img-box .hover-image {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: #f9f9f9;
  transition: opacity 0.2s ease, transform 0.4s ease;
}
ul.products li.product:hover .img-box .hover-image {
  opacity: 1;
  transform: scale(1.04);
}
ul.products li.product:hover .img-box img:first-child {
  opacity: 0;
  transform: scale(1.04);
}
/* === Sale Badge === */
ul.products li.product .onsale {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  background: #ff6f00 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  padding: 10px !important;
  border-radius: 3px !important;
  z-index: 10 !important;
  text-transform: uppercase;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}
/* === Product Title === */
ul.products li.product h2.woocommerce-loop-product__title {
  font-size: 16px;
  font-weight: 800;
  color: #444;
margin: 14px 14px 0;
  text-align: center;
  transition: color 0.3s ease;
  min-height: 50px;
  line-height: 1.5;
}
ul.products li.product:hover h2.woocommerce-loop-product__title {
  color: #c82231;
}
/* === Price === */
ul.products li.product .price {
  display: block;
  margin: 8px 8px 0;
  font-size: 14px;
  color: #000;
  font-weight: 700;
  text-align: center;
}
ul.products li.product .price del {
  color: #000;
  font-size: 14px;
  margin-right: 6px;
}
ul.products li.product .price ins {
  color: #c82231;
  font-weight: 800;
}
/* === Add to Cart Button === */
ul.products li.product .button {
  background: #000;
  color: #fff !important;
  border-radius: 10px;
  padding: 14px 22px;
  font-size: 1.05rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  transition: all 0.3s ease;
  border: none;
  width: 85%;
  margin: 15px;
  display: inline-block;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
}
ul.products li.product .button:hover {
  background: #c82231;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(200, 34, 49, 0.4);
}
/* === Hover Effect on Image === */
ul.products li.product:hover .img-box img {
  transform: scale(1.05);
}
/* === Responsive Design === */
@media (max-width: 768px) {
  ul.products,
  ul.products.row {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 20px;
  }
  ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 1.1rem;
  }
  ul.products li.product .price {
    font-size: 1.1rem;
  }
  ul.products li.product .button {
    font-size: 1rem;
    padding: 11px 16px;
  }
}
/* Out of Stock */
ul.products li.product.outofstock {
  opacity: 0.7;
}
ul.products li.product.outofstock .button {
  background: #666;
  pointer-events: none;
}
/* ======= Stock Labels ======= */
.stock-label {
    position: absolute !important;
    top:10px;
    right: 0px;
    margin-top: 10px;
    z-index: 10;
    letter-spacing: 0.08em;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    text-decoration: none;
    transition: transform 0.3s 
ease;
    transform: rotate(23deg);
    text-align: center !important;
    filter: drop-shadow(0.25em 0.7em 0.95em rgba(0, 0, 0, 0.8));
    font-size: 12px;
    z-index: 5;
   color: #fff;
    border-radius: 0.4em;
    padding: 0em 1em;
      border: 0px solid;
    text-transform: uppercase;
}
/* 🟥 Out of Stock */
.stock-label.out-of-stock {
    background-color: #000000!important;
}
/* Low Stock */
.stock-label.low-stock {
    background-color: #d93025; /* Soft red */
    animation: pulse 1.5s infinite;
}
/* In Stock */
.stock-label.in-stock {
    background-color: #444;
    animation: pulse 1.5s infinite;
}
/* Light pulse for low quantity */
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.75; }
  100% { opacity: 1; }
}
/* ===============================
   WooCommerce Pagination (Red & Black Style)
================================= */
ul.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  list-style: none;
  padding: 40px 0 20px;
  margin: 0;
}
ul.page-numbers li {
  display: inline-block;
}
/* Default Buttons */
ul.page-numbers a,
ul.page-numbers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: 10px;
  background: #fff;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  border: 2px solid #000;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}
/* Hover */
ul.page-numbers a:hover {
  background: #c82231;
  color: #fff;
  border-color: #c82231;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(200, 34, 49, 0.3);
}
/* Current Page */
ul.page-numbers .current {
  background: #000;
  color: #fff;
  border-color: #000;
  pointer-events: none;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
}
/* Dots (…) */
ul.page-numbers .dots {
  background: transparent;
  border: none;
  color: #777;
  font-weight: 600;
  box-shadow: none;
}
/* Next / Prev arrows */
ul.page-numbers a.next,
ul.page-numbers a.prev {
  font-size: 1.2rem;
  font-weight: 900;
  padding: 0 18px;
}
/* Responsive */
@media (max-width: 600px) {
  ul.page-numbers {
    gap: 6px;
  }
  ul.page-numbers a,
  ul.page-numbers span {
    min-width: 36px;
    height: 36px;
    font-size: 0.9rem;
  }
}
/* ===============================
   WooCommerce Product Archive Header (Modern Red & Black Style)
================================= */
/* ===============================
   WooCommerce Result Bar - Modern Premium Style
================================= */
.woocommerce-result-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
color: #f5f5f5;
  padding: 16px 28px;
  border-radius: 16px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.05);
  margin-bottom: 40px;
  flex-wrap: wrap;
  gap: 20px;
  transition: all 0.3s ease;
}
.woocommerce-result-bar:hover {
  box-shadow: 0 6px 22px rgba(0,0,0,0.1);
}
/* Result Count */
.woocommerce-result-count {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  margin: 0;
}
/* Sorting Dropdown Wrapper */
.woocommerce-ordering {
  position: relative;
  min-width: 220px;
}
/* Sorting Dropdown */
.woocommerce-ordering select {
    border: 0;
  width: 100%;
  background: #f5f5f5;
  color: #000;
  margin-top: 15px;
  padding: 12px 44px 12px 16px;
  font-size: 16px;
  font-weight: 700;
  appearance: none;
  cursor: pointer;
  transition: all 0.35s ease;
}
.woocommerce-ordering select:hover {
  background: #f5f5f5;
}
.woocommerce-ordering select:focus {
  outline: none;
  background: #f5f5f5;
}
/* Custom Arrow */
.woocommerce-ordering::after {
  content: "\25BE"; /* ▼ Unicode */
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 0.9rem;
  pointer-events: none;
  transition: all 0.3s ease;
}
.woocommerce-ordering:hover::after {
  transform: translateY(-50%) rotate(180deg);
}
/* Subtle Hover Motion */
.woocommerce-result-bar:hover .woocommerce-result-count {
  color: #c82231;
  transition: color 0.3s ease;
}
/* Responsive */
@media (max-width: 768px) {
  .woocommerce-result-bar {
    flex-direction: column;
    text-align: center;
    padding: 18px;
  }
  .woocommerce-ordering {
    width: 100%;
  }
  .woocommerce-ordering select {
    width: 100%;
  }
}
/* 
........................................................
-------------------- cart  Page -----------------------
.......................................................
*/
.custom-quantity-wrapper {
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 0 !important;
    background-color: #f3f3f3;
    margin-right: 0 !important;
    background: transparent !important;
margin-bottom:0 !important ;
}
.custom-quantity-wrapper input[type="number"] {
    border: none;
    border-radius: 0;
    padding: 8px 12px;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-content: center;
    color: #000;
    font-size: 24px;
    background-color: transparent;
}
.woocommerce table.shop_table {
    border:0!important;
}
.woocommerce table.shop_table td{
    padding:0!important;
}
.woocommerce table.shop_table td.product-thumbnail {
    margin-right:25px;
}
.woocommerce table.shop_table td.product-name {
}
.woocommerce table.shop_table td.product-name a {
        color: #051922;
    font-size: 14px;
    font-weight: 600;
}
.woocommerce table.shop_table td.product-quantity {
}
.woocommerce table.shop_table td.product-price {
}
.woocommerce table.shop_table td.product-price bdi {
    color: #051922;
    font-size: 16px;
    font-weight: 500;
}
.woocommerce table.shop_table td.product-remove {
}
.woocommerce table.shop_table td.product-remove a {
    color: #212529 !important;
    background: transparent;
    font-size: 24px !important;
        margin-left: 15px;
}
    /* Hide table headers */
    .woocommerce-cart-form table thead {
        display: none;
    }
    /* Remove borders */
    .woocommerce-cart-form table {
        border: none;
    }
    .woocommerce-cart-form td {
        border: none !important;
        vertical-align: middle;
    }
    /* Thumbnail styling */
    .woocommerce-cart-form .product-thumbnail img {
        max-width: 100px;
        height: auto;
        border-radius: 10px;
    }
    /* Remove button as gray trash icon */
    .woocommerce-cart-form .remove {
        display: inline-block;
        width: 32px;
        height: 32px;
        background-color: #ddd;
        color: #555;
        text-align: center;
        line-height: 32px;
        border-radius: 50%;
        font-size: 18px;
        text-decoration: none;
        transition: background 0.3s ease, color 0.3s ease;
    }
    .woocommerce-cart-form .remove:hover {
        background-color: #bbb;
        color: #222;
    }
tbody {
    border:0;
}
    /* Cart item flex layout */
.woocommerce-cart-form .cart_item {
    display: flex!important;
    flex-wrap: nowrap;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
       padding: 15px 25px 15px 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    margin-bottom:15px;
    width:100%;
}
    /* Each td flex sizing */
    .woocommerce-cart-form .cart_item td {
        display: inline-block;
        flex: 0 0 auto;
        padding:0 0 0 12px;
    }
    .woocommerce-cart-form .update {
            display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 15px 0;
    }
 .woocommerce-cart-form .update td {
    text-align: right;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
 }
    .woocommerce-cart-form .product-thumbnail {
        flex-basis: 100px;
    }
    .woocommerce-cart-form .product-name {
        flex-basis: 50%;
    }
    .woocommerce-cart-form .product-quantity {
        flex-basis: 100px;
    }
    .woocommerce-cart-form .product-price {
        flex-basis: 100px;
        text-align: right;
    }
    .woocommerce-cart-form .product-remove {
        flex-basis: 50px;
        text-align: center;
    }
    /* Responsive spacing */
    @media (max-width: 767px) {
        .woocommerce-cart-form .cart_item {
            flex-wrap: wrap;
                padding: 15px 25px;
        }
        .woocommerce-cart-form .product-name {
            flex-basis: 100%;
            margin-top: 10px;
        }
    }
    /* Cart totals padding */
.woocommerce .cart-collaterals {
    /* padding-top: 30px; */
    height: 100%;
    background: #fff;
    color: #000;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
         margin-left:20px;
}
.woocommerce .cart-collaterals tr {
        display: flex;
   align-items: flex-start;
    justify-content: flex-start;
    padding: 8px;
}
.woocommerce .cart-collaterals tr.shipping {
flex-direction: column;
}
.woocommerce .cart-collaterals h2 {
    color : #000;
}
.woocommerce-cart-form .coupon {
    float: left;
    display: flex;
    gap: 8px;
    align-items: center;
    margin-right: 15px;
}
.woocommerce-cart-form .coupon input.input-text {
    padding: 8px 12px;
    border: 1.5px solid #c82231;
    border-radius: 6px;
    font-size: 16px;
    width: 250px !important;
    transition: all 0.3s ease;
}
.woocommerce-cart-form .coupon input.input-text:focus {
    border-color: #f6891f;
    outline: none;
}
/* Apply button for coupon */
.woocommerce-cart-form .coupon button.button {
    background: #c82231;
    border: none;
    color: white;
    font-weight: 600;
    font-size: 16px;
    padding: 11px 18px;
    border-radius: 6px;
    cursor: pointer;
    white-space: nowrap;
     transition: all 0.5s ease;
}
.woocommerce-cart-form .coupon button.button:hover {
    background: #000;
}
/* Update Cart button */
.woocommerce-cart-form .actions button.button[name="update_cart"] {
    background: #000;
    border: none;
    color: white;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 25px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease;
    min-width: 120px;
     transition: all 0.3s ease;
}
.woocommerce-cart-form .actions button.button[name="update_cart"]:hover {
    background: #c82231;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width:100%;
    padding:10px;
}
.wc-proceed-to-checkout a.checkout-button {
    border: 3px solid transparent !important;
    display: inline-block !important;
    background: #c82231 !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    padding: 12px 30px !important;
    border-radius: 8px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    min-width: 180px !important;
    box-shadow: 0 4px 10px rgba(246, 137, 31, 0.5) !important;
     transition: all 0.3s ease;
     width:100%;
         margin-bottom: 10px;
}
.wc-proceed-to-checkout a.checkout-button:hover {
    border: 3px solid #c82231 !important;
    background:transparent !important;
    color: #000!important;
    box-shadow: 0 6px 14px rgba(8, 117, 188, 0.6) !important;
}
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
        display:none;
    }
        .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: flex !important;
    }
@media only screen and (max-width: 768px) {
      .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
        display: block;
    }
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
                display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        text-align: left !important;
    }
    .woocommerce table.shop_table td.product-thumbnail {
    margin-right: 30px;
}
.woocommerce-cart-form .cart_item {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
}
.woocommerce table.shop_table td.product-thumbnail ,
.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table td.product-quantity,
.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-remove
 {
    max-width:100% !important;
    margin-bottom:20px;
}
.woocommerce table.shop_table td.product-quantity{
width:25%;
}
.woocommerce table.shop_table td.product-price{
  width:40%;
}
.woocommerce table.shop_table td.product-remove
 {
    width:15%;
}
    .custom-quantity-wrapper {
        justify-content: flex-start;
}
.custom-quantity-wrapper input[type="number"]::-webkit-inner-spin-button,
.custom-quantity-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: button !important;
}
.woocommerce table.cart img {
    max-width: 100% !important;
    height: 250px;
    width:100%
}
.woocommerce table.shop_table td.product-thumbnail a {
    width:100%;
    display:block;
}
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent;
        margin-bottom:0px;
    }
        .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
        float: none;
        padding-bottom: .5em;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 991px) {
.woocommerce .cart-collaterals {
  margin:0;
}
}
@media only screen and (max-width: 485px) { 
.woocommerce-cart-form .coupon input.input-text {
  width: 100% !important;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    width: 100% !important;
}
.woocommerce-cart-form .coupon {
    float: left;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-direction: column;
}
}
.cart-discount {
  flex-direction: column;
      padding-bottom: 15px;
    border-bottom: 3px solid;
}
.cart-discount a {
  color : #fff ; 
}
.cart_totals th {
  font-size:18px;
  border:0 !important;
}
.woocommerce a.woocommerce-remove-coupon {
    display: inline-block;
    background: linear-gradient(45deg, #f6891f, #c82231);
    color: white !important;
    padding: 4px 12px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
    margin-left: 8px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
.woocommerce a.woocommerce-remove-coupon:hover {
    background: linear-gradient(45deg, #c82231, #f6891f);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}/* ===== Hero Slider ===== */
.hero-slider {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: relative;
    z-index: 1;
}

.hero-slider .swiper {
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.hero-slider .swiper-slide {
    position: relative;
    overflow: hidden;
}

.hero-slider .slide-img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
    display: block;
    transition: transform 0.8s ease;
}

.hero-slider .swiper-slide:hover .slide-img {
   opacity:1;
}

/* ===== Navigation Arrows ===== */
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s ease;
}

.hero-slider .swiper-button-next:after,
.hero-slider .swiper-button-prev:after {
    font-size: 15px;
    font-weight: 700;
}

.hero-slider .swiper-button-next:hover,
.hero-slider .swiper-button-prev:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

/* ===== Pagination ===== */
.hero-slider .swiper-pagination {
    bottom: 20px !important;
}

.hero-slider .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 50%;
}

.hero-slider .swiper-pagination-bullet-active {
    background: #fff;
    width: 24px;
    border-radius: 4px;
    transform: none;
}

/* ===== Mobile ===== */
@media (max-width: 991px) {
    .hero-slider .swiper {
        height: 420px;
    }
}

@media (max-width: 768px) {
    .hero-slider .swiper {
        height: auto;
    }
    .hero-slider .slide-img {
        object-fit: contain;
        height: auto;
    }
    .hero-slider .swiper-button-next,
    .hero-slider .swiper-button-prev {
        display: none;
    }
    .hero-slider .swiper-pagination {
        bottom: 8px !important;
    }
}

@media (max-width: 375px) {
    .hero-slider .slide-img {
        object-fit: contain;
    }
}


.videos-premium {
    padding: 30px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.videos-premium .videos-header {
    text-align: left;
    margin-bottom: 60px;
    max-width: 800px;
}
.videos-premium .videos-header h2 {
    font-size: 46px;
    font-weight: 800;
    color: #000;
    margin-bottom: 12px;
}
.videos-premium .videos-header h2 span {
    color: #c82231;
}
.videos-premium .videos-header p {
    font-size: 18px;
    color: #555;
    line-height: 1.6;
}
.videos-premium .videos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 32px;
}
.videos-premium .video-card {
    display: block;
    text-decoration: none;
    transition: all 0.4s ease;
}
.videos-premium .video-card:hover {
    transform: translateY(-6px);
}
.videos-premium .video-cover {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 16/9;
    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
    transition: all 0.4s ease;
    background: #111;
}
.videos-premium .video-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
}
.videos-premium .video-card:hover .video-thumb {
    transform: scale(1.05);
}
.videos-premium .video-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.05));
    opacity: 0.6;
    transition: opacity 0.4s ease;
}
.videos-premium .video-card:hover .video-cover::after {
    opacity: 0.85;
}
.videos-premium .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.2);
    border: 1.5px solid rgba(255,255,255,0.6);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(6px);
    transition: all 0.3s ease;
    
    z-index: 2;
}
.videos-premium .video-card:hover .play-btn {
    background: rgba(255,255,255,0.35);
    transform: translate(-50%, -50%) scale(1.08);
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.8; }
    100% { transform: scale(1); opacity: 1; }
}
.videos-premium .video-card h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-top: 15px;
    transition: color 0.3s ease;
}
.videos-premium .video-card:hover h3 {
    color: #c82231;
}
@media (max-width: 992px) {
    .videos-premium .videos-header h2 {
        font-size: 38px;
    }
}
@media (max-width: 600px) {
    .videos-premium {
        padding: 80px 0;
    }
    .videos-premium .play-btn {
        width: 52px;
        height: 52px;
    }
}
.about-premium {
    padding: 50px 0;
  background: #fff;
}
.about-premium .about-premium-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  align-items: center;
  gap: clamp(40px, 5vw, 80px);
}
.about-premium .about-premium-title {
  font-size: clamp(30px, 3.5vw, 48px);
  color: #000;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.about-premium .about-premium-title span {
  color: #c82231;
}
.about-premium .about-premium-text {
  font-size: 16px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 14px;
}
.about-premium .about-premium-btn {
  display: inline-block;
  background: #c82231;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 28px;
  border-radius: 50px;
  margin-top: 25px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.about-premium .about-premium-btn:hover {
  background: #000;
  color: #fff;
  transform: translateY(-2px);
}
.about-premium .about-premium-video-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 22px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  transition: transform 0.4s ease;
  max-height: 400px;
}
.about-premium .about-premium-video-box:hover {
  transform: scale(1.02);
}
.about-premium .about-premium-thumb {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 22px;
  transition: opacity 0.3s ease;
}
.about-premium .about-premium-video-box:hover .about-premium-thumb {
  opacity: 0.85;
}
.about-premium .about-premium-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(200, 34, 49, 0.9);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  transition: all 0.3s ease;
  box-shadow: 0 0 20px rgba(200, 34, 49, 0.5);
}
.about-premium .about-premium-play-btn i {
    font-size:20px;
}
.about-premium .about-premium-play-btn:hover {
  background: #000;
  transform: translate(-50%, -50%) scale(1.1);
}
/*--------------------------------------------*/
/* latest-articles */
/*---------------------------------------------*/
.latest-articles {
  padding: 100px 0;
  background: #f7f8f8;
}
.latest-articles .articles-header {
  text-align: center;
  margin-bottom: 60px;
}
.latest-articles h2 {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  color: #000; /* Primary text color */
}
.latest-articles h2 span {
  color: #d10024; /* Primary red */
}
.latest-articles .articles-header p {
  color: #666;
  max-width: 600px;
  margin: 0 auto;
}
.latest-articles .articles-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 40px;
}
.latest-articles .article-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}
.latest-articles .article-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}
.latest-articles .article-thumb {
  width: 100%;
  overflow: hidden;
}
.latest-articles .article-thumb img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}
.latest-articles .article-card:hover .article-thumb img {
  transform: scale(1.08);
}
.latest-articles .article-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.latest-articles .article-content h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.latest-articles .article-content p {
  color: #555;
  flex: 1;
}
.latest-articles .read-more {
  margin-top: 16px;
  color: var(--primary-color);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.2s ease;
}
.latest-articles .read-more:hover {
  gap: 12px;
}
.latest-articles .btn-view-all {
  display: inline-block;
  padding: 14px 40px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #d10024; /* Primary red */
  border: 2px solid #d10024;
  border-radius: 50px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(209, 0, 36, 0.25);
}
.latest-articles .btn-view-all:hover {
  background-color: #000;
  border-color: #000;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}
.latest-articles .articles-footer {
  text-align: center;
  margin-top: 60px;
}
/* ============================
   Testimonials Section
============================ */
/* ============================
   Testimonials Section (Full Width)
============================ */
.testimonials {
  background: #fff;
  padding: 50px 0;
  width: 100%;
}
.testimonials .section-header {
  text-align: center;
  margin-bottom: 60px;
}
.testimonials .section-header h2 {
  font-size: 40px;
  font-weight: 700;
  color: #d10024;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.testimonials .section-header p {
  font-size: 18px;
  color: #555;
  margin: 0;
}
/* Slider Container */
.testimonials-slider {
  width: 100%;
}
/* Testimonial Box */
.testimonial-box {
  background: #f8f8f8;
  border-radius: 24px;
  padding: 60px;
  box-shadow: 0 8px 2px rgba(0, 0, 0, 0.07);
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  transition: all 0.3s ease;
  text-align: center;
}
.testimonial-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 2px rgba(0, 0, 0, 0.1);
}
/* Text */
.testimonial-content {
}
.testimonial-content p {
  color: #222;
  font-size: 16px;
  line-height: 1.9;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 0;
  position: relative;
  text-align: center;
}
/* Author Info */
.testimonial-author {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
}
.testimonial-author img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #d10024;
  box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
}
.testimonial-author h6 {
  font-size: 18px;
  font-weight: 600;
  color: #111;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
/* Swiper adjustments */
.swiper {
  overflow: hidden;
  width: 100%;
}
.swiper-slide {
  display: flex;
  justify-content: center;
}
.swiper-pagination {
  display: none !important;
}
/* Responsive */
@media (max-width: 768px) {
  .testimonial-box {
    padding: 20px;
  }
  .testimonials .section-header h2 {
    font-size: 32px;
  }
  .testimonial-content p {
    font-size: 14px;
  }
}
/**/
.recent-post li img {
  transition: transform 0.3s ease;
  margin-right: 10px;
}
.recent-post li img:hover {
  transform: scale(1.05);
}
.blog-details {
  line-height: 1.7;
}
.blog-details img {
  max-width: 100%;
  border-radius: 10px;
  margin: 20px 0;
}
.blog-body p {
  margin-bottom: 1rem;
}
/* === Recommended Products Slider Adjustments === */

.recommended-products {
      padding: 20px 0;
}
h2.recommended-title {
    font-size: 30px;
}
p.recommended-subtitle {
    font-size: 14px;
}
/* Remove any padding or margin from UL inside slider */
.recommended-products ul.products {
  padding: 0 !important;
  margin: 0 !important;
}
/* Reduce spacing between elements inside slider */
.recommended-products .swiper-slide {
  padding: 0 !important;
}
/* Slightly enlarge the box */
.recommended-products ul.products li.product {
  height: auto;
  min-height: 702px;
}
/* === Recommended Products Slider Arrows === */
.recommended-products .swiper-button-next,
.recommended-products .swiper-button-prev {
  color: #c82231; /* Primary color */
  opacity: 0.3; /* Semi-transparent */
  transition: all 0.3s ease;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* On hover */
.recommended-products .swiper-button-next:hover,
.recommended-products .swiper-button-prev:hover {
  opacity: 1;
  background: #fff;
  transform: scale(1.08);
}
/* Hide shadow from the icon itself inside the button */
.recommended-products .swiper-button-next::after,
.recommended-products .swiper-button-prev::after {
  font-size: 18px;
  color: #c82231;
  font-weight: bold;
}
/* Arrows positioned outside the slider */
@media (min-width: 991px) {
  .recommended-products .swiper-button-prev {
    left: 0; /* Outside the box */
  }
  .recommended-products .swiper-button-next {
    right: 0; /* Outside the box */
  }
}
/* In mobile and small tablet, return inside the slider */
@media (max-width: 990px) {
  .recommended-products .swiper-button-prev,
  .recommended-products .swiper-button-next {
    left: 0;
    right: 5px;
    opacity: 0.6;
    background: rgba(255, 255, 255, 0.8);
  }
}
  .recommended-products .swiper-button-next {
      right: 0;
      left: auto;
  }
 ul.recommendedSwiper li {
      width: auto;
      max-width: unset !important;
  }
  @media (max-width: 768px) {
     ul.recommendedSwiper {
         grid-template-columns: none; 
        gap: 20px;
    }
}
/* ==========================================
   Collections Page Styles
   ========================================== */
/* All Collections Section */
.all-collections-section {
  padding: 80px 0;
  background: #f9f9f9;
}
/* Section Header */
.all-collections-section .section-header h2 {
  font-size: 36px;
  font-weight: 700;
  color: #000;
  margin-bottom: 15px;
}
.all-collections-section .section-header h2 span {
  color: #c82231;
}
.all-collections-section .section-header p {
  font-size: 16px;
  color: #666;
  max-width: 600px;
  margin: 0 auto;
}
/* Collections Grid */
.collections-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 50px;
}
/* Collection Card */
.collection-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  text-decoration: none;
  aspect-ratio: 1;
}
.collection-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 35px rgba(200, 34, 49, 0.2);
}
/* Collection Image */
.collection-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.collection-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.collection-card:hover .collection-image img {
  transform: scale(1.1);
}
/* Product Count Badge */
.product-count {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 8px 16px;
  border-radius: 25px;
  font-size: 13px;
  font-weight: 600;
  z-index: 2;
  backdrop-filter: blur(10px);
}
/* Collection Overlay */
.collection-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
  padding: 40px 25px 25px;
  transform: translateY(0);
  transition: all 0.4s ease;
}
.collection-card:hover .collection-overlay {
  background: linear-gradient(to top, rgba(200, 34, 49, 0.95), rgba(200, 34, 49, 0.7));
}
.collection-overlay h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
  transform: translateY(0);
  transition: transform 0.4s ease;
}
.collection-card:hover .collection-overlay h3 {
  transform: translateY(-5px);
}
.collection-desc {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  margin-bottom: 15px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
}
.collection-card:hover .collection-desc {
  opacity: 1;
  transform: translateY(0);
}
/* Collection Button */
.collection-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.collection-btn i {
  font-size: 18px;
  transition: transform 0.3s ease;
}
.collection-card:hover .collection-btn i {
  transform: translateX(5px);
}
.btn-text {
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.4s ease;
}
.collection-card:hover .btn-text {
  opacity: 1;
  transform: translateX(0);
}
/* View All Button */
.collections-btn-wrap {
  margin-top: 60px;
}
.collections-btn-primary {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 16px 40px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.collections-btn-primary:hover {
  background: #c82231;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(200, 34, 49, 0.3);
  color: #fff;
  text-decoration: none;
}
/* No Collections Message */
.no-collections {
  grid-column: 1 / -1;
  text-align: center;
  padding: 60px 20px;
  color: #999;
  font-size: 18px;
}
/* Pagination Styles */
.collections-pagination {
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid #e5e5e5;
}
.pagination-wrapper {
  display: flex;
  justify-content: center;
}
.pagination-wrapper ul {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination-wrapper li {
  margin: 0;
}
.pagination-wrapper a,
.pagination-wrapper span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  height: 45px;
  padding: 0 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  background: #fff;
}
.pagination-wrapper a:hover {
  border-color: #c82231;
  background: #c82231;
  color: #fff;
  transform: translateY(-2px);
}
.pagination-wrapper .current {
  border-color: #c82231;
  background: #c82231;
  color: #fff;
}
.pagination-wrapper .prev,
.pagination-wrapper .next {
  padding: 0 20px;
  gap: 8px;
}
.pagination-wrapper .dots {
  border: none;
  background: transparent;
  color: #999;
  pointer-events: none;
}
/* Responsive */
@media (max-width: 1200px) {
  .collections-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .collections-hero {
    padding: 60px 0;
  }
  .collections-hero h1 {
    font-size: 36px;
  }
  .collections-hero p {
    font-size: 16px;
  }
  .all-collections-section {
    padding: 60px 0;
  }
  .all-collections-section .section-header h2 {
    font-size: 28px;
  }
  .collections-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .collection-overlay h3 {
    font-size: 18px;
  }
  .product-count {
    font-size: 12px;
    padding: 6px 12px;
  }
  .collections-btn-primary {
    padding: 14px 32px;
    font-size: 14px;
  }
  .pagination-wrapper a,
  .pagination-wrapper span {
    min-width: 38px;
    height: 38px;
    font-size: 14px;
  }
  .pagination-wrapper .prev,
  .pagination-wrapper .next {
    padding: 0 12px;
  }
}
@media (max-width: 480px) {
  .collections-grid {
    grid-template-columns: 1fr;
  }
  .collection-card {
    aspect-ratio: 4/3;
  }
  .pagination-wrapper ul {
    gap: 5px;
  }
  .pagination-wrapper a,
  .pagination-wrapper span {
    min-width: 35px;
    height: 35px;
    padding: 0 10px;
    font-size: 13px;
  }
}
/* Styling the reviews section in WhatsApp style */
#comments {
    background: #e5ddd5;
    padding: 20px;
    border-radius: 10px;
    max-width: 900px;
    margin: 30px auto;
}
#comments .woocommerce-Reviews-title {
    background: #c82231;
    color: #fff !important;
    padding: 15px 20px;
    margin: -20px -20px 20px -20px;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    font-weight: 600;
}
#comments .commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
}
/* Customer review - on the left */
#comments .commentlist > li.review {
    margin-bottom: 20px;
    clear: both;
}
#comments .comment_container {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
}
/* Customer image */
#comments .commentlist > li.review .avatar {
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
/* Customer message box */
#comments .commentlist > li.review > .comment_container .comment-text {
    background: white;
    padding: 12px 15px;
    border-radius: 0 10px 10px 10px;
    max-width: 65%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    position: relative;
}
/* Small arrow */
#comments .commentlist > li.review > .comment_container .comment-text:before {
    content: '';
    position: absolute;
    left: -8px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent white transparent transparent;
}
/* Customer name */
#comments .comment-text .meta {
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
#comments .woocommerce-review__author {
    color: #075e54;
    font-size: 15px;
    font-weight: 600;
}
#comments .woocommerce-review__dash {
    display: none;
}
#comments .woocommerce-review__published-date {
    color: #667781;
    font-size: 12px;
}
/* Star rating */
#comments .star-rating {
    margin: 0 0 8px 0;
    font-size: 14px;
}
#comments .star-rating:before {
    color: #d4d4d4;
}
#comments .star-rating span:before {
    color: #ffc107;
}
/* Review text */
#comments .description {
    margin: 0;
    color: #303030;
    line-height: 1.6;
    font-size: 14px;
}
#comments .description p {
    margin: 0;
    color:#fff;
}
/* Replies - on the right */
#comments .children {
    list-style: none;
    padding: 0;
    margin: 0;
}
#comments .children li.comment {
    margin-bottom: 15px;
}
#comments .children .comment_container {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 10px;
    flex-direction: row-reverse;
}
/* Manager/Seller image */
#comments .children .avatar {
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
/* Reply message box */
#comments .children .comment-text {
    background: #c82231;
    color: white;
    padding: 12px 15px;
    border-radius: 10px 0 10px 10px;
    max-width: 65%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    position: relative;
    margin-right: 0;
    margin-left: auto;
}
/* Small arrow for reply */
#comments .children .comment-text:before {
    content: '';
    position: absolute;
    right: -8px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #c82231;
}
/* Formatting manager name in reply */
#comments .children .woocommerce-review__author {
    color: white;
}
/* Reply date */
#comments .children .woocommerce-review__published-date {
    color: rgba(255, 255, 255, 0.8);
}
/* Reply text */
#comments .children .description {
    color: white;
}
/* Verification mark for manager */
#comments .children .woocommerce-review__author:after {
    content: '✓';
    display: inline-block;
    margin-left: 5px;
    color: white;
    font-weight: bold;
    font-size: 16px;
}
/* Mobile responsiveness */
@media (max-width: 768px) {
    #comments {
        padding: 15px;
        margin: 20px 10px;
    }
    #comments .commentlist > li.review > .comment_container .comment-text,
    #comments .children .comment-text {
        max-width: 80%;
    }
    #comments .avatar {
        width: 45px;
        height: 45px;
    }
}
/* Additional improvements */
#comments .commentlist > li.review {
    animation: slideInLeft 0.3s ease-out;
}
#comments .children li.comment {
    animation: slideInRight 0.3s ease-out;
}
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* Add smooth scroll for many reviews */
#comments {
    overflow-y: auto;
    max-height: 800px;
}
#comments::-webkit-scrollbar {
    width: 8px;
}
#comments::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1);
    border-radius: 10px;
}
#comments::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
#comments::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/*  new comm hima */
/**
 * WooCommerce Custom Styles
 * Add this to your theme's style.css or create a separate custom-woocommerce.css
 */
/* ============================================
   CHECKOUT PAGE STYLES
   ============================================ */
.checkout-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 20px;
}
.woocommerce-checkout {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}
/* Checkout Layout */
#customer_details {
    display: flex;
    gap: 30px;
    margin: 0;
}
#customer_details .col-lg-6 {
    flex: 1;
    padding: 0;
}
#customer_details .col-lg-6:last-child {
    background: #fff;
}
/* Form Headings */
.woocommerce-billing-fields h3,
#order_review_heading {
    font-size: 24px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}
/* ============================================
   MODERN FORM STYLES
   ============================================ */
.modern-form {
    width: 100%;
}
.form-group {
    margin-bottom: 20px;
    position: relative;
}
/* Form Fields */
.woocommerce-input-wrapper {
    width: 100%;
}
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select {
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 1.5;
    color: #495057;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.3s ease;
    font-family: Poppins, sans-serif;
}
.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce input[type="password"]:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
    outline: none;
    border-color: #c82231;
    box-shadow: 0 0 0 3px rgba(200, 34, 49, 0.1);
    background: #fff;
}
/* Select Dropdown */
.woocommerce select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
    cursor: pointer;
}
.woocommerce select:hover {
    border-color: #c82231;
}
span.woocommerce-input-wrapper {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
        margin: 0 0 .5em;
    line-height: 1.5em;
    list-style: none outside;
    
}
/* Labels */
.woocommerce label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
    color: #2c3e50;
    padding: 5px;
}
.woocommerce label abbr {
    color: #dc3545;
    text-decoration: none;
    font-weight: 600;
}
/* Required Field Asterisk */
.woocommerce .required {
    color: #dc3545;
    font-weight: 700;
}
/* Textarea */
.woocommerce textarea {
    min-height: 120px;
    resize: vertical;
}
/* Form Row */
.woocommerce .form-row {
    margin-bottom: 0;
}
/* ============================================
   ORDER REVIEW STYLES
   ============================================ */
#order_review {
    background: #fff;
    border-radius: 12px;
    padding: 10px;
}
.woocommerce table.shop_table {
    border: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    padding: 10px !important;
}
.woocommerce table.shop_table thead th {
    background: #f8f9fa;
    font-weight: 600;
    color: #2c3e50;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.5px;
}
.woocommerce table.shop_table tbody tr:hover {
    background: #f8f9fa;
    transition: background 0.2s ease;
}
/* Order Total */
.woocommerce .order-total {
    font-size: 20px;
    font-weight: 700;
    color: #c82231;
}
/* ============================================
   SHIPPING METHODS
   ============================================ */
.woocommerce-shipping-methods {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce-shipping-methods li {
    padding: 10px !important;
    margin-bottom: 10px;
    background: #f8f9fa;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.3s ease;
}
.woocommerce-shipping-methods li:hover {
    border-color: #c82231;
    background: #fff;
}
.woocommerce-shipping-methods li input[type="radio"] {
    margin-right: 10px;
}
.woocommerce-shipping-methods li label {
    display: inline;
    margin: 0;
    cursor: pointer;
    font-weight: 500;
}
/* ============================================
   PAYMENT METHODS
   ============================================ */
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: transparent !important;
    border-radius: 12px;
}
#payment ul.payment_methods {
    border: 0 !important;
    padding: 0;
}
#payment ul.payment_methods li {
    background: #f8f9fa;
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 15px !important;
    transition: all 0.3s ease;
}
#payment ul.payment_methods li:hover {
    border-color: #c82231 !important;
    background: #fff;
}
#payment ul.payment_methods li.payment_method_cod {
    background: #fff3cd;
    border-color: #ffc107 !important;
}
#payment div.payment_box {
    background: transparent !important;
    border: 0 !important;
    padding: 15px 0 !important;
    margin: 10px 0 0 0 !important;
}
#payment div.payment_box::before {
    display: none !important;
}
/* ============================================
   PLACE ORDER BUTTON
   ============================================ */
.woocommerce #place_order {
    width: 100%;
    padding: 18px 32px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    background: #c82231;
    border: none;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.3s ease;
    margin-top: 15px;
}
.woocommerce #place_order:hover {
    background: #000000;
}
.woocommerce #place_order:active {
    background: #000000;
}
/* ============================================
   RECAPTCHA STYLING
   ============================================ */
.g-recaptcha {
    margin: 20px 0 !important;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    display: flex;
    justify-content: center;
}
/* ============================================
   CHECKBOX & RADIO BUTTONS
   ============================================ */
.woocommerce input[type="checkbox"],
.woocommerce input[type="radio"] {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    cursor: pointer;
    accent-color: #c82231;
}
.form-check {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 15px 0;
}
.form-check-label {
    margin: 0 !important;
    cursor: pointer;
    font-weight: 500;
}
/* ============================================
   ACCOUNT FIELDS
   ============================================ */
.woocommerce-account-fields {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #e0e0e0;
}
.create-account {
    margin-top: 15px;
    padding: 20px;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
}
/* ============================================
   SINGLE PRODUCT PAGE
   ============================================ */
.single-product .row {
    background: #f8f8f8 !important;
    padding: 60px 40px !important;
    border-radius: 12px;
    margin: 0;
}
.single-product .col-lg-6 {
    padding: 20px;
}
/* Product Images */
.woocommerce-product-gallery {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.woocommerce-product-gallery__image {
    border-radius: 8px;
    overflow: hidden;
}
/* Product Summary */
.summary.entry-summary {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.summary .product_title {
    font-size: 32px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
    line-height: 1.3;
}
.summary .price {
    font-size: 28px;
    font-weight: 700;
    color: #c82231;
    margin: 20px 0;
}
.summary .price del {
    opacity: 0.5;
    margin-right: 10px;
}
/* Add to Cart Button */
.summary button.single_add_to_cart_button {
    width: 100%;
    padding: 18px 32px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    background: linear-gradient(135deg, #c82231 0%, #000000 100%);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 20px;
}
.summary button.single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #000000 0%, #333333 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
/* Quantity Input */
.quantity input.qty {
    width: 65px !important;
    text-align: center;
    padding: 3px !important;
    font-size: 16px !important;
    font-weight: 600;
    border: 0px solid !important;
    border-radius: 8px !important;
}
/* Product Meta */
.product_meta {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    color: #666;
}
.product_meta span {
    display: block;
    margin: 8px 0;
}
/* Product Tabs */
.woocommerce-tabs {
    background: #fff;
    border-radius: 12px;
    margin-top: 0px;
  
}
.woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #e0e0e0;
    padding: 0;
    margin: 0 0 30px 0;
}
.woocommerce-tabs ul.tabs li {
    margin: 0 30px 0 0;
    padding: 0;
    background: transparent;
    border: none;
}
.woocommerce-tabs ul.tabs li a {
    padding: 15px 20px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}
.woocommerce-tabs ul.tabs li.active a {
    color: #c82231;
    border-bottom-color: #c82231;
}
/* ============================================
   RESPONSIVE STYLES
   ============================================ */
@media (max-width: 991px) {
    #customer_details {
        flex-direction: column;
    }
    #customer_details .col-lg-6 {
        width: 100%;
    }
    .single-product .row {
        padding: 30px 20px !important;
    }
    .summary .product_title {
        font-size: 24px;
    }
}
@media (max-width: 768px) {
    .checkout-wrapper {
        padding: 20px 10px;
    }
    #customer_details .col-lg-6 {
        padding: 0;
    }
    .woocommerce input[type="text"],
    .woocommerce input[type="email"],
    .woocommerce input[type="tel"],
    .woocommerce select {
        font-size: 16px; /* Prevent zoom on iOS */
    }
}
/* ============================================
   THANK YOU / ORDER RECEIVED PAGE - CLASSIC DESIGN
   ============================================ */
.woocommerce-order-received {
  font-family: Poppins, sans-serif;
  background: #fff;
  min-height: 100vh;
  padding: 60px 20px;
}
.woocommerce-order-received .woocommerce {
  max-width: 1200px;
  margin: 0 auto;
}
.woocommerce-order-received .woocommerce-order-overview {
  background: #fff;
  padding: 30px;
  border: 1px solid #ddd;
  text-align: center;
}
.woocommerce-order-received .woocommerce-order-overview h2 {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}
.woocommerce-order-received .woocommerce-order-overview p {
  font-size: 16px;
  color: #666;
  margin-bottom: 30px;
}
.woocommerce-order-received .woocommerce-order-overview ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.woocommerce-order-received .woocommerce-order-overview li {
  background: #f9f9f9;
  padding: 15px 20px;
  border: 1px solid #ddd;
  text-align: center;
  min-width: 120px;
}
.woocommerce-order-received .woocommerce-order-overview li strong {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #c82231;
  margin-bottom: 5px;
}
.woocommerce-order-received .woocommerce-order-overview li span {
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  font-weight: bold;
}
.woocommerce-order-received .woocommerce-order-details {
  background: #fff;
  padding: 30px;
  border: 1px solid #ddd;
}
.woocommerce-order-received .woocommerce-order-details h2 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 30px;
  text-align: center;
}
.woocommerce-order-received .woocommerce-table {
  border: 1px solid #ddd;
  width: 100%;
  background: #fff;
  border-collapse: collapse;
}
.woocommerce-order-received .woocommerce-table thead th {
  background: #c82231;
  color: #fff;
  padding: 15px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}
.woocommerce-order-received .woocommerce-table tbody td {
  border: 1px solid #ddd;
  padding: 15px;
  color: #333;
  font-weight: normal;
}
.woocommerce-order-received .woocommerce-table tbody tr:hover td {
  background: #f9f9f9;
}
.woocommerce-order-received .woocommerce-customer-details {
  background: #fff;
  padding: 30px;
  border: 1px solid #ddd;
  margin-top: 40px;
}
.woocommerce-order-received .woocommerce-customer-details h2 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 30px;
  text-align: center;
}
.woocommerce-order-received .woocommerce-customer-details address {
  background: #f9f9f9;
  padding: 20px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
.woocommerce-order-received .woocommerce-customer-details address p {
  margin: 0;
  color: #333;
  font-weight: normal;
  line-height: 1.6;
}
.woocommerce-order-received .woocommerce-customer-details h3 {
  font-size: 18px;
  font-weight: bold;
  color: #c82231;
  margin-bottom: 15px;
  text-transform: uppercase;
}
/* Success Icon */
.woocommerce-order-received .success-icon {
  text-align: center;
  margin-bottom: 30px;
}
.woocommerce-order-received .success-icon i {
  font-size: 60px;
  color: #c82231;
  margin-bottom: 20px;
}
/* Continue Shopping Button */
.woocommerce-order-received .continue-shopping {
  text-align: center;
  margin-top: 40px;
}
.woocommerce-order-received .continue-shopping a {
  display: inline-block;
  padding: 15px 30px;
  background: #c82231;
  color: #fff;
  text-decoration: none;
  border: 2px solid #c82231;
  font-weight: bold;
  text-transform: uppercase;
  transition: background 0.3s ease;
}
.woocommerce-order-received .continue-shopping a:hover {
  background: #000000;
  border-color: #000000;
}
/* ============================================
   RESPONSIVE DESIGN - MOBILE & TABLET STYLES
   ============================================ */
/* Responsive Design for Thank You Page */
@media (max-width: 768px) {
  .woocommerce-order-received .woocommerce-order-overview ul {
    flex-direction: column;
    gap: 20px;
  }
  .woocommerce-order-received .woocommerce-order-overview li {
    min-width: auto;
  }
  .woocommerce-order-received .woocommerce-order-overview h2 {
    font-size: 28px;
  }
  .woocommerce-order-received .woocommerce-order-details h2,
  .woocommerce-order-received .woocommerce-customer-details h2 {
    font-size: 24px;
  }
}

/* ============================================
   BANK DETAILS SECTION - PROFESSIONAL STYLE
   ============================================ */
   ul.wc-bacs-bank-details.order_details.bacs_details {
    display: block;
}
.woocommerce-bacs-bank-details {
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 10px;
    margin: 40px 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {
  font-size: 28px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: 3px solid #c82231;
  padding-bottom: 15px;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
  font-size: 20px;
  font-weight: 600;
  color: #c82231;
  margin-bottom: 25px;
  text-align: center;
  background: #f8f9fa;
  padding: 15px;
  border-radius: 8px;
  border-left: 4px solid #c82231;
  width: 100%;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #e0e0e0;
  display: block;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details li {
  padding: 12px 0;
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px !important;
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details li:last-child {
  border-bottom: none;
}

.woocommerce-bacs-bank-details .wc-bacs-bank-details li strong {
  color: #000;
  font-weight: 700;
  font-size: 16px !important; 
  margin-left: 10px
}

/* Responsive Design */
@media (max-width: 768px) {
  .woocommerce-bacs-bank-details {
    padding: 20px;
    margin: 30px 0;
  }

  .woocommerce-bacs-bank-details .wc-bacs-bank-details-heading {
    font-size: 24px;
  }

  .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name {
    font-size: 18px;
    padding: 12px;
  }

  .woocommerce-bacs-bank-details .wc-bacs-bank-details li {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}


/*  */

.wc-item-meta {
    padding:0;
}
.woocommerce-customer-details {
    background: #fff;
    padding: 20px ;
    border-radius: 15px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    max-width: 900px;
    margin: 40px auto;
    font-family: Poppins, sans-serif;
    color: #333;
}

.woocommerce-columns.addresses {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.woocommerce-column {
    flex: 1 1 45%;
    background: #f9fafb;
    padding: 20px;
    border-radius: 12px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.03);
    transition: box-shadow 0.3s ease;
}

.woocommerce-column:hover {
    box-shadow: inset 0 0 12px rgba(0,0,0,0.06);
}

.woocommerce-column__title {
    font-size: 20px;
    color: #2c3e50;
    margin-bottom: 20px;
    border-bottom: 3px solid #c82231;
    padding-bottom: 8px;
    font-weight: 600;
}

.woocommerce-customer-details .field-line {
    margin-top: 12px;
    font-size: 13px;
    color: #2d3748;
    display: flex;
    gap: 8px;
    align-items: center;
}

.woocommerce-customer-details .field-line strong {
    display: inline-block;
    width: 50%; 
    font-weight: 700;
    color: #2c3e50;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
    color: #1f2937;
    margin: 0;
    display: inline;
}

.woocommerce-customer-details--phone::before {
    content: "📞 ";
    margin-right: 6px;
}

.woocommerce-customer-details--email::before {
    content: "✉️ ";
    margin-right: 6px;
}

@media (max-width: 768px) {
    .woocommerce-columns.addresses {
        flex-direction: column;
    }
    .woocommerce-column {
        flex: 1 1 100%;
        margin-bottom: 30px;
    }
}


.woocommerce-order-details {
    padding: 20px;
    border-radius: 25px;
    max-width: 960px;
    margin: 60px auto;
    font-family: Poppins, sans-serif;
    color: #2c3e50;
    box-shadow: 0 20px 40px rgba(44, 62, 80, 0.1);
    transition: box-shadow 0.3s ease;
}

.woocommerce-order-details:hover {
    box-shadow: 0 25px 50px rgba(44, 62, 80, 0.15);
}

.woocommerce-order-details__title {
    font-size: 20px;
    color: #2c3e50;
    margin-bottom: 20px;
    border-bottom: 3px solid #c82231;
    padding-bottom: 8px;
    font-weight: 600;
}

.woocommerce-table.order_details {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 25px;
    background: transparent;
}

.woocommerce-table.order_details thead th {
    font-weight: 800;
    color: #4a5568;
    font-size: 1.2rem;
    padding-bottom: 15px;
    border-bottom: 3px solid #cbd5e0;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: none;
}

.woocommerce-table.order_details tbody tr {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}



.woocommerce-table.order_details th,
.woocommerce-table.order_details td {
    padding: 20px 28px;
    vertical-align: middle;
    font-size: 16px;
    color: #2d3748;
        backdrop-filter: blur(6px);
}

.woocommerce-table.order_details td.product-name {
    font-weight: 700;
    color: #2d3748;
}

.order-actions-button {
    background: linear-gradient(135deg, #c82231, #a01c2a);
    color: #fff !important;
    border-radius: 30px;
    padding: 14px 36px;
    font-weight: 800;
    text-decoration: none;
    display: inline-block;
    margin-right: 18px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
    transition: all 0.4s ease;
    letter-spacing: 1px;
    font-size: 1.1rem;
}

.order-actions-button:hover {
    background: linear-gradient(135deg, #d93025, #a01c2a);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
    color: #fff !important;
    transform: translateY(-3px);
}

tfoot tr th {
    font-weight: 800;
    background: transparent;
    color: #4a5568;
    font-size: 1.15rem;
    padding-top: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

tfoot tr td {
    background: #edf2f7;
    font-weight: 700;
    color: #4a5568;
    font-size: 1.05rem;
    padding-top: 30px;
}

tfoot tr th.order-actions--heading {
    font-size: 1.3rem;
}

tfoot tr td.order-actions-button {
    padding-top: 30px;
}

@media (max-width: 900px) {
    .woocommerce-order-details {
        padding: 35px 25px;
        max-width: 100%;
        margin: 40px 10px;
    }
    .woocommerce-order-details__title {
        font-size: 2rem;
        padding-bottom: 10px;
    }
    .woocommerce-table.order_details th,
    .woocommerce-table.order_details td {
        padding: 15px 14px;
        font-size: 16px;
    }
    .order-actions-button {
        padding: 12px 28px;
        font-size: 1rem;
    }
}

/* Dashboard */

.account-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin-top: 30px;
}
.account-card {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.account-card h4 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
}
.account-card p {
	margin: 0 0 10px;
	font-size: 14px;
	color: #555;
}
.edit-link, .logout-link {
	display: inline-block;
	font-size: 13px;
	color: #000;
	text-decoration: underline;
	margin-top: 10px;
	cursor: pointer;
}
.logout-link {
	color: #c82231;
	display: block;
}
.account-card ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.account-card ul li {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
	font-size: 14px;
}
.account-card ul li:last-child {
	border-bottom: none;
}
.account-card form input[type="email"],
.account-card form input[type="text"],
.account-card form input[type="password"] {
	width: 100%;
	padding: 8px;
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}
.account-card form button {
	margin-top: 10px;
	padding: 8px 16px;
	background-color: #000;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}
.account-card form button:hover {
	background-color: #000;
}
.notice {
	padding: 10px 15px;
	background-color: #dff0d8;
	color: #79282f;
	border-radius: 4px;
	margin-bottom: 20px;
}

/* Form Edit */

  form.woocommerce-EditAccountForm {
        max-width: 600px;
        margin: 30px auto;
        font-family: Poppins, sans-serif;
        background: #fff;
        padding: 20px 25px;
        border: 1px solid #ddd;
        border-radius: 8px;
    }
    form.woocommerce-EditAccountForm label {
        display: block;
        font-weight: 600;
        margin-bottom: 6px;
        color: #222;
    }
    form.woocommerce-EditAccountForm input[type="text"],
    form.woocommerce-EditAccountForm input[type="email"],
    form.woocommerce-EditAccountForm input[type="password"] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 14px;
        margin-bottom: 18px;
        box-sizing: border-box;
        transition: border-color 0.3s ease;
    }
    form.woocommerce-EditAccountForm input[type="text"]:focus,
    form.woocommerce-EditAccountForm input[type="email"]:focus,
    form.woocommerce-EditAccountForm input[type="password"]:focus {
        border-color: #c82231;
        outline: none;
    }
    form.woocommerce-EditAccountForm .required {
        color: #d63638;
        margin-left: 3px;
    }
    form.woocommerce-EditAccountForm fieldset {
        border: 1px solid #ddd;
        padding: 15px 20px;
        margin-bottom: 25px;
        border-radius: 6px;
        background: #fafafa;
    }
    form.woocommerce-EditAccountForm legend {
        font-weight: 700;
        padding: 0 8px;
        color: #333;
    }
    form.woocommerce-EditAccountForm button[type="submit"] {
        background-color: #c82231;
        color: white;
        border: none;
        padding: 12px 24px;
        font-size: 16px;
        cursor: pointer;
        border-radius: 4px;
        transition: background-color 0.3s ease;
    }
    form.woocommerce-EditAccountForm button[type="submit"]:hover {
        background-color: #c82231;
    }
    form.woocommerce-EditAccountForm .form-text {
        font-size: 0.9rem;
        color: #555;
        margin-top: -14px;
        margin-bottom: 18px;
        font-style: italic;
    }

    
.woocommerce-address-fields {
    max-width: 600px;
    margin: 30px auto;
    background: #fff;
    border: 1px solid #ddd;
    padding: 25px 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.1);
    font-family: Poppins, sans-serif;
}
.woocommerce-address-fields h2 {
    margin-bottom: 20px;
    font-size: 1.8rem;
    color: #333;
    border-bottom: 2px solid #c82231;
    padding-bottom: 8px;
}
.woocommerce-address-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 20px;
}
.woocommerce-address-fields__field-wrapper .form-row {
    margin-bottom: 0 !important;
}
.woocommerce-address-fields__field-wrapper .form-row-wide {
    grid-column: span 2;
}
.woocommerce-address-fields button.button {
    background-color: #c8223c;
    border: none;
    color: white;
    padding: 10px 28px;
    font-size: 1rem;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 15px;
}
.woocommerce-address-fields button.button:hover {
    background-color: #79282f;
}

/*  */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

.wrapper-new{
  overflow: hidden;
  max-width: 420px;
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  margin: 50px auto;
}
.wrapper-new .title-text{
  display: flex;
  width: 200%;
}
.wrapper-new .title{
  width: 50%;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
}
.wrapper-new .slide-controls{
  position: relative;
  display: flex;
  height: 50px;
  width: 100%;
  margin: 20px 0 10px 0;
  justify-content: space-between;
  border: 1px solid lightgrey;
  border-radius: 15px;
  overflow: hidden;
}
.wrapper-new .slide-controls label{
  width: 100%;
  text-align: center;
  line-height: 50px;
  font-weight: 500;
  cursor: pointer;
  z-index: 1;
      display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
}
.wrapper-new .slide-controls .slider-tab{
  position: absolute;
  height: 100%;
  width: 50%;
  left: 0;
  border-radius: 15px;
  background: linear-gradient(90deg, #c82231 0%, #a01c2a 100%);
  transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
}
.wrapper-new input[type="radio"]{ display:none; }
.wrapper-new #signup:checked ~ .slider-tab{ left:50%; }
.wrapper-new #signup:checked ~ label.signup{ color:#fff; }
.wrapper-new #signup:checked ~ label.login{ color:#000; }
.wrapper-new #login:checked ~ label.login{ color:#fff; }
.wrapper-new #login:checked ~ label.signup{ color:#000; }
.wrapper-new .form-container .form-inner{
  display:flex;
  width:200%;
}
.wrapper-new .form-container form{
  width:50%;
  padding: 10px 15px;
  transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
}
.wrapper-new form .field{
  margin-top:15px;
  position: relative;
}
.wrapper-new form .field input{
  width:100%;
  padding:10px 40px 10px 15px;
  border:1px solid #ddd;
  margin-bottom:15px;
  border-radius:8px;
}
.wrapper-new form .field .toggle-password{
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  color: #888;
}
.wrapper-new .form-actions{
  display: flex;
  gap: 10px;
  align-items: center;
}
.wrapper-new form .btn input[type="submit"]{
  flex: 1;
  padding:8px 30px;
  background: linear-gradient(90deg, #c82231 0%, #a01c2a 100%);
  color:#fff;
  border:none;
  border-radius:0 !important;
  font-size:16px;
  font-weight:500;
  cursor:pointer;
	margin-bottom:0!important;
}
.wrapper-new .google-login a img{
  height: 42px;
  display: block;
}
	.wrapper-new .btn {
    margin-bottom: 0;
    padding: 0;
}


/* Lost Password */


.lost_reset_password {
  max-width: 420px;
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
  margin: 40px auto;
}
.lost_reset_password p {
  font-size: 15px;
  color: #555;
}
.lost_reset_password input.input-text {
  width: 100%;
  padding: 12px 15px;
  margin: 12px 0;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.lost_reset_password button.button {
  width: 100%;
  padding: 12px;
  background: linear-gradient(90deg, #c8223c 0%, #a01c2a 100%);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.lost_reset_password button.button:hover {
  opacity: 0.9;
}

/* Form Reset Password */
.password-wrapper {
  position: relative;
}
.password-wrapper input {
  width: 100%;
  padding-right: 40px; 
}
.password-wrapper .toggle-password {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
  color: #666;
}
.password-wrapper .toggle-password:hover {
  color: #000;
}


.addresses-wrapper {
    max-width: 900px;
    margin: 20px auto;
    font-family: Poppins, sans-serif;
}
.address-box {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
    background-color: #fff;
}
.address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    
}
.address-header h2 {
    font-size: 20px;
    color: #333;
    margin: 0;
}
.address-header .edit {
    font-size: 16px;
    color: #c82231;
    text-decoration: none;
    border: 1px solid #c82231;
    padding: 4px 10px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}
.address-header .edit:hover {
    background-color: #c82231;
    color: #fff;
}
.address-content {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}
.address-field {
    margin-bottom: 6px;
}
.address-field strong {
    width: 100px;
    display: inline-block;
    color: #222;
}
.no-address {
    font-style: italic;
    color: #999;
}

/* mY oRDERS */
	.my_account_orders {
		width: 100%;
		max-width: 100%;
		margin: 40px auto;
		border-collapse: collapse;
		font-family: Poppins, sans-serif;
		background: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.05);
		border-radius: 8px;
		overflow: hidden;
	}
	.my_account_orders th,
	.my_account_orders td {
		padding: 14px 20px;
		text-align: left;
		border-bottom: 1px solid #eee;
		font-size: 16px;
	}
	.my_account_orders th {
		background-color: #f7f7f7;
		font-weight: bold;
		color: #333;
	}
	.my_account_orders td {
		color: #444;
	}
	.my_account_orders a.button {
		display: inline-block;
		background-color: #c82231;
		color: #fff;
		padding: 6px 14px;
		margin-right: 6px;
		border-radius: 4px;
		font-size: 0.85rem;
		text-decoration: none;
		transition: background-color 0.3s ease;
	}
	.my_account_orders a.button:hover {
		background-color: #c82231;
	}
	.my_account_orders time {
		color: #666;
	}
	.my_account_orders h2 {
		text-align: center;
		font-size: 1.5rem;
		margin-bottom: 25px;
		color: #222;
	}

  /* My Account Orders */
  	.my_account_orders {
		width: 100%;
		border-collapse: collapse;
		background: #fff;
		margin: 40px auto;
		box-shadow: 0 0 10px rgba(0,0,0,0.05);
		border-radius: 8px;
		overflow: hidden;
	}
	.my_account_orders th,
	.my_account_orders td {
		padding: 14px 18px;
		text-align: left;
		border-bottom: 1px solid #eee;
		font-size: 16px;
		color: #333;
	}
	.my_account_orders th {
		background-color: #f8f8f8;
		font-weight: 600;
	}
	.my_account_orders td a {
		color: #c82231;
		text-decoration: none;
	}
	.my_account_orders td a:hover {
		text-decoration: underline;
	}
	.my_account_orders .button {
		display: inline-block;
		background: #c82231 !important;
		color: #fff!important;
		padding: 6px 12px !important;
		margin: 4px 6px !important;
		font-size: 14px !important;
		border-radius: 4px;
		text-decoration: none;
		transition: 0.3s ease;
	}
	.my_account_orders .button:hover {
		background: #c82231 !important;
	}

	.woocommerce-pagination {
		margin-top: 20px;
		text-align: center;
	}
	.woocommerce-pagination a.button {
		margin: 0 6px;
	}

  /* Payment Methods */

  .woocommerce-account-payment-methods-wrapper {
		background: #fff;
		padding: 30px;
		border-radius: 8px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
		margin: 40px auto;
		max-width: 1000px;
	}
	.account-payment-methods-table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 20px;
	}
	.account-payment-methods-table th,
	.account-payment-methods-table td {
		padding: 15px 10px;
		text-align: left;
		border-bottom: 1px solid #eee;
	}
	.account-payment-methods-table th {
		background: #f7f7f7;
		font-weight: 600;
		color: #333;
	}
	.account-payment-methods-table tr.default-payment-method {
		background: #f9fcff;
	}
	.account-payment-methods-table td .button {
		margin-right: 8px;
	}
	.woocommerce-account-payment-methods-wrapper .button {
		background-color: #c82231;
		color: #fff;
		border: none;
		padding: 10px 16px;
		border-radius: 5px;
		text-decoration: none;
		display: inline-block;
		margin-top: 20px;
		transition: background-color 0.3s ease;
	}
	.woocommerce-account-payment-methods-wrapper .button:hover {
		background-color: #c82231;
	}

  /* View Orders */
  .woocommerce-view-order {
    max-width: 1000px;
    margin: 60px auto;
       border-radius: 20px;
        font-family: Poppins, sans-serif;
    color: #1f2937;
}

.woocommerce-view-order p {
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 30px;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-view-order mark {
    background: #e0f2fe !important;
    color: #c82231 !important;
    padding: 6px 12px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
}

.order-status {
    background-color: #10b981;
    color: white !important;
    padding: 6px 14px;
    border-radius: 25px;
    font-size: 0.9rem;
    display: inline-block;
    margin-left: 5px;
    font-weight: 600;
}

.woocommerce-view-order h2 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 40px;
    color: #111827;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 10px;
}

.woocommerce-OrderUpdates {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-OrderUpdate {
    background: #ffffff;
    border-left: 6px solid #c82231;
    border-radius: 12px;
    padding: 20px 25px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.woocommerce-OrderUpdate:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.woocommerce-OrderUpdate-meta {
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.woocommerce-OrderUpdate-meta::before {
    content: "📅";
    font-size: 1rem;
}

.woocommerce-OrderUpdate-description p {
    margin: 0;
    font-size: 16px;
    color: #374151;
    line-height: 1.7;
}
/* Cart Error Container */
   .cart-error-container {
        background: #fff3f3;
        border: 1px solid #ffcccc;
        border-left: 5px solid #e60000;
        padding: 30px;
        border-radius: 8px;
        margin: 50px auto;
        max-width: 700px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        text-align: center;
        font-family: Poppins, sans-serif;
    }

    .cart-error-container h2 {
        color: #e60000;
        margin-bottom: 20px;
        font-size: 28px;
    }

    .cart-error-container p {
        font-size: 18px;
        color: #333;
        margin-bottom: 25px;
    }

    .cart-error-container a.button.wc-backward {
        background-color: #e60000;
        color: #fff;
        padding: 12px 30px;
        border: none;
        border-radius: 6px;
        text-decoration: none;
        font-size: 16px;
        transition: background-color 0.3s ease;
        display: inline-block;
    }

    .cart-error-container a.button.wc-backward:hover {
        background-color: #cc0000;
    }

    /* Form Shipping Methods */
    	.woocommerce-shipping-methods li {
		padding:7px @important;
	}
	.woocommerce table.shop_table {
		border:0 ; 
	}
	#add_payment_method #payment div.payment_box, 
	.woocommerce-cart #payment div.payment_box, 
	.woocommerce-checkout #payment div.payment_box {
		background:transparent;
	}

  /* Oderd details */
  .woocommerce ul.order_details {
    margin: 0 0 0;
    list-style: none;
    display: none;
}
	small {
		display:none;
	}

.order_details {
    max-width: 900px;
    margin: 40px auto;
    padding: 0;
    list-style: none;
    background: linear-gradient(135deg, #fdfdfd, #f4f9ff);
    border-radius: 16px;
    
    overflow: hidden;
    font-family: Poppins, sans-serif;
}


.order_details li {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    border-bottom: 1px solid #eee;
    font-size: 1.05rem;
    color: #333;
    transition: background 0.2s ease;
}

.order_details li:hover {
    background-color: #f7fbff;
}

.order_details li strong {
    color: #c82231;
    font-weight: 600;
}


.order_details li.order {
    background-color: #c82231;
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    padding: 25px 30px;
}

.order_details li.order strong {
    color: #fff;
}

@media (max-width: 600px) {
    .order_details li {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        padding: 15px 20px;
    }

    .order_details li.order {
        font-size: 1.1rem;
        padding: 20px;
    }
}
.thankyou-message {
    max-width: 600px;
    margin: 3rem auto 2rem auto;
    background: #c82231;
    border: 2px solid #23262a;
    border-radius: 1rem;
    padding: 2.5rem 3rem;
    box-shadow: 0 10px 30px rgba(246, 137, 31, 0.3);
    text-align: center;
    font-family: Poppins, sans-serif;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    position: relative;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
    .thankyou-message:hover {
        background-color: #000;
        color: #fff;
        cursor: default;
    }
    .thankyou-message::before {
        content: "✔";
        font-size: 3rem;
        color: #c82231;
        position: absolute;
        top: -1.5rem;
        left: 50%;
        transform: translateX(-50%);
        background: white;
        border-radius: 50%;
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        box-shadow: 0 0 15px rgba(246, 137, 31, 0.6);
    }

    .order-details {
        max-width: 600px;
        margin: 0 auto 4rem auto;
        padding: 2rem 3rem;
        background: #f9fbfd;
        border-radius: 1rem;
        box-shadow: 0 8px 20px rgba(8, 117, 188, 0.15);
        font-family: Poppins, sans-serif;
        color: #2d3436;
    }
    .order-details h4 {
        color: #c82231;
        margin-bottom: 1rem;
        font-weight: 700;
        font-size: 20px;
        border-bottom: 2px solid #c82231;
        padding-bottom: 0.3rem;
    }
    .order-details p {
        margin: 0.5rem 0;
        font-size: 16px;
    }
    .order-actions {
        margin-top: 1.5rem;
        display: flex;
        justify-content: center;
        gap: 1.5rem;
    }
    .order-actions a {
        text-decoration: none;
        padding: 0.7rem 2rem;
        border-radius: 0.75rem;
        font-weight: 600;
        color: #fff;
        background: #c82231;
        box-shadow: 0 5px 15px rgba(200, 34, 49, 0.4);
        transition: background-color 0.3s ease;
    }
    .order-actions a:hover {
        background: #000;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6);
    }
	.woocommerce-order {
		margin:60px 0 ; 
	}
	.woocommerce-order-details {
		background-color:#fff; 
		width:900px;
	}
/*  */
		.order-summary {
			background: #f9f9f9;
			border-radius: 1rem;
			padding: 1.5rem 2rem;
			box-shadow: inset 0 0 8px rgba(6, 117, 188, 0.1);
		}

		.order-summary h2 {
			color: #000;
			font-weight: 700;
			font-size: 1.5rem;
			margin-bottom: 1rem;
			border-bottom: 2px solid #000;
			padding-bottom: 0.5rem;
		}

		.order-summary p {
			font-size: 1.1rem;
			margin: 0.6rem 0;
			color: #444;
		}

		.order-summary p strong {
			color: #c82231;
			font-weight: 600;
		}

		.order-buttons {
			display: flex;
			justify-content: center;
			gap: 1.5rem;
			margin-top: 2rem;
		}

		.order-buttons a {
			background-color: #000;
			color: #fff;
			padding: 0.75rem 2rem;
			border-radius: 50px;
			text-decoration: none;
			font-weight: 600;
			box-shadow: 0 6px 12px rgba(200, 34, 49, 0.4);
			transition: background-color 0.3s ease;
		}

		.order-buttons a:hover {
			background-color: #c82231;
			box-shadow: 0 8px 20px rgba(200, 34, 49, 0.6);
		}

		@media (max-width: 480px) {
			.woocommerce-order {
				padding: 1rem;
				margin: 1rem;
			}
			.order-buttons {
				flex-direction: column;
				gap: 1rem;
			}
			.order-buttons a {
				width: 100%;
				text-align: center;
			}
		}

    /* Review Order Details */

    
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 10px;
    font-family: Poppins, sans-serif;
    color: #333;
    margin-bottom: 40px;
}

.woocommerce-checkout-review-order-table thead th {
    text-align: left;
    font-size: 16px;
    padding: 12px 18px;
    background-color: #f6f6f6;
    border-radius: 10px 10px 0 0;
    color: #111;
    border-bottom: 1px solid #e1e1e1;
}

.woocommerce-checkout-review-order-table tbody tr,
.woocommerce-checkout-review-order-table tfoot tr {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    padding: 14px 18px;
    font-size: 15px;
}

.woocommerce-checkout-review-order-table td.product-name {
    font-weight: 500;
}

.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout-review-order-table tfoot td {
    text-align: right;
    font-weight: 600;
    color: #000;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    font-size: 17px;
    color: #0a0a0a;
    border-top: 2px solid #222;
}

.woocommerce-checkout-review-order-table tfoot th {
    background-color: transparent;
    color: #666;
}

.woocommerce-checkout-review-order-table .cart-discount th,
.woocommerce-checkout-review-order-table .cart-discount td {
    color: #008060;
}

.woocommerce-checkout-review-order-table .fee td,
.woocommerce-checkout-review-order-table .fee th {
    color: #000;
}

.woocommerce-checkout-review-order-table .tax-total td,
.woocommerce-checkout-review-order-table .tax-total th {
    color: #999;
}

.woocommerce-checkout-review-order-table tr.cart-subtotal {
    background-color: #fcfcfc;
}

.woocommerce-checkout-review-order-table strong.product-quantity {
    font-weight: bold;
    color: #222;
}

/* Custom Empty Cart Message */
.custom-empty-cart-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 60vh;
	background-color: #f8f9fa;
	padding: 40px 15px;
	text-align: center;
}

.custom-empty-cart-box {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 25px rgba(0, 0, 0, 0.08);
	padding: 40px 30px;
	max-width: 500px;
	width: 100%;
}

.empty-cart-icon {
	font-size: 50px;
	margin-bottom: 15px;
	color: #000;
}

.custom-empty-cart-box h2 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #333;
	font-weight: 600;
}

.custom-empty-cart-box p {
	font-size: 16px;
	color: #777;
	margin-bottom: 25px;
}

.custom-empty-cart-button {
	display: inline-block;
	background: #c82231;
	color: #fff;
	text-decoration: none;
	padding: 12px 30px;
	border-radius: 8px;
	font-size: 16px;
	transition: background 0.3s ease, transform 0.3s ease;
}

.custom-empty-cart-button:hover {
	transform: translateY(-2px);
	background: #000;
	color: #fff;
}

/* Custom Cart Item Variations */
.custom-cart-item-variations {
	margin-top: 10px;
	padding: 10px 15px;
	background: #f9f9f9;
	border-radius: 8px;
	font-size: 14px;
	color: #333;
	line-height: 1.6;
}

.custom-cart-item-variations dt {
	font-weight: 600;
	color: #555;
	margin-bottom: 4px;
}

.custom-cart-item-variations dd {
	margin: 0 0 10px;
	padding-left: 10px;
	border-left: 3px solid #000;
	color: #666;
}

/* === Custom WooCommerce Shipping Styles === */
.woocommerce-shipping-methods {
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce-shipping-methods li {
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 8px;
	padding: 12px 16px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
	cursor: pointer;
}

.woocommerce-shipping-methods li:hover {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
	background: #fff;
}

.woocommerce-shipping-methods input[type="radio"] {
	accent-color: #000;
	width: 18px;
	height: 18px;
	margin-right: 12px;
	cursor: pointer;
}

.woocommerce-shipping-methods label {
	font-size: 15px;
	font-weight: 500;
	color: #333;
	margin: 0;
	cursor: pointer;
}

.woocommerce-shipping-destination {
	font-size: 14px;
	color: #555;
	margin-top: 10px;
}

.woocommerce-shipping-contents {
	font-size: 13px;
	color: #888;
	margin-top: 5px;
}

.shipping-calculator-form {
	margin-top: 15px;
	border-top: 1px solid #eee;
	padding-top: 15px;
}


/*  */
.onsale {
    color: #fff;
    text-transform: uppercase;
    background-color: #c82231;
    padding: 8px;
} 
.woocommerce ul#shipping_method li label {
    display: inline;
    text-align: left;
}

/* ============================================
   BUNDLED PRODUCTS - HORIZONTAL LAYOUT
   الصورة صغيرة جنب العنوان، المنتجات تحت بعض
   ============================================ */

/* GRID - عمود واحد */
body ul.bundled_products,
body ul.products.bundled_products {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    background: transparent !important;
    width: 100% !important;
}

/* CARD - صف أفقي */
body ul.bundled_products li.bundled_product,
body ul.products.bundled_products li.bundled_product {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    overflow: visible !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
}

body ul.bundled_products li.bundled_product:hover,
body ul.products.bundled_products li.bundled_product:hover {
    border-color: #c82231 !important;
    box-shadow: 0 3px 16px rgba(200, 34, 49, 0.07) !important;
}

/* IMAGE WRAPPER - 100px */
body ul.bundled_products li.bundled_product .bundled_product_images,
body ul.products.bundled_products li.bundled_product .bundled_product_images {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    flex-shrink: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #f5f5f5 !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body ul.bundled_products li.bundled_product .bundled_product_images figure,
body ul.products.bundled_products li.bundled_product .bundled_product_images figure {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body ul.bundled_products li.bundled_product .bundled_product_images a,
body ul.products.bundled_products li.bundled_product .bundled_product_images a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: static !important;
    overflow: hidden !important;
}

body ul.bundled_products li.bundled_product .bundled_product_images img,
body ul.products.bundled_products li.bundled_product .bundled_product_images img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s ease !important;
    position: static !important;
    opacity: 1 !important;
    max-width: none !important;
    max-height: none !important;
    border: none !important;
}

body ul.bundled_products li.bundled_product .bundled_product_images img.zoomImg,
body ul.products.bundled_products li.bundled_product .bundled_product_images img.zoomImg {
    display: none !important;
}

body ul.bundled_products li.bundled_product:hover .bundled_product_images img,
body ul.products.bundled_products li.bundled_product:hover .bundled_product_images img {
    transform: scale(1.06) !important;
}

/* DETAILS - المحتوى جنب الصورة */
body ul.bundled_products li.bundled_product .details,
body ul.products.bundled_products li.bundled_product .details {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
}

/* TITLE */
body ul.bundled_products li.bundled_product .bundled_product_title,
body ul.products.bundled_products li.bundled_product .bundled_product_title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
}

body ul.bundled_products li.bundled_product .item_title,
body ul.products.bundled_products li.bundled_product .item_title {
    color: #1a1a1a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* QTY BADGE */
body ul.bundled_products li.bundled_product .item_qty,
body ul.products.bundled_products li.bundled_product .item_qty {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #c82231 !important;
    background: rgba(200, 34, 49, 0.07) !important;
    border: 1px solid rgba(200, 34, 49, 0.15) !important;
    border-radius: 20px !important;
    padding: 2px 9px !important;
        margin-left: 10px;
}

/* VIEW LINK */
body ul.bundled_products li.bundled_product .bundled_product_permalink,
body ul.products.bundled_products li.bundled_product .bundled_product_permalink {
    font-size: 11px !important;
    color: #c82231 !important;
    opacity: 0.6 !important;
    text-decoration: none !important;
}

body ul.bundled_products li.bundled_product .bundled_product_permalink:hover,
body ul.products.bundled_products li.bundled_product .bundled_product_permalink:hover {
    opacity: 1 !important;
}

/* STOCK */
body ul.bundled_products li.bundled_product .stock.in-stock,
body ul.products.bundled_products li.bundled_product .stock.in-stock {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #2a9d5c !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

body ul.bundled_products li.bundled_product .stock.in-stock::before,
body ul.products.bundled_products li.bundled_product .stock.in-stock::before {
    content: '' !important;
    width: 6px !important;
    height: 6px !important;
    background: #2a9d5c !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

/* VARIATIONS TABLE */
body ul.bundled_products li.bundled_product table.variations,
body ul.products.bundled_products li.bundled_product table.variations {
    width: auto !important;
    border: none !important;
    border-collapse: collapse !important;
    margin: 0 !important;
    background: transparent !important;
}

body ul.bundled_products li.bundled_product table.variations td,
body ul.products.bundled_products li.bundled_product table.variations td {
    padding: 3px 0 !important;
    border: none !important;
    background: transparent !important;
    vertical-align: middle !important;
}

body ul.bundled_products li.bundled_product table.variations .label label,
body ul.products.bundled_products li.bundled_product table.variations .label label {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999 !important;
    padding-right: 10px !important;
    white-space: nowrap !important;
}

/* SELECT */
body ul.bundled_products li.bundled_product table.variations select,
body ul.products.bundled_products li.bundled_product table.variations select {
    font-size: 12px !important;
    color: #1a1a1a !important;
    background-color: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 7px !important;
    padding: 5px 26px 5px 10px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c82231'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 9px center !important;
    cursor: pointer !important;
    transition: border-color 0.2s !important;
    width: auto !important;
    min-width: 130px !important;
}

body ul.bundled_products li.bundled_product table.variations select:focus,
body ul.products.bundled_products li.bundled_product table.variations select:focus {
    outline: none !important;
    border-color: #c82231 !important;
}

/* RESET LINK */
body ul.bundled_products li.bundled_product .reset_variations,
body ul.products.bundled_products li.bundled_product .reset_variations {
    font-size: 11px !important;
    color: #bbb !important;
    text-decoration: none !important;
}

body ul.bundled_products li.bundled_product .reset_variations:hover,
body ul.products.bundled_products li.bundled_product .reset_variations:hover {
    color: #c82231 !important;
}

/* REQUIRED */
body ul.bundled_products li.bundled_product abbr.required,
body ul.products.bundled_products li.bundled_product abbr.required {
    color: #c82231 !important;
    text-decoration: none !important;
    border: none !important;
}

/* HIDE QTY INPUT */
body ul.bundled_products li.bundled_product .quantity_hidden,
body ul.products.bundled_products li.bundled_product .quantity_hidden {
    display: none !important;
}

/* VARIATION AVAILABILITY */
body ul.bundled_products li.bundled_product .woocommerce-variation-availability p,
body ul.products.bundled_products li.bundled_product .woocommerce-variation-availability p {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #2a9d5c !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body ul.bundled_products li.bundled_product .woocommerce-variation-availability p::before,
body ul.products.bundled_products li.bundled_product .woocommerce-variation-availability p::before {
    content: '' !important;
    width: 6px !important;
    height: 6px !important;
    background: #2a9d5c !important;
    border-radius: 50% !important;
    display: inline-block !important;
}
.bundled_product_summary .bundled_product_title a.bundled_product_permalink:before {
    font-size: 14px;

}
:root {
    --pvc-red:     #c82231;
    --pvc-dark:    #0a0a0a;
    --pvc-card:    #111;
}

.pvc-section {
    background: var(--pvc-dark);
    padding: 70px 0 60px;
    position: relative;
    overflow: hidden;
}

.pvc-section::before,
.pvc-section::after {
    content: '';
    position: absolute;
    left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--pvc-red), transparent);
}
.pvc-section::before { top: 0; }
.pvc-section::after  { bottom: 0; }

.pvc-header {
    text-align: center;
    margin-bottom: 50px;
}

.pvc-header h2 {
   
    font-size: clamp(24px, 4vw, 40px);
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.pvc-header .pvc-subtitle {
    color: #fff;
    font-size: 11px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.pvc-header .pvc-divider {
    display: block;
    width: 50px;
    height: 2px;
    background: var(--pvc-red);
    margin: 14px auto 0;
}

.pvc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 18px;
    padding: 0 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.pvc-grid.count-1 {
    grid-template-columns: minmax(300px, 680px);
    justify-content: center;
}

.pvc-grid.count-2 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 880px;
}

.pvc-card {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    background: var(--pvc-card);
    aspect-ratio: 16/9;
}

.pvc-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 3px;
    pointer-events: none;
    transition: border-color 0.3s ease;
    z-index: 3;
}

.pvc-card:hover::after {
    border-color: rgba(200, 34, 49, 0.45);
}

.pvc-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
    filter: brightness(0.65);
}

.pvc-card:hover .pvc-thumb {
    transform: scale(1.06);
    filter: brightness(0.45);
}

.pvc-no-thumb {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1a1a1a 0%, #2a1010 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pvc-no-thumb svg {
    width: 52px;
    height: 52px;
    fill: rgba(200, 34, 49, 0.25);
}

.pvc-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.15) 55%, transparent 100%);
    z-index: 1;
}

.pvc-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 2;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: rgba(200, 34, 49, 0.88);
    border: 2px solid rgba(255,255,255,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
                background 0.3s ease,
                box-shadow 0.3s ease;
}

.pvc-play svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    margin-left: 4px;
}

.pvc-play::before {
    content: '';
    position: absolute;
    inset: -9px;
    border-radius: 50%;
    border: 1px solid rgba(200, 34, 49, 0.3);
    animation: pvc-pulse 2.2s ease-in-out infinite;
}

@keyframes pvc-pulse {
    0%   { transform: scale(0.88); opacity: 0.6; }
    50%  { transform: scale(1.12); opacity: 0.15; }
    100% { transform: scale(0.88); opacity: 0.6; }
}

.pvc-card:hover .pvc-play {
    transform: translate(-50%, -50%) scale(1.18);
    background: var(--pvc-red);
    box-shadow: 0 0 0 14px rgba(200, 34, 49, 0.12),
                0 8px 32px rgba(200, 34, 49, 0.45);
}

.pvc-card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 16px 14px;
    z-index: 2;
}

.pvc-card-title span {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 6px rgba(0,0,0,0.6);
}

.pvc-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    background: rgba(0,0,0,0);
    transition: opacity 0.35s ease, visibility 0.35s ease, background 0.35s ease;
}

.pvc-modal-backdrop.active {
    opacity: 1;
    visibility: visible;
    background: rgba(0,0,0,0.93);
}

.pvc-modal-inner {
    position: relative;
    width: 100%;
    max-width: 1000px;
    transform: scale(0.86) translateY(28px);
    transition: transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.pvc-modal-backdrop.active .pvc-modal-inner {
    transform: scale(1) translateY(0);
}

.pvc-modal-frame {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(0,0,0,0.9),
                0 0 0 1px rgba(255,255,255,0.07);
}

.pvc-modal-frame video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pvc-modal-close {
    position: absolute;
    top: -46px;
    right: 0;
    width: 34px;
    height: 34px;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.25s ease;
}

.pvc-modal-close:hover {
    background: var(--pvc-red);
    border-color: var(--pvc-red);
    transform: rotate(90deg);
}

.pvc-modal-close svg {
    width: 15px;
    height: 15px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
}

.pvc-modal-title {
    margin-top: 16px;
    
    font-size: 17px;
    color: rgba(255,255,255,0.75);
    letter-spacing: 0.5px;
    text-align: center;
}

@media (max-width: 768px) {
    .pvc-section  { padding: 45px 0 35px; }
    .pvc-grid     { grid-template-columns: 1fr !important; max-width: 100%; padding: 0 15px; }
    .pvc-play     { width: 52px; height: 52px; }
    .pvc-play svg { width: 18px; height: 18px; }
}
p.afterpay-paragraph,
.woocommerce .afterpay-paragraph,
.product .afterpay-paragraph {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    font-size: 13px !important;
    margin: 8px 0 !important;
}

/* الـ square-placement نفسه */
square-placement {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

.woocommerce form .form-row .input-text:focus, .woocommerce form .form-row select:focus {
   background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    cursor: pointer;
    color: #000;
}
p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {
  padding: 0;
  margin: 0;
}

body ul.bundled_products li.bundled_product, body ul.products.bundled_products li.bundled_product tr.attribute_options.attribute_value_static  {
    text-align: center;
    display: flex;
    align-items: center;
}

.hero-slider { width: 100%; }
.hero-slider .swiper { width: 100%; }
.hero-slider .swiper-slide { width: 100%; }
.hero-slider .slide-img {
    width: 100%;
    height: 100%;
    display: block;
}
button#afterpay_express_button {
    font-size: 14px;
    margin-bottom: 10px;
}
square-placement {
    text-align: start;
}


form.woocommerce-shipping-calculator {
    text-align: start;
}

.woocommerce-shipping-destination {
    text-align: start;
}
label.form-check-label {
    padding-left: 30px;
}
input#createaccount {
  margin-left: 5px;
}

.modern-mini-cart .modern-product-name {
    font-size: 14px;
    font-weight: 500;
    color: #222;
    text-decoration: none;
    margin-bottom: 4px;
    max-width: 90%;
}


/*  */


/* Hide default WC "Billing details" h3 — the tabs replace it */
.woocommerce-billing-fields > h3 {
    display: none;
}

/* ══ TAB WRAPPER ══════════════════════════════════════════════════════ */
.wccc-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 0 0 30px;
}

/* ══ SINGLE TAB ═══════════════════════════════════════════════════════ */
.wccc-tab {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 2px solid #e2e2e2;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    text-align: left;
    color: #444;
    transition: border-color .2s, background .2s, color .2s, box-shadow .2s;
    position: relative;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
}

.wccc-tab:focus-visible {
    box-shadow: 0 0 0 3px rgba(200, 34, 49, .30);
}

.wccc-tab:hover {
    border-color: #c82231;
    background: #fff5f5;
    color: #9a1a25;
}

/* ── Active tab: red ──────────────────────────────────────────────── */
.wccc-tab--active {
    border-color: #c82231 !important;
    background: #c82231 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(200, 34, 49, .28);
}

.wccc-tab--active:hover {
    background: #a81c29 !important;
    border-color: #a81c29 !important;
}

/* Green tick badge on active tab */
.wccc-tab--active::after {
    content: "";
    position: absolute;
    top: -9px;
    right: -9px;
    width: 22px;
    height: 22px;
    background-color: #22863a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%23fff\' stroke-width=\'3.2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3E%3Cpolyline points=\'20 6 9 17 4 12\'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 13px;
    border-radius: 50%;
    border: 2px solid #fff;
}

/* ── SVG icon ─────────────────────────────────────────────────────── */
.wccc-tab-icon {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    opacity: .6;
    transition: opacity .2s;
}

.wccc-tab:hover .wccc-tab-icon,
.wccc-tab--active .wccc-tab-icon {
    opacity: 1;
}

/* ── Label text ───────────────────────────────────────────────────── */
.wccc-tab-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.3;
}

.wccc-tab-text strong {
    font-size: .97rem;
    font-weight: 700;
    letter-spacing: .2px;
}

.wccc-tab-text small {
    font-size: .75rem;
    opacity: .72;
    font-weight: 400;
}

.wccc-tab--active .wccc-tab-text small {
    opacity: .88;
}

/* ══ PICKUP NOTES BOX ════════════════════════════════════════════════ */
#wccc-pickup-wrap {
    margin-top: 2px;
}

#wccc-pickup-wrap > p.form-row {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #000000;
    border-radius: 8px;
    padding: 14px 16px;
}

#wccc-pickup-wrap .form-row label {
    font-weight: 700;
    font-size: .9rem;
    color: #111;
}

#wccc-pickup-wrap textarea {
    resize: vertical;
    border-radius: 8px;
    border: 1px solid #d0d0d0;
    padding: 10px 13px;
    font-size: .94rem;
    line-height: 1.55;
    transition: border-color .18s, box-shadow .18s;
    background: #fff;
}

#wccc-pickup-wrap textarea:focus {
    border-color: #c82231;
    outline: none;
    box-shadow: 0 0 0 3px rgba(200, 34, 49, .12);
}

/* ══ HIDE ADDRESS FIELDS IN COLLECT MODE ════════════════════════════ */
form.woocommerce-checkout.wccc-mode-collect #billing_company_field,
form.woocommerce-checkout.wccc-mode-collect #billing_address_1_field,
form.woocommerce-checkout.wccc-mode-collect #billing_address_2_field,
form.woocommerce-checkout.wccc-mode-collect #billing_city_field,
form.woocommerce-checkout.wccc-mode-collect #billing_state_field,
form.woocommerce-checkout.wccc-mode-collect #billing_postcode_field,
form.woocommerce-checkout.wccc-mode-collect #billing_country_field {
    display: none !important;
}

/* ══ MOBILE ══════════════════════════════════════════════════════════ */
@media ( max-width: 520px ) {
    .wccc-tabs {
        grid-template-columns: 1fr;
    }
    .wccc-tab {
        padding: 14px 15px;
    }
    .wccc-tab-icon {
        width: 30px;
        height: 30px;
    }
}
p.secure-checkout-badge {
      font-size: 12px !important;
    color: #4CAF50 !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    opacity: 0.9 !important;
}
.secure-checkout-badge {
    font-size: 12px !important;
    color: #4CAF50 !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    opacity: 0.9 !important;
}

.ftr-phone-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 8px 18px;
    border: 1.5px solid #c82231;
    border-radius: 15px;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    transition: all .2s;
}
.ftr-phone-link:hover {
    background: #c82231;
    color: #fff;
    border-color: #c82231;
}
.ftr-phone-icon {
    width: 28px;
    height: 28px;
    background: #c82231;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    transition: background .2s;
}
.ftr-phone-link:hover .ftr-phone-icon {
    background: #fff;
    color: #c82231;
}

.sco-grand-tax {
  display: none;
}

.instock{color:#000 !important;text-transform:uppercase}

/*  */

        .vp-section {
            position: relative;
            width: 100%;
            min-height: 580px;
            background: #0a0a0a;
            overflow: hidden;
           
            display: flex;
            align-items: center;
        }

        .vp-bg-grid {
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(200,34,49,0.07) 1px, transparent 1px),
                linear-gradient(90deg, rgba(200,34,49,0.07) 1px, transparent 1px);
            background-size: 60px 60px;
        }

        .vp-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(90px);
            opacity: 0.30;
            
        }
        .vp-orb-1 { width: 420px; height: 420px; background: #c82231; top: -120px; right: -100px; animation-delay: 0s; }
        .vp-orb-2 { width: 260px; height: 260px; background: #8a1020; bottom: -60px; left: 22%; animation-delay: 3s; }
        .vp-orb-3 { width: 170px; height: 170px; background: #c82231; top: 42%; left: -55px; animation-delay: 5s; }

        @keyframes vp-float {
            0%, 100% { transform: translateY(0px) scale(1); }
            50% { transform: translateY(-20px) scale(1.05); }
        }

        .vp-inner {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 80px 40px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .vp-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(200,34,49,0.12);
            border: 1px solid rgba(200,34,49,0.35);
            border-radius: 100px;
            padding: 6px 16px;
            margin-bottom: 20px;
        }
        .vp-badge-dot {
            width: 6px; height: 6px;
            border-radius: 50%;
            background: #c82231;
            animation: vp-pulse 2s ease-in-out infinite;
        }
        @keyframes vp-pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(0.8); }
        }
        .vp-badge span {
            font-size: 11px;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
        }

        .vp-divider {
            width: 40px; height: 2px;
            background: #c82231;
            margin-bottom: 22px;
            border-radius: 2px;
        }

        .vp-heading {
            
            font-size: 35px;
            font-weight: 300;
            line-height: 1.05;
            color: #fff !important;
            margin: 0 0 20px;
            letter-spacing: -0.01em;
        }
        .vp-heading em {
            font-style: italic;
            color: #c82231;
        }

        .vp-sub {
            font-size: 15px;
            font-weight: 300;
            color: #fff;
            line-height: 1.75;
            margin: 0 0 40px;
            max-width: 400px;
        }

        .vp-cta {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: #c82231;
            color: #ffffff;
            text-decoration: none;
           
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            padding: 16px 36px;
            border-radius: 2px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        .vp-cta::before {
            content: '';
            position: absolute;
            inset: 0;
            background: #e0283a;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.3s ease;
        }
        .vp-cta:hover::before { transform: scaleX(1); }
        .vp-cta:hover { color: #ffffff; text-decoration: none; }
        .vp-cta span, .vp-cta svg { position: relative; z-index: 1; }
        .vp-cta svg { width: 16px; height: 16px; transition: transform 0.3s ease; }
        .vp-cta:hover svg { transform: translateX(4px); }

        .vp-steps { display: flex; gap: 24px; margin-top: 40px; flex-wrap: wrap; }
        .vp-step { display: flex; align-items: center; gap: 10px; }
        .vp-step-num {
            width: 28px; height: 28px;
            border: 1px solid rgba(200,34,49,0.45);
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 11px; color: #c82231; font-weight: 500; flex-shrink: 0;
        }
        .vp-step-text { font-size: 12px; color: #fff; font-weight: 300; letter-spacing: 0.04em; line-height: 1.35; }

        .vp-card {
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.07);
            border-radius: 16px; padding: 32px;
            position: relative; overflow: hidden;
        }
        .vp-card::before {
            content: '';
            position: absolute; top: 0; left: 0; right: 0; height: 1px;
            background: linear-gradient(90deg, transparent, rgba(200,34,49,0.6), transparent);
        }

        .vp-screen {
            width: 100%; aspect-ratio: 16/10; background: #0d0d0d;
            border-radius: 10px; overflow: hidden; position: relative;
            margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.05);
        }
        .vp-screen-room { position: absolute; inset: 0; background: linear-gradient(135deg, #1a0a0c 0%, #110507 50%, #0d0d0d 100%); }
        .vp-screen-furn {
            position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
            width: 80%; height: 50%; display: flex; align-items: flex-end;
            justify-content: center; gap: 8px; padding-bottom: 16px;
        }
        .vp-sofa { width: 120px; height: 55px; background: #3a1a1e; border-radius: 6px 6px 0 0; position: relative; flex-shrink: 0; }
        .vp-sofa::after { content: ''; position: absolute; top: -14px; left: 0; right: 0; height: 16px; background: #4e2228; border-radius: 4px 4px 0 0; }
        .vp-tbl { width: 70px; height: 30px; background: #1e1010; border-radius: 4px; align-self: flex-end; }

        .vp-scan {
            position: absolute; left: 0; right: 0; height: 2px;
            background: linear-gradient(90deg, transparent, #c82231, transparent);
            animation: vp-scan 3s ease-in-out infinite; opacity: 0.8;
        }
        

        .vp-cross { position: absolute; width: 40px; height: 40px; top: 35%; left: 42%; }
        .vp-cross::before, .vp-cross::after { content: ''; position: absolute; background: rgba(200,34,49,0.9); }
        .vp-cross::before { top: 50%; left: 0; right: 0; height: 1px; transform: translateY(-50%); }
        .vp-cross::after  { left: 50%; top: 0; bottom: 0; width: 1px; transform: translateX(-50%); }
        .vp-cc { position: absolute; width: 8px; height: 8px; border-color: #c82231; border-style: solid; opacity: 0.9; }
        .vp-cc:nth-child(1) { top: 0; left: 0; border-width: 2px 0 0 2px; }
        .vp-cc:nth-child(2) { top: 0; right: 0; border-width: 2px 2px 0 0; }
        .vp-cc:nth-child(3) { bottom: 0; left: 0; border-width: 0 0 2px 2px; }
        .vp-cc:nth-child(4) { bottom: 0; right: 0; border-width: 0 2px 2px 0; }
        
        .vp-chips { display: flex; gap: 8px; flex-wrap: wrap; }
        .vp-chip { padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 400; letter-spacing: 0.03em; }
        .vp-cr { background: rgba(200,34,49,0.12); color: #fff; border: 1px solid rgba(200,34,49,0.25); }
        .vp-cn { background: rgba(255,255,255,0.04); color: #fff; border: 1px solid rgba(255,255,255,0.07); }
        .vp-tag { position: absolute; top: 3px; right: 20px; background: #c82231; color: #ffffff; font-size: 10px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 14px; border-radius: 100px; }

        @media (max-width: 768px) {
            .vp-inner { grid-template-columns: 1fr; gap: 40px; padding: 60px 24px; }
            .vp-section { min-height: auto; }
        }


        :root {
    --pvc-red:     #c82231;
    --pvc-dark:    #0a0a0a;
    --pvc-card:    #111;
}

.pvc-section {
    background: var(--pvc-dark);
    padding: 70px 0 60px;
    position: relative;
    overflow: hidden;
}

.pvc-section::before,
.pvc-section::after {
    content: '';
    position: absolute;
    left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--pvc-red), transparent);
}
.pvc-section::before { top: 0; }
.pvc-section::after  { bottom: 0; }

.pvc-header {
    text-align: center;
    margin-bottom: 50px;
}

.pvc-header h2 {
    font-size: clamp(24px, 4vw, 40px);
    font-weight: 700;
    color: #fff;
    letter-spacing: 2px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.pvc-header .pvc-subtitle {
    color: #fff;
    font-size: 11px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.pvc-header .pvc-divider {
    display: block;
    width: 50px;
    height: 2px;
    background: var(--pvc-red);
    margin: 14px auto 0;
}

.pvc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 18px;
    padding: 0 30px;
    max-width: 1400px;
    margin: 0 auto;
}

.pvc-grid.count-1 {
    grid-template-columns: minmax(300px, 680px);
    justify-content: center;
}

.pvc-grid.count-2 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 880px;
}

.pvc-card {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    background: var(--pvc-card);
    aspect-ratio: 16/9;
}

.pvc-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 3px;
    pointer-events: none;
    transition: border-color 0.3s ease;
    z-index: 3;
}

.pvc-card:hover::after {
    border-color: rgba(200, 34, 49, 0.45);
}

.pvc-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
    filter: brightness(0.65);
}

.pvc-card:hover .pvc-thumb {
    transform: scale(1.06);
    filter: brightness(0.45);
}

.pvc-no-thumb {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1a1a1a 0%, #2a1010 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pvc-no-thumb svg {
    width: 52px;
    height: 52px;
    fill: rgba(200, 34, 49, 0.25);
}

.pvc-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.15) 55%, transparent 100%);
    z-index: 1;
}

.pvc-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    z-index: 2;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: rgba(200, 34, 49, 0.88);
    border: 2px solid rgba(255,255,255,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
                background 0.3s ease,
                box-shadow 0.3s ease;
}

.pvc-play svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    margin-left: 4px;
}

.pvc-play::before {
    content: '';
    position: absolute;
    inset: -9px;
    border-radius: 50%;
    border: 1px solid rgba(200, 34, 49, 0.3);
    animation: pvc-pulse 2.2s ease-in-out infinite;
}

@keyframes pvc-pulse {
    0%   { transform: scale(0.88); opacity: 0.6; }
    50%  { transform: scale(1.12); opacity: 0.15; }
    100% { transform: scale(0.88); opacity: 0.6; }
}

.pvc-card:hover .pvc-play {
    transform: translate(-50%, -50%) scale(1.18);
    background: var(--pvc-red);
    box-shadow: 0 0 0 14px rgba(200, 34, 49, 0.12),
                0 8px 32px rgba(200, 34, 49, 0.45);
}

.pvc-card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px 16px 14px;
    z-index: 2;
}

.pvc-card-title span {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 6px rgba(0,0,0,0.6);
}

.pvc-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    background: rgba(0,0,0,0);
    transition: opacity 0.35s ease, visibility 0.35s ease, background 0.35s ease;
}

.pvc-modal-backdrop.active {
    opacity: 1;
    visibility: visible;
    background: rgba(0,0,0,0.93);
}

.pvc-modal-inner {
    position: relative;
    width: 100%;
    max-width: 1000px;
    transform: scale(0.86) translateY(28px);
    transition: transform 0.4s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.pvc-modal-backdrop.active .pvc-modal-inner {
    transform: scale(1) translateY(0);
}

.pvc-modal-frame {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background: #000;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(0,0,0,0.9),
                0 0 0 1px rgba(255,255,255,0.07);
}

.pvc-modal-frame video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.pvc-modal-close {
    position: absolute;
    top: -46px;
    right: 0;
    width: 34px;
    height: 34px;
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.25s ease;
}

.pvc-modal-close:hover {
    background: var(--pvc-red);
    border-color: var(--pvc-red);
    transform: rotate(90deg);
}

.pvc-modal-close svg {
    width: 15px;
    height: 15px;
    stroke: #fff;
    stroke-width: 2;
    fill: none;
}

.pvc-modal-title {
    margin-top: 16px;
    font-size: 17px;
    color: rgba(255,255,255,0.75);
    letter-spacing: 0.5px;
    text-align: center;
}

@media (max-width: 768px) {
    .pvc-section  { padding: 45px 0 35px; }
    .pvc-grid     { grid-template-columns: 1fr !important; max-width: 100%; padding: 0 15px; }
    .pvc-play     { width: 52px; height: 52px; }
    .pvc-play svg { width: 18px; height: 18px; }
}
.woocommerce-loop-product__link {
    display: flex;
    flex-direction: column;
}
.rc-other-colors {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  background: #fff5f5;
  border: 1px solid #f1c3c8;
  border-left: 4px solid #c82231;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 22px;
  font-size: 15px;
  color: #333;
}

.rc-other-colors .rc-label {
  font-weight: 600;
  color: #000;
  white-space: nowrap;
}

.rc-color-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #c82231;
  color: #fff !important;
  padding: 8px 18px;
  border-radius: 20px;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 16px;
  box-shadow: 0 3px 8px rgba(200, 34, 49, 0.35);
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.25s ease;
  justify-content: center;
}

.rc-color-link::after {
  content: "→";
  font-size: 15px;
  transition: transform 0.25s ease;
}

.rc-color-link:hover {
  background: #000;
  color: #fff !important;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
  transform: translateY(-2px);
}

.rc-color-link:hover::after {
  transform: translateX(5px);
}

.rc-color-link:active {
  transform: translateY(0);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
/* ==========================================================================
 *  Header fixes: lightweight search toggle (replaces Bootstrap Modal)
 *  Add this file AFTER your main style.css (enqueue it, or paste these
 *  rules at the very end of style.css so they win on specificity/order).
 * ========================================================================== */

/* Hidden by default now that .search-area is a plain div, not a Bootstrap modal */
search-area .search-inline .form-control {
    border-bottom: 5px solid #b9b9b9;
}
.search-area {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 100%;
    padding: 50px 0;
    background-color: rgba(0, 0, 0, .6);
}

.search-area.search-open-active{
    display:block;
}
.search-area .modal-dialog{
    margin:0 auto;
   max-width: 100%;
}

/* Same fadeInDown feel the theme already ships, just re-affirmed here so the
   box only becomes visible once search-visible is toggled by JS (no modal
   backdrop timing, no scrollbar-width recalculation). */
.search-area .search-inline{
    opacity:0;
    visibility:hidden;
}
.search-area .search-inline.search-visible{
    opacity:1;
    visibility:visible;
    animation:.4s ease-in-out fadeInDown;
}
@media only screen and (max-width: 375px) {
    .search-box, .setting-menu, .ymm-search-box-toggle {
        margin-right: 10px !important;
    }
    .search-box.cart {
  margin-right: 40px  !important;
    }
    
}