:root {
  /* Peeli Dori type scale */
  --fs-display:  clamp(42px, 7vw, 96px);
  --fs-headline: clamp(26px, 4.5vw, 54px);
  --fs-title:    clamp(22px, 3.5vw, 42px);
  --fs-body-lg:  clamp(14px, 1.8vw, 20px);
  --fs-body:     14px;
  --fs-label:    14px;
  --fs-micro:    14px;
  --ls-tight:  1px;
  --ls-normal: 4px;
  --ls-wide:   5px;
  --ls-xl:     7px;
}
body {
  background-color: inherit;
}
img {
  border-radius: 5px;
}
.sticky-logo { width: 160px; }
.logo { padding: 5px; }



.block .newsletter input {
  margin-right: 15px !important;
}

.newsletter-home .block.newsletter .content .actions .action.subscribe.primary {
  font-size: var(--fs-label) !important;
}

@media (min-width: 768px) {
  .block.newsletter {
    max-width: 90% !important;
  }
}
.pdframe {
  max-width: 1366px;
  margin: auto;
}

.hea-container {
  padding-top: 10px;
  padding-bottom: 0px;
}
.con-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.containerbgl {
  background-color: #f7fbfc;
}
.containerbgd {
  background-color: #f0f0f0;
}

.swiper-button-next,
.swiper-button-prev {
  color: #f6f6f6 !important;
}

.notificationbar {
  width: 100%;
  height: 25px;
  /* position: absolute; */
  top: 0;
  flex: auto;
  align-content: center;
  color: white;
  background-color: #880000;
  align-items: center;
  overflow: hidden;
}

.notification-banner {
  width: 100%;
  height: 20px;
  color: rgb(255, 255, 255);
  /* background-color: #444; */
  padding: 1px;
  margin: 1px;
  display: none;
  text-align: center;
  vertical-align: middle;
  transform: translateY(-100%);
}

.notification-banner a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

.notification-banner a:visited,
.notification-banner a:focus,
.notification-banner a:active {
  color: rgb(255, 255, 255) !important;
  text-decoration: none;
}

.notification-banner a:hover {
  color: #e1e1e1 !important; /* change to any color you prefer */
  text-decoration: underline; /* optional */
}
.notification-banner.show {
  transform: translateY(0);
  transition: transform 1s ease-in-out;
}
.notification-banner.hide {
  transform: translateY(100%);
  transition: transform 1s ease-in-out;
}

/* First active item */
.owl-item.active.item-1 {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) scale(1)
    rotateX(360deg) rotateY(20deg) rotateZ(1deg) skew(358deg, 3deg);
  transform-style: preserve-3d;
  will-change: transform;
  z-index: 1;
}

/* Second active item */
.owl-item.active.item-2 {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) scale(1)
    rotateX(360deg) rotateY(10deg) rotateZ(1deg) skew(359deg, 2deg);
  transform-style: preserve-3d;
  will-change: transform;
  z-index: 2;
}

/* Third active item */
.owl-item.active.item-3 {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) scale(1.1)
    rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  will-change: transform;
  z-index: 3;
}

/* Fourth active item */
.owl-item.active.item-4 {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) scale(1)
    rotateX(360deg) rotateY(350deg) rotateZ(359deg) skew(1deg, 358deg);
  transform-style: preserve-3d;
  will-change: transform;
  z-index: 2;
}

/* Fifth active item */
.owl-item.active.item-5 {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) scale(1)
    rotateX(360deg) rotateY(340deg) rotateZ(359deg) skew(2deg, 357deg);
  transform-style: preserve-3d;
  will-change: transform;
  /* transform: rotateY(40deg) scale(1.1); */
  margin: 10px;
  z-index: 1;
}

/* prommobanner */

.prommobannertext {
  text-align: center;
  position: absolute;
  /* width: -webkit-fill-available; */
  margin: 10px;
  bottom: 16%;
  left: 10%;
  right: 10%;
  color: black;
  /* z-index: 10;*/
}

@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.page-header-sliders {
  min-height: 0px !important;
}

.top-banner-mb {
  width: 100% !important;
  margin-top: 5px;
}
/* Default font size for h2 and h5 headings */
.top-banner-mb h2 {
  font-size: var(--fs-headline) !important;
}

.top-banner-mb h3 {
  font-size: var(--fs-title) !important;
}

/* Change font size for h2 and h5 headings on screens with a maximum width of 768px */
@media screen and (max-width: 768px) {
  .slide-home-1 .slider_mgs_carousel .item-image {
    min-height: 0px !important;
  }
}

/* Change font size for h2 and h5 headings on screens with a maximum width of 480px */
@media screen and (max-width: 480px) {
  .top-banner-mb {
    min-height: 0px !important;
  }
}

/* #comments */

.blog-view .share-info .view-tags {
  height: auto !important;
  padding: 10px !important;
}

/* Default styles for the bannertxt class */
.bannertxt {
  color: white;
  text-align: center;
  font-size: var(--fs-body-lg);
  letter-spacing: var(--ls-normal);
}

.transparentwhitebkg {
  background-color: rgba(255, 250, 250, 0.6);
  padding: 3px !important;
  border-radius: 4px;
  margin-bottom: 2px;
}

@media screen and (min-width: 390px) {
  .transparentwhitebkg {
    padding: 4px !important;
    border-radius: 4px;
    margin-bottom: 10px !important;
  }
}
/* Media queries for different screen sizes */
/* Adjust font size for medium-sized screens */
@media screen and (min-width: 768px) {
  .transparentwhitebkg {
    padding: 5px !important;
    border-radius: 4px;
    margin-bottom: 20px !important;
  }
}

/* Adjust font size for larger screens */
@media screen and (min-width: 1024px) {
  .transparentwhitebkg {
    padding: 6px !important;
    border-radius: 4px;
    margin-bottom: 40px !important;
  }
}

/* Adjust font size for extra-large screens */
@media screen and (min-width: 1200px) {
  .transparentwhitebkg {
    padding: 7px !important;
    border-radius: 4px;
    margin-bottom: 100px !important;
  }
}

table.footer-contactinfo td {
  border: 0px;
}


.contentpd {
  color: #555;
  margin: 0;
  padding: 0;
  text-align: left;
}

/* Main heading */
.contentpd h1 {
  color: #222;
  font-size: var(--fs-title);
  margin: 1rem 0;
  font-weight: inherit;
  line-height: inherit;
}

/* Subheadings */
.contentpd h2,
.contentpd h3 {
  color: #333;
  font-size: var(--fs-body-lg);
  margin: 2rem 0 0.5rem 0;
  font-weight: inherit;
  line-height: inherit;
}

/* Optional subheader line */
.contentpd .subheader {
  color: #880000;
  font-size: var(--fs-body);
  margin: 0.5rem 0;
}

/* Paragraphs and lists */
.contentpd p,
.contentpd li {
  color: #666;
  font-size: var(--fs-body);
  margin: 0.5rem 0;
  line-height: 1.6;
  list-style-position: inside;
  list-style-type: disc;
  font-weight: inherit;
}

/* Lists and tables aligned to left edge */
.contentpd ul,
.contentpd ol,
.contentpd table {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

/* Simple, minimal tables */
.contentpd th,
.contentpd td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  font-weight: inherit;
  line-height: inherit;
  text-align: justify;
}

/* Links inherit color and underline on hover */
.contentpd a {
  color: inherit;
  text-decoration: none;
}
.contentpd a:hover {
  text-decoration: underline;
}
/* Minimal, clean .footerpd styling — inherits site font */

.footerpd {
  color: #666;
  margin: 0;
  padding: 0;
  text-align: left;
}

/* Main heading */
.footerpd h1 {
  color: #333;
  font-size: var(--fs-title);
  margin: 0.75rem 0;
  font-weight: inherit;
  line-height: inherit;
}

/* Subheadings */
.footerpd h2,
.footerpd h3 {
  color: #444;
  font-size: var(--fs-body-lg);
  margin: 2rem 0 0.5rem 0;
  font-weight: inherit;
  line-height: inherit;
}

/* Optional subheader text */
.footerpd .subheader {
  color: #880000;
  font-size: var(--fs-body);
  margin: 0.5rem 0;
}

/* Paragraphs and list items */
.footerpd p,
.footerpd li {
  color: #666;
  font-size: var(--fs-body);
  margin: 0.4rem 0;
  line-height: 1.6;
  list-style-position: inside;
  font-weight: inherit;
}

/* Lists and tables aligned left */
.footerpd ul,
.footerpd ol,
.footerpd table {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
}

/* Simple table borders */
.footerpd th,
.footerpd td {
  border: 1px solid #ddd;
  padding: 6px;
  text-align: left;
  font-weight: inherit;
  line-height: inherit;
}

/* Links */
.footerpd a {
  color: inherit;
  text-decoration: none;
}
.footerpd a:hover {
  text-decoration: underline;
}


.headingtxt {
  text-align: center;
  vertical-align: middle;
  font-size: var(--fs-title);
  letter-spacing: var(--ls-normal);
  /* margin: auto; */
}

.headingtxt a {
  color: #666666;
}

.action.tocart.primary {
  background: #880000;
  border: 2px solid #880000;
  color: #ffffff;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  border-radius: 5px;
}

.action.tocart.primary:hover {
  background: #ffffff;
  color: #880000;
}

.action.tocart.primary.greentocart {
  background: #0ae106;
  border: 2px solid #000000;
  color: #ffffff;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.action.tocart.primary.greentocart:hover {
  background: #ffffff;
  color: #000000;
}

.action.tocart.primary.whitetocart {
  background: #ffffff;
  border: 2px solid #000000;
  color: #000000;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.action.tocart.primary.whitetocart:hover {
  background: #09ff00;
  color: #000000;
}

.action.subscribe.primary {
  background: #880000;
  width: -webkit-fill-available;
  border: 1px solid #880000;
  height: -webkit-fill-available;
  height: 2.975rem;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  padding: 0.5rem 1.375rem;
}

.action.subscribe.primary:hover {
  background: #ffffff;
  color: #880000;
}

/* Newsletter popup */
.modal_newsletter_popup.modal-slide {
  overflow: hidden;
}
.modal_newsletter_popup .modal-inner-wrap {
  position: fixed !important;
  display: block !important;
  width: min(860px, calc(100vw - 20px)) !important;
  max-width: none !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

.modal_newsletter_popup .newsletter_popup {
  width: auto !important;
}

.pd-popup-wrap {
  display: flex;
  min-height: 500px;
}

.pd-popup-image {
  flex: 0 0 45%;
  overflow: hidden;
}

.pd-popup-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}

.pd-popup-content {
  flex: 0 0 55%;
  font-family: var(--sans);
  background: #faf8f5;
  padding: 50px 45px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.pd-popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #555;
  padding: 5px;
  line-height: 1;
}

.pd-popup-close span {
  font-size: 22px;
}

.pd-popup-heading {
  font-family: var(--sans);
  font-size: var(--fs-title);
  font-weight: 400;
  letter-spacing: var(--ls-xl);
  text-transform: uppercase;
  color: #1a1a1a;
  text-align: left;
  margin-bottom: 16px;
  line-height: 1.3;
}

.pd-popup-subtext {
  font-size: var(--fs-body);
  color: #666;
  text-align: justify;
  line-height: 1.7;
  margin-bottom: 28px;
}

.pd-popup-form {
  display: flex;
  flex-direction: column;
}

.pd-popup-field {
  margin-bottom: 22px;
}

.pd-popup-field input {
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #bbb !important;
  background: transparent;
  padding: 8px 0;
  font-size: var(--fs-body);
  color: #333;
  outline: none;
  border-radius: 0;
  box-shadow: none !important;
}

.pd-popup-field input::placeholder {
  color: #aaa;
}

.pd-popup-field input:focus {
  border-bottom-color: #880000 !important;
}

.pd-popup-btn {
  width: 100%;
  border: 1px solid #333;
  background: transparent;
  color: #333;
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
  padding: 14px 20px;
  cursor: pointer;
  margin-top: 8px;
  transition: background 0.3s, color 0.3s;
}

.pd-popup-btn:hover {
  background: #333;
  color: #fff;
}

.pd-popup-dontshow {
  margin-top: 16px;
  text-align: center;
}

.pd-popup-dontshow label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-micro);
  color: #999;
}

@media screen and (max-width: 767px) {
  .modal_newsletter_popup .modal-inner-wrap {
    width: calc(100vw - 20px) !important;
    height: 88vh;
    max-height: 88vh;
    overflow: hidden;
  }
  .modal_newsletter_popup .modal-content,
  .modal_newsletter_popup #newsletter-popup {
    height: 100%;
  }
  .pd-popup-wrap {
    flex-direction: column;
    height: 100%;
    min-height: auto;
  }
  .pd-popup-image {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    aspect-ratio: 1;
  }
  .pd-popup-content {
    flex: 0 0 auto;
    padding: 25px 20px;
  }
  .pd-popup-subtext h3 {
    display: none;
  }
}

.category-cms {
  margin-bottom: 6.5rem;
}

.filter-wrapper {
  margin-top: 60px;
}

.page-title-wrapper {
  margin-bottom: 40px;
}

.specialdeal {
  background-image: linear-gradient(45deg, #1c0000, #460000);
  padding: 20px;
  border-radius: 20px;
}

.specialdeal a {
  color: #fdf4f4;
}

.specialdeal .price-box .special-price .price {
  color: #fdf4f4 !important;
}

.single-deal .product.name.product-item-name.specialdealheading a {
  color: #fdf4f4;
  font-size: var(--fs-title);
  margin-top: 10px;
}

.product.description.product-item-description.specialdealheading {
  color: #fdf4f4;
}

.single-deal .price-box .price {
  font-size: var(--fs-body-lg);
}

.single-deal .product-info-label .stock.stockbigger {
  font-size: var(--fs-body);
}

.single-deal .product-info-label .save-count.stockbigger {
  font-size: var(--fs-body);
}

.effective-price.price {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 10px 30px 10px 30px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s;
  width: max-content;
  max-width: 100%;
  margin-top: 10px;
}

.effective-price.price:hover {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
}

.effective-price.price .line {
  display: flex;
  align-items: center;
}

.effective-price.price img {
  width: 20px;
  margin-right: 10px;
}

.effective-price-value {
  font-size: var(--fs-body);
  font-weight: 600;
}

.best-seller-tag {
  background: radial-gradient(
      ellipse farthest-corner at right bottom,
      #fedb37 0%,
      #fdb931 8%,
      #9f7928 28%,
      #8a6e2f 42%,
      transparent 80%
    ),
    radial-gradient(
      ellipse farthest-corner at left top,
      #ffffac 0%,
      #d1b464 20%,
      #5d4a1f 62.5%,
      #5d4a1f 100%
    );
  color: white;
  padding: 1% 2% 1% 2%;
  position: absolute;
  top: 0px;
  right: 0px;
  font-family: var(--sans);
  border-top-right-radius: 5px;
  z-index: 1;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.best-seller-tag-visible {
  opacity: 1 !important;
}

.truckanimate {
  animation: truck 1s linear;
  overflow: hidden;
}

@keyframes truck {
  0% {
    width: 0%;
  }
  50% {
    width: 60%;
  }
  100% {
    width: 90%;
  }
}

.product-custom-option-size {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.option-box-size {
  border: 1.5px solid #ccc;
  padding: 10px;
  cursor: pointer;
  box-sizing: border-box;
  aspect-ratio: 2 / 1;
  text-align: center;
  border-radius: 50px;
}

.selected-size {
  border: 1.5px solid #880000;
  color: #880000;
}

.price-guarantee-line {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 2px 10px 2px 10px;
  width: max-content;
  margin-top: 2px;
  position: relative;
}

.price-guarantee-popup {
  background-color: #f5f5f5;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  padding: 2px 10px 2px 10px;
  width: 150%;
  max-width: 150%;
  position: absolute;
  display: none;
  z-index: 1;
  left: auto;
}

.price-guarantee {
  max-width: 100%;
  position: relative;
  margin-bottom: 2px;
}

.newYearBanner {
  background-color: #4caf50; /* Green background color */
  color: white; /* White text color */
  text-align: center; /* Center-align the text */
  left: 0; /* Align it to the left */
  width: 100%; /* Full width */
  z-index: 1000; /* Higher z-index to appear above other elements */
  height: 0px; /* Set the desired height */
  overflow: hidden; /* Hide overflow content */
  transition: height 1s ease-in-out; /* Add a transition for the height property */
}

.newYearBanner.transition-class {
  height: 25px;
  transition: height 1s ease-in-out; /* Match the transition duration */
}

.discount-label {
  color: #880000;
  width: auto;
}

.rKzBc5Za3p {
  position: relative;
  display: block;
  cursor: pointer;
  text-align: end;
}

.dRpQm1NvWc {
  display: none;
  position: absolute;
  z-index: 10;
  background-color: #ececec;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 0;
  width: max-content;
  right: 0;
}

.dRpQm1NvWc a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
  color: #333;
}

.dRpQm1NvWc a:hover {
  background-color: #f2f2f2;
}

.rKzBc5Za3p:hover .dRpQm1NvWc {
  display: block;
}

/* Table styles */
.size-chart-table {
  width: 100%;
  border-collapse: collapse;
}

.size-chart-table th,
.size-chart-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

/* Varying colors in each line */
.size-chart-table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

.size-chart-table tbody tr:nth-child(odd) {
  background-color: #f5f5f5;;
}

/* Make the first column bold */
.size-chart-table th:first-child {
  font-weight: bold;
}

/* Set equal width for all columns */
.size-chart-table th,
.size-chart-table td {
  width: calc(
    100% / 6
  ); /* Adjust the denominator based on the number of columns */
}

/* Heading styles */
.modal-dialog h2 {
  margin-bottom: 20px;
}

header.page-header .block-search {
  margin: 0 20px 0 0;
}

header.page-header .right-content > div {
  margin-left: 10px;
}

.catalog-product-view .product-info-main .box-tocart {
  margin-top: 10px;
}

.product-details-container {
  padding: 10px;
}

.product-details-title {
  font-weight: bold;
  border-bottom: 1px solid black;
  padding-bottom: 10px;
}

.product-details-definition {
  padding: 10px;
}

.product-details-key-value-pairs {
  padding-left: 10px; /* Padding equal to the width of the title div */
  border-bottom: 1px solid black;
  padding-bottom: 10px;
}

.product-details-key-value-pair {
  display: flex;
  padding-top: 5px;
}

.product-details-key {
  font-weight: bold;
  flex-basis: 30%;
}

.product-details-value {
  flex-basis: 70%;
}

.header-area:not(.right-slide-menu)
  .horizontal-menu
  .mgs-megamenu--main
  .nav-main-menu
  li.level0 {
  padding: 0 10px !important;
}

.popup-overlay {
  position: fixed;
  bottom: 40px;
  left: -150px; /* Start off-screen */
  transition: left 2s ease; /* 2-second transition */
  z-index: 1000;
}

/* Slide in animation */
.popup-overlay.slide-in {
  left: 10px; /* Slide into view */
}

/* Style for the video player container */
.popup-container {
  max-width: 120px;
  display: flex;
  align-items: center;
}
.textfocus {
  color: #880000;
}
/* Style for the video element */
.popup-container video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

/* Style for the SALE text */
.popsale-text {
  position: absolute;
  background-color: rgb(255 255 255 / 74%);
  color: #880000;
  padding: 5px 10px;
  font-size: var(--fs-body-lg);
  font-weight: bold;
  text-align: center;
}

/* Style for the close button */
.popclose-button {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: var(--fs-label);
  padding: 0px 7px;
  border-radius: 50%;
}

/* Block Title styling */
.block-title {
  font-size: var(--fs-label);
  font-weight: bold;
  color: #000; /* Black color for emphasis */
  margin-bottom: 15px; /* Space below the title */
  border-bottom: 2px solid #e0e0e0; /* Bottom border to separate title */
  text-transform: uppercase; /* Uppercase text */
}

/* Hide Shopping Options subtitle with !important */
.filter-subtitle {
  display: none !important; /* Completely hide the "Shopping Options" subtitle */
}

/* Filter Options Titles */
.filter-options-title {
  font-size: var(--fs-label);
  font-weight: 600;
  color: #666666; /* Slightly darker grey */
  margin-top: 20px; /* Space above each filter section */
  margin-bottom: 10px; /* Space below the title */
  text-transform: uppercase; /* Uppercase text */
}

/* Filter Options List */
.filter-options .items {
  list-style: none; /* Remove bullets */
  padding: 0; /* Remove default padding */
  margin: 0; /* Remove default margin */
}

/* Individual Filter Item */
.filter-options .item {
  margin-bottom: 10px; /* Space between filter items */
}

.filter-options .item a {
  text-decoration: none; /* Remove underline from links */
  color: #666666; /* Greyish color for links */
  font-size: var(--fs-body);
  display: inline-block; /* Ensure the link surrounds the entire item */
  padding: 5px 10px; /* Add some padding for clickable area */
  text-transform: uppercase; /* Uppercase text */
  transition: color 0.3s, text-decoration 0.3s; /* Smooth hover transition */
}

.filter-options .item a:hover {
  color: #000; /* Black text on hover */
  text-decoration: underline; /* Underline on hover */
}

/* Apply the same style to span inside price option */
.filter-options .item a span {
  color: inherit; /* Inherit the color from the parent */
}

.filter-options .item a:hover span {
  color: #000; /* Black text on hover */
}

.prommobannercustom a {
  line-height: 1.5;
}

.prommobannercustom img {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
}

.product-options-wrapper .field .price-notice .weee {
  font-size: var(--fs-body) !important;
}

/*Change on oct 25*/
.category-dicount-code.price span {
  margin-right: 0px;
}

#feasec .bannertxt {
  display: none;
}

#home-family-section .bannertxt {
  display: none;
}

.data.item.content {
  background: inherit;
}

.promobanner .text.bottom-center {
    width: 90%;
}

.sorter-label {
    font-size: var(--fs-body);
    color: #555555 !important;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
}



/* Swiper hero — allow native vertical scroll on touch devices */
.pd4-hero .swiper,
.pd4-hero .swiper-wrapper,
.pd4-hero .swiper-slide {
  touch-action: pan-y;
}

/* CLS fix: .header-area is position:fixed so header.page-header has no layout height.
   Zero it out and reserve space on main content instead. */
header.page-header {
  height: 0 !important;
  min-height: 0 !important;
}
@media (min-width: 768px) {
  main#maincontent.page-main {
    margin-top: 123px;
  }
}
@media (max-width: 767px) {
  main#maincontent.page-main {
    margin-top: 90px;
  }
}


/* ============================================================
   PD4 Category Grid — shared across all category pages
   ============================================================ */
#pd4{--gold:#c9a96e;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Montserrat',system-ui,sans-serif;--ease:cubic-bezier(.25,.46,.45,.94);--ease-out:cubic-bezier(0,0,.2,1);--fs-body-lg:clamp(14px,1.8vw,20px);--fs-micro:14px;--ls-normal:4px;}
#pd4,#pd4 *{box-sizing:border-box;}
#pd4 a{text-decoration:none;}
.r-scale{opacity:0;transform:scale(.93);transition:opacity .75s var(--ease-out,cubic-bezier(0,0,.2,1)),transform .75s var(--ease-out,cubic-bezier(0,0,.2,1));}
.r-scale.in{opacity:1;transform:scale(1);}
.d1{transition-delay:.07s!important}.d2{transition-delay:.16s!important}.d3{transition-delay:.25s!important}.d4{transition-delay:.34s!important}
.pd4-grid-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,transparent 55%);transition:background .4s;}
.pd4-grid-body{position:absolute;bottom:0;left:0;right:0;padding:26px 20px;z-index:2;}
.pd4-grid-tag{display:block;font-family:var(--sans);font-size:var(--fs-micro);letter-spacing:var(--ls-normal);color:var(--gold);text-transform:uppercase;margin-bottom:7px;opacity:0;transform:translateY(8px);transition:opacity .3s var(--ease) .08s,transform .3s var(--ease) .08s;}
.pd4-grid-name{display:block;font-family:var(--serif);font-size:var(--fs-body-lg);font-weight:400;letter-spacing:var(--ls-normal);text-transform:uppercase;color:#fff;line-height:1.2;margin-bottom:12px;opacity:1;transform:translateY(0);transition:transform .3s var(--ease) .06s;}
.pd4-grid-link{display:inline-block;font-family:var(--sans);font-size:var(--fs-micro);letter-spacing:var(--ls-normal);text-transform:uppercase;color:#fffaf3;border-bottom:1px solid var(--gold);padding-bottom:2px;opacity:0;transform:translateY(8px);transition:opacity .3s var(--ease) .14s,transform .3s var(--ease) .14s;}
#pd4 .pd4-cat-wrap .pdframe .line{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:2px!important;background:#111;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;}
#pd4 .pd4-cat-wrap .pdframe .line>.col-des-3{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;flex:none!important;aspect-ratio:2/3;overflow:hidden;position:relative;background:#1a1a1a;}
#pd4 .pd4-cat-wrap .pdframe .line>.col-des-3>.line,
#pd4 .pd4-cat-wrap .pdframe .line>.col-des-3>.line>.panel-block-row,
#pd4 .pd4-cat-wrap .pdframe .line>.col-des-3>.line>.panel-block-row>a{display:block!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;max-width:none!important;}
#pd4 .pd4-cat-wrap .promobanner{width:100%!important;height:100%!important;position:relative;overflow:hidden;display:block;}
#pd4 .pd4-cat-wrap img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;opacity:0;transition:opacity .45s ease,transform .9s var(--ease);}
#pd4 .pd4-cat-wrap img.pd4-loaded{opacity:1;transform:scale(1);}
#pd4 .pd4-cat-wrap .col-des-3:hover img{transform:scale(1.07)!important;}
#pd4 .pd4-cat-wrap .col-des-3:hover .pd4-grid-veil{background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.12) 65%);}
#pd4 .pd4-cat-wrap .pd4-grid-name{opacity:1!important;transform:translateY(0)!important;}
#pd4 .pd4-cat-wrap .col-des-3:hover .pd4-grid-tag,
#pd4 .pd4-cat-wrap .col-des-3:hover .pd4-grid-link{opacity:1!important;transform:translateY(0)!important;}
#pd4 .pd4-cat-wrap .col-des-3:hover .pd4-grid-name{transform:translateY(-4px)!important;}
#pd4 .prommobannercustom{margin:0!important;padding:0!important;}
#pd4 .pd4-cat-wrap .text.bottom-center{display:none!important;}
@media(max-width:900px){#pd4 .pd4-cat-wrap .pdframe .line{grid-template-columns:repeat(2,1fr)!important;}}