.wp-block-navigation__responsive-container.is-menu-open.is-menu-open{
  background-color: var(--wp--preset--color--base) !important;
  color: var(--wp--preset--color--accent-1);
  padding: 16px;
}
.full-height > .wp-block-group{
  height: 100%;
}
.wp-block-search__input{
  background: transparent;
}

.wc-block-checkout {

  .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox],
  .wc-block-components-textarea,
  .wc-block-components-form .wc-block-components-text-input input[type=email],
  .wc-block-components-form .wc-block-components-text-input input[type=number],
  .wc-block-components-form .wc-block-components-text-input input[type=password],
  .wc-block-components-form .wc-block-components-text-input input[type=tel],
  .wc-block-components-form .wc-block-components-text-input input[type=text],
  .wc-block-components-form .wc-block-components-text-input input[type=url],
  .wc-block-components-text-input input[type=email],
  .wc-block-components-text-input input[type=number],
  .wc-block-components-text-input input[type=password],
  .wc-block-components-text-input input[type=tel],
  .wc-block-components-text-input input[type=text],
  .wc-block-components-text-input input[type=url] {
    background: transparent;
  }

  .wc-blocks-components-select .wc-blocks-components-select__container,
  .edit-post-visual-editor .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected,
  .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected,
  .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity,
  .wc-block-components-radio-control .wc-block-components-radio-control__input {
    background: var(--wp--preset--color--base);
  }
}

.woocommerce-cart .wp-block-woocommerce-cart {
  max-width: calc(100vw - 16px);
  margin: auto;
  .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{
  font-size: var(--wp--preset--font-size--medium, 18px);
  font-weight: medium ;
}
}

.baty-card .wc-block-components-product-metadata__description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.baty-card .wc-block-components-product-name {
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* ==========================================================================
   1. Categories Slider & Brand Marquee
   ========================================================================== */

/* Image sizing with fluid clamp */
.categories-slider .swiper-slide .wp-block-image {
  min-height: clamp(8.75rem, 1.9195rem + 29.1435vw, 31.063rem);
  height: clamp(8.75rem, 1.9195rem + 29.1435vw, 31.063rem);
  overflow: hidden;
}

.categories-slider .swiper-slide .wp-block-image * {
  min-height: clamp(8.75rem, 1.9195rem + 29.1435vw, 31.063rem);
  height: clamp(8.75rem, 1.9195rem + 29.1435vw, 31.063rem);
}

.categories-slider .swiper-slide a {
  overflow: hidden;
}

.categories-slider .swiper-wrapper {
  gap: 0px !important;
  align-items: stretch;
}

.categories-slider .swiper-slide :is(a, img) {
  width: 100%;
  filter: hue-rotate(0deg);
}
.wc-block-components-product-price.wc-block-grid__product-price *{
  font-size: clamp(0.875rem, 0.7840rem + 0.3883vw, 1.25rem);
}


/* Image hover zoom effect */
.categories-slider .swiper-slide a:hover>img {
  transform: scale(1.2);
}

.categories-slider .swiper-slide a>img {
  transition: transform 0.3s ease-in-out;
}

/* Hide slider navigation (arrows & pagination) */
.categories-slider :is(.swiper-button-next, .swiper-button-prev, .swiper-pagination) {
  display: none;
}
.categories-slider a:focus img {
  outline: 2px solid var(--wp--preset--color--contrast);
}

/* ==========================================================================
   2. Brands Slider (Marquee)
   ========================================================================== */

.brands-slider .swiper-wrapper {
  transition-timing-function: linear;
}


.brands-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.brands-slider .swiper-slide img {
  object-position: center;
  transition: filter 0.15s ease-in-out;
}
.brands-slider .swiper-slide:hover img {
  filter: brightness(0.1);
}

/* ==========================================================================
   3. Small Categories Slider
   ========================================================================== */

.small-categories .swiper-slide .image-container {
  min-height: clamp(2.5rem, 2.1939rem + 1.3061vw, 3.5rem);
  height: clamp(2.5rem, 2.1939rem + 1.3061vw, 3.5rem);
  overflow: hidden;
}

.small-categories .swiper-slide .image-container img {
  object-fit: contain;
}

.small-categories a {
  transition: color 0.15s ease-in-out;
}
.small-categories a:hover{
  color: var(--wp--preset--color--accent-5);
}
/* ==========================================================================
   4. Products Tabs & Thumbnails
   ========================================================================== */


.products-tabs .controls {
  position: absolute;
  width: 100%;
  max-width: clamp(19.375rem, 11.8112rem + 10.9388vw, 22.75rem);
  bottom: clamp(1.89rem, 1.5786rem + 0.5178vw, 1.9rem);
  z-index: 5;
}

.products-tabs .controls>* {
  color: var(--wp--preset--color--accent-4);
  position: static !important;
  height: clamp(1rem, 0.7573rem + 1.0356vw, 2rem);
}

.products-tabs .controls>div::before,
.products-tabs .controls>div::after {
  font-size: clamp(0.875rem, 0.7840rem + 0.3883vw, 1.25rem);
}

/* Thumbnail slider fade effect */
.products-thumbs .swiper-slide {
  pointer-events: none;
  /* Prevents clicks on invisible slides */
  transition-property: opacity;
}

.products-thumbs {
  max-width: 50%;
}

/* Active thumbnail becomes clickable */
.products-thumbs .swiper-slide-active {
  pointer-events: auto;
  z-index: 1;
}

.products-thumbs .swiper-wrapper {
  transition-timing-function: ease-in-out;
}

.products-thumbs {
  overflow: hidden;
  margin-bottom: 20px;
}
@media (max-width:768px) {
     .products-thumbs {
      max-width: 60%;
    } 
}


/* Main products slider positioning */
.products-slider {
  position: relative;
  padding: 0 50px;
}

.products-slider .swiper-button-next,
.products-slider .swiper-button-prev {
  color: #000;
  transform: scale(0.7);
}

/* ==========================================================================
   5. Product Card (Baty Card) Styles
   ========================================================================== */

/* Text truncation for card elements */
.baty-card .wp-block-post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
}
.baty-card [data-block-name="woocommerce/product-price"]  {
  margin-block:4px !important ;
font-weight: 500;
font-size: 16px;
line-height: 150%;
}
.baty-card .wc-block-components-product-price{
  display: flex;
  gap: 10px;
  align-items: center;
}
.wc-block-mini-cart-items{
.wc-block-components-product-price__regular{
  color: var(--wp--preset--color--accent-4);
}
.wc-block-components-product-price__value.is-discounted{
  color: var(--wp--preset--color--accent-5);
}
}

.baty-card ins{
  color: var(--wp--preset--color--accent-5);
}
.baty-card del{
  color: var(--wp--preset--color--accent-4);
}

.wc-block-components-product-button__button[data-wc-state="success"] span::before {
  width: 20px;
  height: 6px;
}

/* Card Swiper navigation */
.baty-card :is(.swiper-button-next, .swiper-button-prev) {
  background-color: transparent;
  box-shadow: none !important;
  border: none !important;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.baty-card {
  --swiper-navigation-size: 16px;
  --swiper-navigation-color: var(--wp--preset--color--base);
  --swiper-theme-color: var(--wp--preset--color--base);
}

.baty-card .swiper-pagination {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Show navigation on card hover */
.baty-card:hover :is(.swiper-button-next, .swiper-button-prev, .swiper-pagination) {
  opacity: 1;
}

.baty-card .swiper-pagination-bullet {
  opacity: 0.55;
  background-color: var(--wp--preset--color--accent-1);
}

.baty-card .swiper-pagination-bullet-active {
  background-color: var(--wp--preset--color--contrast);
  opacity: 1;
}

.baty-card .swiper-button-next:after,
.baty-card .swiper-button-prev:after {
  color: var(--wp--preset--color--contrast);
  font-weight: 900;
}

.baty-card .wc-product-swiper,
.baty-card .wc-block-components-product-image,
.baty-card img {
  height: clamp(10.25rem, 6.4422rem + 16.2465vw, 25.938rem) !important;

}

.baty-card .swiper-slide {
  height: clamp(10.25rem, 6.4422rem + 16.2465vw, 25.938rem) !important;

}

.baty-card .swiper-wrapper {
  height: clamp(10.25rem, 6.4422rem + 16.2465vw, 25.938rem) !important;

}

.baty-card img {
  object-fit: cover;
}

.baty-card .wc-product-swiper a,
.baty-card .wc-product-swiper img,
.baty-card .wc-block-components-product-image {
  height: clamp(10.25rem, 6.4422rem + 16.2465vw, 25.938rem) !important;
}

/* ==========================================================================
   6. Cart Styles
   ========================================================================== */

.woocommerce-cart .wp-block-post-title {
  max-width: 1720px;
}

/* Text input styling */
.wc-block-components-text-input input[type=text] {
  height: 100%;
  border-radius: 0px;
  border-color: var(--wp--preset--color--accent-4);
  background: transparent !important;
}

.wc-block-components-text-input input[type=text]+label {
  color: var(--wp--preset--color--accent-4);
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
  display: none;
}

/* Cart image styling */
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
  height: 100%;
  object-fit: cover;
}

/* Cart page specific */
.woocommerce-cart {
  .wc-block-cart__main .wc-block-cart-items td.wc-block-cart-item__image {
    vertical-align: middle;
    padding-inline-start: 0.875rem;
  }

  .wc-block-cart-items {
    margin-bottom: 16px;
  }

  .wc-block-cart__main .wc-block-cart-items td.wc-block-cart-item__image {
    padding-inline-start: clamp(1rem, 0.8180rem + 0.7767vw, 1.75rem);
  }

  @media (min-width: 731px) {
    .wc-block-cart__main .wc-block-cart-items td.wc-block-cart-item__image {
      width: calc(22.5rem - clamp(10rem, 9.3932rem + 2.5890vw, 12.5rem));
    }

  }

  @media (max-width: 732px) {
    .wc-block-cart-item__image {
      padding-inline-start: 1.2rem !important;
      vertical-align: middle;
      width: 100%;
    }

    .wc-block-components-quantity-selector {
      height: 30px;
    }
  }

  /* Custom remove link icon (trash/close) */
  .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
  table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e2401c'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") center center / cover no-repeat;
    background-size: 16px 16px;
    height: 14px;
    width: 14px !important;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  /* Hide default SVG */
  .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg,
  table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link svg {
    display: none;
  }
}


/* Quantity selector */
.wc-block-components-quantity-selector__button--plus {
  font-size: 20px;
  line-height: 0;
}

.wc-block-components-quantity-selector {
  border-radius: 0px;
  height: 40px;
  padding: 6px 0px;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  border-right: 1px solid currentColor !important;
  border-left: 1px solid currentColor !important;
  margin: 3px 0px;
}

.wc-block-cart-items__row {
  position: relative;
}

/* Shared WooCommerce containers */
.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
  max-width: 1720px;
}

/* Responsive cart grid */
.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row {
  grid-template-columns: 140px 132px !important;
}

/* ==========================================================================
   7. Mini Cart Styles
   ========================================================================== */

body .wp-block-woocommerce-mini-cart {
  padding-right: 10px !important;
}

body .wp-block-woocommerce-mini-cart .wc-block-mini-cart__badge {
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 400;
}


.wc-block-mini-cart__items::-webkit-scrollbar {
  width: 8px;
  padding-right: 20px;
}

.wc-block-mini-cart__items::-webkit-scrollbar-thumb {
  background-color: var(--wp--preset--color--accent-7);
}

.wc-block-mini-cart__items::-webkit-scrollbar-track {
  background: var(--wp--preset--color--accent-3);
}



.wc-block-mini-cart__button {
  padding: 0px;
}

.wc-block-components-drawer__screen-overlay {
  background: #00000080;
}

.wp-block-woocommerce-empty-mini-cart-contents-block,
.wp-block-woocommerce-filled-mini-cart-contents-block {
  background: var(--wp--preset--color--base);
}

/* Mini cart template part */
.wc-block-mini-cart__template-part {
  .wc-block-components-product-details.wc-block-components-product-details {
    display: none;
  }

  .wc-block-cart-item__remove-link {
    position: absolute;
    top: 14px;
    right: 0px;
  }

  .wc-block-cart-item__remove-link svg {
    display: none;
  }

  .wc-block-cart-items__row {
    position: relative;
  }

  .wc-block-cart-item__total {
    align-self: end;
    padding: 5px 0px;
  }

  .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    align-self: center;
  }

  /* Footer buttons */
  .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block {
    background: var(--wp--preset--color--accent-5);
    color: var(--wp--preset--color--base);
    border: none !important;
    transition: all 0.2s ease-in-out;
  }

  .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block:hover {
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--accent-5);
  }

  /* Remove link icon */
  .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
  table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e2401c'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") center center / cover no-repeat;
    background-size: 16px 16px;
    height: 14px;
    width: 14px !important;
  }

  .wc-block-mini-cart__title.wp-block-woocommerce-mini-cart-title-block {
    margin-top: 0px;
  }

  .wc-block-components-button.wc-block-components-drawer__close {
    top: 12px;
  }

  .wc-block-mini-cart__footer {
    padding-bottom: 0px;
  }

  .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img,
  table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    height: auto !important;
    width: 100%;
    object-fit: cover;
  }

  .wc-block-components-notices {
    order: 2;
  }

  h2.wc-block-mini-cart__title {
    padding: 10px;
    margin: 0px;
    background: var(--wp--preset--color--accent-3);
    mask-image: none;
    font-size: 24px;
  }
}

/* ==========================================================================
   8. Wishlist Styles
   ========================================================================== */

.tinvwl-theme-style {
  .tinv-wishlist .product-action .product_type_variable {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75%;
    
  }

  .tinv-header,
  .tinv-header h2 {
    margin: 0px;
  }

  .tinv-header h2 {  
    padding-bottom: 16px;
    border-bottom: 1px solid gray;
    margin-bottom: 114px;
  }

  

  .tinv-wishlist .wp-block-post-title {
    display: none;
  }

  .tinv-wishlist .tinvwl-table-manage-list td {
    text-align: start;
    padding: 0px;
    padding-inline-start: 1.25rem;
    flex: 1 1 0%;
  }

  .tinv-wishlist .tinvwl-table-manage-list td.product-remove {
    padding: 0px;
    flex: none;
    z-index: 5;
  }

  .tinv-wishlist .tinvwl-table-manage-list td.product-thumbnail {
    flex: none;
  }

  .tinv-wishlist .tinvwl-table-manage-list thead {
    display: none;
  }

  .tinv-wishlist .stock.in-stock {
    color: green;
  }

  .tinv-wishlist .product-stock i {
    margin-inline-end: 5px;
  }

  .tinv-wishlist .stock {
    margin: 0px;
  }

  .tinv-wishlist .wishlist_item {
    position: relative;
  }

  .tinv-wishlist .wishlist_item .product-thumbnail {
    padding: 0px;
  }

  .tinv-wishlist .product-remove button {
    background: transparent;
  }

  .tinv-wishlist .product-remove button i {
    color: red;
    font-size: 35px;
    line-height: 0.5;
  }

  .tinvwl-table-manage-list {
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  .tinvwl-table-manage-list tbody tr {
    display: flex;
    align-items: center;
    padding: 22px 0px;
    border-bottom: 1px solid gray !important;
  }

  .tinvwl-table-manage-list .product-action>button {
    background: transparent;
    border: none;
    text-decoration: underline;
    font-size: var(--wp--preset--font-size-large);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
  }

  .tinv-wishlist .product-price {
    color: var(--wp--preset--color--accent-4);
    font-weight: 400;
  }

  /* Mobile wishlist */
  @media only screen and (max-width: 768px) {
    button[name="tinvwl-remove"]{
      margin-top: 10px;
    }
    .tinv-wishlist .product-remove button i::before{
      display: inline-block;
      height: 40px !important;
    }
    .product-action button {
      max-width: 50%;
      text-align: start !important;
    }

    .tinv-wishlist .wishlist_item {
      display: flex;
      flex-direction: column;
      gap: 4px;
      position: relative;
    }

    .tinv-wishlist .product-thumbnail {
      position: absolute;
    }

    .tinv-wishlist .product-thumbnail img {
      max-width: 106px;
    }

    .tinv-wishlist .product-thumbnail~td {
      margin-inline-start: 200px;
      display: block;
    }

    .tinv-wishlist .product-thumbnail~td:not(.product-stock, .product-name, .product-price)>*:not(button, .pro) {
      display: block;
      max-width: 40%;
    }

    .tinv-wishlist .product-thumbnail~td .product-price {
      gap: 6px;
    }

    .tinv-wishlist .product-remove {
      position: absolute;
      left: 4px;
      top: 20px;
      width: fit-content !important;
    }

    .tinv-wishlist .product-stock {
      position: absolute;
      top: 50%;
      right: 0px;
      transform: translateY(-50%);
      width: fit-content !important;
    }

    .tinv-wishlist .product-action button {
      justify-content: start;
    }

    .tinv-wishlist .tinv-header h2 {
      margin-bottom: 32px;
    }
  }
}

/* ==========================================================================
   9. Popup & Newsletter Styles
   ========================================================================== */

#br_popup .br_popup_inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.br_left_table {
  display: none !important;
}

.pum-container {
  min-width: 0%;
  max-width: 100%;
  opacity: 1;
  display: block;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f5ebdf !important;
}

.pum-container div {
  padding: 0 !important;
}

.pum-container .popup-content {
  padding: 115px 40px !important;
}

.popup-content p {
  margin: 10px 0 !important;
  color: var(--wp--preset--color--contrast);
}

.popup-content .tnp-submit {
  color: var(--wp--preset--color--contrast);
}

.pum-container.pum-responsive img {
  width: 100% !important;
  height: 100% !important;
}

/* Newsletter form */
.tnp-subscription form {
  display: flex !important;
  align-items: center !important;
  position: relative;
}

.tnp-subscription form label {
  display: none !important;
}

.tnp-subscription form .tnp-email {
  flex: 1 !important;
}

.tnp-field-email {
  width: 100% !important;
}

.tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field {
  position: relative;
}

/* Submit button icon */
.tnp-subscription button.tnp-submit .tnp-submit-icon,
.tnp-profile button.tnp-submit .tnp-submit-icon,
.tnp-unsubscribe button.tnp-submit .tnp-submit-icon,
.tnp-reactivate button.tnp-submit .tnp-submit-icon {
  width: 21px;
  height: 21px;
  display: block;
}

/* Close button */
.pum-theme-142 .pum-content+.pum-close,
.pum-theme-default-theme .pum-content+.pum-close {
  font-size: 0 !important;
  font-style: inherit;
  line-height: 1 !important;
  border-radius: 0px;
  background-color: #f5ebdf !important;
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
}

.pum-theme-142 .pum-content+.pum-close::before,
.pum-theme-default-theme .pum-content+.pum-close::before {
  content: "\00D7";
  color: var(--wp--preset--color--contrast);
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

.pum-theme-142 .pum-content,
.pum-theme-default-theme .pum-content {
  color: inherit !important;
  font-family: inherit;
}

.pum-theme-142,
.pum-theme-default-theme {
  background-color: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(5px) !important;
}

@media (max-width: 600px) {
  .pum-container .popup-content {
    padding: 40px 10px !important;
  }
}

/* ==========================================================================
   10. Category Page Content
   ========================================================================== */

.category-page-content {
  .wc-block-product-categories-list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
    column-gap: clamp(0.813rem, 0.1455rem + 2.8479vw, 3.563rem);
    row-gap: clamp(1.438rem, 1.0589rem + 1.6176vw, 3rem);
  }

  .wc-block-product-categories-list .wc-block-product-categories-list-item {
    margin: 0px !important;
  }

  /* Category count badge */
  .wc-block-product-categories-list .wc-block-product-categories-list-item-count {
    width: fit-content;
    display: block;
    margin-inline-start: auto;
    transform: translateY(calc(clamp(2.375rem, 2.2602rem + 0.4898vw, 2.75rem) * -1));
    margin-top: calc(1.625rem - clamp(0.625rem, 0.5102rem + 0.4898vw, 1rem));
    padding: 2px 5px;
    color: var(--wp--preset--color--accent-4);
    border: 1px solid currentColor;
    font-size: clamp(0.625rem, 0.5102rem + 0.4898vw, 1rem);
  }

  .wc-block-product-categories-list .wc-block-product-categories-list-item-count::before,
  .wc-block-product-categories-list .wc-block-product-categories-list-item-count::after {
    display: none;
  }

  .wc-block-product-categories-list-item__name {
    align-self: flex-start;
    padding-top: clamp(0.625rem, 0.5102rem + 0.4898vw, 1rem);
    font-size: clamp(1rem, 0.7321rem + 1.1429vw, 1.875rem);
    max-width: 66%;
  }

  .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
    border: none;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
    display: block;
    height: clamp(9.188rem, 3.4675rem + 24.4075vw, 27.875rem);
  }

  .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img {
    width: 100%;
    height: 100%;
  }

  .wc-block-product-categories-list-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }

  @media (max-width: 1024px) {
    .wc-block-product-categories-list {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 768px) {
    .wc-block-product-categories-list {
      grid-template-columns: repeat(2, 1fr);
    }
  }
}

/* ==========================================================================
   11. Product Search Results
   ========================================================================== */

.product-search-results-content {
  .wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {

    .wp-block-search__inside-wrapper,
    .wp-block-search__input {
      background: transparent;
    }

    .wp-block-search__inside-wrapper {
      padding: 23px;
    }

    .wp-block-search__input {
      padding: 0px;
    }

    .wp-block-search__button {
      padding: 0px;
      height: 40px;
      width: 40px;
    }
  }

  /* Custom select dropdown */
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.75em 2em 0.75em 0.5em;
    border: none;
    border-bottom: 1px solid var(--wp--preset--color--contrast);
    background-color: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'><polyline points='1,1 5,4 9,1' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.5em center;
    background-size: 10px 5px;
    color: var(--wp--preset--color--contrast);
    font: inherit;
    cursor: pointer;
  }

  select:focus {
    border-bottom: 1px solid var(--wp--preset--color--contrast);
  }

  select option {
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--contrast);
  }

  select option:checked,
  select option:hover,
  select option:focus,
  select option:focus-within {
    background-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--base);
  }

  /* Search dropdown chips */
  .dropdown-group,
  .dropdown-section {
    display: flex;
    align-items: center;
    gap: 22px;
  }

  .dropdown-group .dropdown-item {
    border: 1px solid currentColor;
    padding: 12px;
    transition: color .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    cursor: pointer;
  }

  .dropdown-group.suggestions .dropdown-item {
    color: var(--wp--preset--color--contrast);
    background-color: var(--wp--preset--color--base);
  }

  .dropdown-group.history .dropdown-item {
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--contrast);
  }

  .dropdown-group .remove-tag {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--base);
    box-shadow: unset;
    background: unset;
    border: none;
    cursor: pointer;
  }
}



.htcompare-popup.open{
  place-items: center;



.htcompare-loader {
  border-color: var(--wp--preset--color--base);
}

/* Compare styles */

.htcompare-popup .htcompare-popup-content-area {
  position: absolute;
  width: calc(100% - 30px);
  max-width: 1200px;
  margin: auto;
  padding: 30px;
  background: #f5ebdf;
  color: white;
}
.compare-data-description p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box; 
}


.htcompare-popup-content-area>div p {
  margin: 0px;
}

.htcolumn-field-name,
.htcolumn-value {
  background-color: transparent;
}

.htcompare-col {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
}

.htcompare-row:nth-child(2n) .htcompare-col {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}

.htcompare-col>p {
  margin: 0px;
}

.htcompare-col,
.compare-data-primary .htcolumn-value  {
  border: none;
}

@media (max-width: 767px) {
  .htcompare-popup *::before {
    content: none !important;
    display: none !important;
  }
}


}
.baty-card :is(.swiper-button-next, .swiper-button-prev) {
  background-color: transparent;
  box-shadow: none !important;
  border: none !important;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.baty-card {
  --swiper-navigation-size: 16px;
  --swiper-navigation-color: var(--wp--preset--color--base);
  --swiper-theme-color: var(--wp--preset--color--base);
}

.baty-card .swiper-pagination {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.baty-card:hover :is(.swiper-button-next, .swiper-button-prev, .swiper-pagination) {
  opacity: 1;
}

.baty-card .swiper-pagination-bullet {
  opacity: 0.55;
  background-color: var(--wp--preset--color--accent-1);
}

.baty-card .swiper-pagination-bullet-active {
  background-color: var(--wp--preset--color--contrast);
  opacity: 1;
}

.baty-card .swiper-button-next:after,
.baty-card .swiper-button-prev:after {
  color: var(--wp--preset--color--contrast);
  font-weight: 900;
}





/* ==========================================================================
   12. Button & Icon Styles (Wishlist, Compare, Quick View)
   ========================================================================== */

  

.htcompare-loader {
  border-color: var(--wp--preset--color--base);
}

/* Quick view button */
.woocommerce a.quick_view {
  position: absolute;
  right: 14px;
  top: 40px;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-size: 0 !important;
  background-color: transparent;
}

.woocommerce a.quick_view::before {
  content: "";
  width: 26px;
  height: 26px;
  display: inline-block;
  background-color: transparent;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000000' d='M12 5c-7 0-10 7-10 7s3 7 10 7 10-7 10-7-3-7-10-7Zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z'/></svg>") no-repeat center;
  background-size: contain;
}

/* Show on hover/focus */
.wc-block-product:hover a.quick_view,
.wc-block-product:focus-within a.quick_view,
.wc-block-product.has-product-swiper:hover a.quick_view,
.wc-block-product.has-product-swiper:focus-within a.quick_view {
  opacity: 1;
}

@media (width <=767px) {
  .woocommerce a.quick_view {
    opacity: 1;
  }
}


/* Compare button */
.htcompare-btn,
.woocommerce .htcompare-btn,
.baty-card .htcompare-btn {
  font-size: 0 !important;
  background-color: transparent;
  position: absolute;
  margin-right: 11px;
  top: 40px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 15 !important;
  border: none;
  padding: 0;
  width: 26px;
  height: 26px;
}

.wc-block-product .htcompare-btn {
  opacity: 0;
}

.wc-block-product:hover .htcompare-btn {
  opacity: 1;
}

.htcompare-btn svg {
  display: none;
}

.htcompare-btn::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: transparent;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><g clip-path='url(%23clip0)'><path d='M14.9998 11.6667L18.3332 15M18.3332 15L14.9998 18.3334M18.3332 15H13.299C12.7528 14.9944 12.2164 14.8547 11.7369 14.5932C11.2573 14.3316 10.8494 13.9562 10.549 13.5L10.2499 13.125M14.9998 1.66669L18.3332 5.00002M18.3332 5.00002L14.9998 8.33335M18.3332 5.00002L13.3557 5.0001C12.8169 4.99642 12.2853 5.12338 11.8064 5.37011C11.3274 5.61683 10.9154 5.97597 10.6057 6.41676L6.06067 13.5834C5.7509 14.0242 5.3389 14.3834 4.85996 14.6301C4.38102 14.8768 3.84941 15.0038 3.31067 15.0001H1.6665M1.6665 5.0001H3.30984C3.93105 4.99578 4.54112 5.16514 5.0712 5.48908C5.60129 5.81302 6.0303 6.27865 6.30984 6.83343' stroke='%23000000' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></g><defs><clipPath id='clip0'><rect width='20' height='20' fill='white'/></clipPath></defs></svg>") no-repeat center;
  background-size: contain;
}


.wc-block-product:hover .htcompare-btn,
.wc-block-product:focus-within .htcompare-btn,
.wc-block-product.has-product-swiper:hover .htcompare-btn,
.wc-block-product.has-product-swiper:focus-within .htcompare-btn {
  opacity: 1;
}

@media (width <=767px) {

  .htcompare-btn,
  .woocommerce .htcompare-btn {
    opacity: 1;
  }
}

.htcompare-btn {
  position: absolute !important;
  display: inline-flex !important;
  align-items: center;
  top: 40px;
  right: 0;
  z-index: 999;
  margin-right: 5px;
}

.ever-compare-btn-image {
  display: inline-block;
  width: 28px;
  margin-right: 5px;
}


/* Add to cart button */
.wc-block-product-template .baty-card {
  .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
    align-items: center !important;
    border-style: none;
    display: inline-flex;
    border-radius: 0 !important;
    font-size: 0 !important;
    padding: 8px !important;
    margin-bottom: 0 !important;
    height: 36px;
    width: 36px;
    transition: background-color 0.15s ease-in-out;
  }
  .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover {
    background-color: color-mix(in srgb, var(--wp--preset--color--contrast) , var(--wp--preset--color--accent-5) 90%) ;
    
  }

}
  .outofstock .baty-card .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
    background-color: var(--wp--preset--color--accent-4) ;
    
  }
    .outofstock .baty-card .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover {
    background-color: var(--wp--preset--color--accent-4) ;
    
  }
  

.wc-block-components-product-button__button+[data-wp-bind--hidden="!state.displayViewCart"] {
  display: none;

}

/* ==========================================================================
   13. Utility & Miscellaneous
   ========================================================================== */

/* Compare table field name (hidden) */
.htcolumn-field-name {
  display: none;
}

/* Products slider navigation */
.baty-products-slider {
  .wc-block-next-previous-buttons {
    position: absolute;
    gap: 250px;
    top: 10px;
  }

  .wc-block-next-previous-buttons button {
    background: transparent;
  }

  @container carousel (min-width: 1440px) {
    .is-product-collection-layout-carousel .wc-block-product {
      min-width: calc(25% - 24px);
    }
  }
}

/* Hover transition effects */
.has-accent-1-color.has-contrast-background-color:hover {
  background-color: var(--wp--preset--color--accent-5) !important;
}

.has-accent-1-color.has-contrast-background-color {
  transition: all 0.3s ease-in-out;
}

/* ==========================================================================
   14. Responsive Design Overrides (Mobile)
   ========================================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

  body .baty-products-grid ul li {
    width: calc(33% - .9375em) !important;
  }
}

@media (min-width: 600px) and (max-width: 768px) {

  body .baty-products-grid ul li {
    width: calc(50% - 10px) !important;
  }
}

@media (max-width: 768px) {
  .wc-block-product-template .baty-card {
  .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
    position: absolute;
    top: 0;
    right: 0;
  }
}
  .products-tabs .controls {
  max-width: 100%;
}

  /* Products grid horizontal scroll */
  .baty-products-grid {
    ul {
      flex-wrap: nowrap !important;
      overflow-x: scroll;
    }

    li {
      flex-shrink: 0;
      max-width: 55svw;
      max-height: 500px;
    }
  }

  .baty-products-grid ul {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .baty-products-grid ul::-webkit-scrollbar {
    display: none;
  }

  /* Categories slider text */
  .categories-slider .swiper-slide .wp-block-image+p {
    font-size: 1rem;
    line-clamp: 1;
  }


  .categories-slider .swiper-wrapper {
    gap: 0px;
  }

  /* Banners */
  .baty-banners .responsive-height p+p {
    margin-top: 14px !important;
  }

  /* Products tabs */
  .products-tabs ul li {
    width: calc(50% - 10px) !important;
  }

  /* Mobile banners */
  .baty-banners .responsive-height {
    min-height: 160px !important;
    width: auto;
    padding: 0px;
  }

  .baty-banners .responsive-height.vases-container img {
    height: 160px !important;
    width: auto !important;
    padding: 0px;
  }
    .baty-banners .responsive-height.vases-container figure {
    display: flex;
    justify-content: end;
  }

  .baty-banners .responsive-height.lights-container img {
    height: 130px !important;
    width: auto;
    padding: 0px;
  }

  .baty-banners .responsive-height.chair-container img {
    height: 160px !important;
    width: auto;
    padding: 16px 0px 5px 0px;
  }
}

/* ==========================================================================
   15. Commented Out / Legacy Code (Preserved)
   ========================================================================== */

/*
.htcompare-popup .htcompare-popup-content-area {
  position: absolute;
  width: calc(100% - 30px);
  max-width: 1200px;
  margin: auto;
  padding: 30px;
  background: #f5ebdf;
  color: white;
}
.compare-data-description p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box; 
}
.htcompare-popup-content-area>div p {
  margin: 0px;
}
.htcolumn-field-name,
.htcolumn-value {
  background-color: transparent;
}
.htcompare-col {
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
}
.htcompare-row:nth-child(2n) .htcompare-col {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}
.htcompare-col>p {
  margin: 0px;
}
.htcompare-col,
.compare-data-primary .htcolumn-value {
  border: none;
}
@media (max-width: 767px) {
  .htcompare-popup *::before {
    content: none !important;
    display: none !important;
  }
}
*/



























/* ==========================================================================
    Global & Base Styles
   ========================================================================== */

/* Box sizing border-box for all elements */
* {
  box-sizing: border-box;
}

/* Smooth scrolling behavior */
html {
  scroll-behavior: smooth;
}

/* Alignment container */

.wc-block-components-notice-banner {
  align-items: center;
}
.wc-block-components-notice-banner__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* Site blocks overflow hidden to prevent horizontal scroll */
.wp-site-blocks {
  overflow: hidden;
}


/* ==========================================================================
    Layout & Containers
   ========================================================================== */

/* Cart sidebar styling */
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
  height: fit-content;
  padding: 24px;
  border: 1px solid var(--wp--preset--color--accent-4);
}

/* Cart submit button */
.wc-block-cart__submit-button {
  padding: 10px;
}

/* Next/Previous buttons SVG spacing */
.wc-block-next-previous-buttons__button svg {
  padding: 0px;
}



/* WooCommerce cart main container */
.wc-block-cart {
  max-width: 1720px;
  margin: auto;
}

/* ==========================================================================
   Footer Styles
   ========================================================================== */

.custom-footer {
  /* List styling reset */
  .wp-block-list {
    margin: 0;
  }

  /* Links column styling */
  .links-col {
    height: 100%;

    ul {
      list-style-type: square;
    }
  }

  /* Store description max width */
  .store-description {
    max-width: 606px;
  }

  /* Visited link color */
  a:visited {
    color: var(--wp--preset--color--contrast);
  }
  .footer-col-mobile-style li{
    transition: all .5s ease-in-out;
  }
.footer-col-mobile-style li:hover{
  color: var(--wp--preset--color--accent-5) !important;
}
  /* Mobile top footer (hidden by default) */
  .mobile-top-footer {
    display: none;
  }
}

/* Social link styling */
.wp-block-social-link {
  border-radius: 0px;
}

/* Social links inner styling */
.custom-footer .wp-block-social-links {
  li {
    border-radius: 1px;
  }

  .wp-block-social-link-anchor {
    background-color: var(--wp--preset--color--contrast);
  }
}

/* Let's Talk visibility */
.Lets-Talk-mobile {
  display: none !important;
}

/* Back to top button */
.back-to-top {
  cursor: pointer;
}

/* Product button styling */
.wp-block-button.wc-block-components-product-button {
  align-items: end !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  white-space: normal;
  position: relative;
}

/* ==========================================================================
   Contact Form Styles
   ========================================================================== */

.custom-contact-form {
  background-color: #d6ccc2;
  padding: 40px;
  max-width: 600px;
}

/* Labels */
.custom-contact-form label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  padding: 8px 0px !important;
}

/* Inputs & textarea */
.custom-contact-form input,
.custom-contact-form textarea,
.contact-input,
.contact-textarea {
  width: 100%;
  border: none;
  border: 1px solid #aaa;
  background: transparent;
  padding: 14px;
  font-size: 16px;
  margin-bottom: 16px;
  max-width: 100%;
}

/* Textarea height */
.custom-contact-form textarea,
.contact-textarea {
  height: 200px;
  resize: none;
}

/* Submit button */
.custom-contact-form input[type="submit"],
.contact-btn {
  width: 100%;
  background-color: #2d1f1f;
  color: #fff;
  border: none;
  padding: 15px;
  margin-top: 20px;
  cursor: pointer;
  font-size: 16px;
}

.custom-contact-form input[type="submit"]:hover,
.contact-btn:hover {
  background-color: #1f1515;
}

/* Icon wrapper */
.icon-wrapper {
  width: 80px;
  height: 80px;
  background: #bebbbb33;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Contact title */
.contact-title {
  font-size: clamp(2.5rem, 1.8878rem + 2.6122vw, 4.5rem);
  padding-bottom: 48px;
  margin: 0;

}
@media (max-width: 1024px) {
  .wc-block-components-product-button__button span::before{
  width: 16px !important;
  height: 16px !important;
}
}


/* Contact form 7 paragraph reset */
.wpcf7-form p {
  margin: 0;
}

/* Mobile contact form */
@media (max-width: 781px) {
  .contact-form-rev {
    flex-wrap: wrap-reverse !important;
  }

  .contact-title {
    padding-bottom: 16px;
    margin: 0;
  }
  .contact-textarea {
    height: 120px;
  }
}

@media (max-width: 790px) {
  .contact-title {
    position: absolute;
    top: -30px;
  }
}
/* .wp-block-post-title {
  display: none;
} */
.bottom-contact p {
  margin: 10px;
  font-size: 14px !important;
}

/* Mobile footer styles */
@media (max-width: 768px) {
  .get-contact {
    .get-contact-inside {
      margin-top: 16px !important;
      margin-bottom: 0 !important;
    }
  }

  .wp-block-social-links {
    gap: 16px;
    margin-block: 24px !important;
  }

  .parent-main-cols-link {
    gap: 0 !important;
  }

  .custom-footer .links-col {
    gap: 4px !important;

    li {
      margin-top: 0rem;
      padding-bottom: 16px !important;
      padding-inline: 0px;
    }
  }

  .Lets-Talk-desktop {
    display: none !important;
  }

  .Lets-Talk-mobile {
    display: flex !important;
  }

  .custom-footer {
    padding-inline: 15px !important;
  }

  .footer-col-mobile-style {
    border-left: none !important;
  }

  .custom-footer .desktop-footer-header {
    display: none;
  }

  .spacer {
    display: none !important;
  }

  .mobile-top-footer {
    margin-bottom: 16px;
    display: block !important;
  }
  .d-copyright {
    display: none !important;
  }
  .mobile-copyright {
    display: block !important;
  }
  .custom-footer .wp-block-list {
    padding-block: 0 !important;
    padding-inline: 15px !important;
  }

  .bottom-footer-mobile {
    gap: 8px !important;
    border: 0 !important;

    .wp-block-column {
      border: 0 !important;
    }

    p {
      padding: 0 !important;
    }

    .privacy-page-links {
      gap: 8px !important;
    }
  }
}

@media (min-width: 768px) {
  .mobile-copyright {
    display: none !important;
  }
}

.wp-block-woocommerce-product-collection h2.wp-block-heading {
  font-size: var(--wp--preset--font-size--x-large);
  font-weight: 700;
  margin-bottom: var(--wp--preset--spacing--50);
}

.owl-item.active {
  transform: scaleX(1);
}

.owl-item {
  transform: scaleX(0);
}




.wp-block-woocommerce-product-price,
.wp-block-woocommerce-product-price {
  font-size: 20px !important;
  margin: 0 !important;
  margin-top: 8px !important;
}



.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce ul.products li.product a.tinvwl-button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce-page ul.products li.product a.tinvwl-button.tinvwl-icon-heart.tinvwl_add_to_wishlist_button:before, a.wishlist_products_counter.top_wishlist-heart:before, span.wishlist_products_counter.top_wishlist-heart:before, a.sidr-class-wishlist_products_counter.sidr-class-top_wishlist-heart:before{
  position: absolute;
  right: -50%;
}
.home .htcompare-popup ,.blog .htcompare-popup {
  display: none !important;
}
