@charset "UTF-8";
/*
 Theme Name:     Rookes Pet Products
 Theme URI:      https://www.detype.com
 Description:    Custom theme
 Author:         DeType
 Author URI:     https://www.detype.com
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
p,
body,
.html {
  letter-spacing: -0.05em !important;
}


.wpgb-card-body mark {
  background-color: #DC1F1D;
  color: white;
}


.summary .stock {
  padding-bottom: 0px !important;
  color: darkgreen !important;
  font-size: 16px !important;
  padding-top: 5px;
}

.summary .warehouse-available {
  padding-bottom: 0px !important;
  color: darkblue;
}

.summary .warehouse-order {
  padding-bottom: 0px !important;
  color: #747474;
}

/* Customize your quick view modal styles here */
section.archive_products_header>Div {
  width: 100%;
  max-width: 90%;
}

.archive .bg-col {
  padding-top: 24px;
}

.feature_products_slider ul .slick-list {
  margin-left: 0px;
}

.feature_products_slider ul li {
  margin: 0px 0 0 20px;
  z-index: 2;
  border-radius: 6px !important;
}

@media (min-width: 980px) {
  .feature_products_slider ul li:first-child {
    margin-left: 100px;
  }
}

.feature_products_slider ul li .background_expand {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  -webkit-transition: opacity 1.15s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition: opacity 1.15s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition: transform 1.15s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition: transform 1.15s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.15s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.feature_products_slider ul li .background_expand:before {
  z-index: -2;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
  transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
  transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
  transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
  -webkit-box-shadow: 0 5px 75px -10px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 75px -10px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.feature_products_slider ul li:hover .background_expand {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.feature_products_slider ul li:hover .background_expand:before {
  opacity: 1;
  pointer-events: all;
}

.quantity .minus~input[type=number]::-webkit-inner-spin-button,
.quantity .minus~input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cd-quick-view {
  /* quick view non available on small devices */
  display: none;
  height: 550px;
}

@media only screen and (min-width: 1024px) {
  body::after {
    /* dark overlay layer - visible when we fire .cd-quick-view */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(71, 55, 78, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 999999;
  }

  body.overlay-layer::after {
    content: "";
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
  }

  .cd-quick-view {
    display: block;
    position: fixed;
    max-width: 1050px;
    visibility: hidden;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: left, top, width;
    z-index: 9999999;
  }

  .cd-quick-view:after {
    content: "";
    display: table;
    clear: both;
  }

  .cd-quick-view.is-visible {
    /* class added when user clicks on .cd-trigger */
    visibility: visible;
  }

  .cd-quick-view.animate-width {
    /* class added at the end of the first zoom-in animation */
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 0.3s;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  }
}

.cd-slider-wrapper {
  position: relative;
  display: inline-block;
  float: left;
}

.cd-slider-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-slider {
  float: left;
}

.cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.cd-slider li img {
  display: block;
  width: 100%;
  height: 550px;
  -o-object-fit: cover;
  object-fit: cover;
}

.cd-slider li.selected {
  position: relative;
  z-index: 3;
}

.add-content .cd-slider {
  width: 552px;
  border-right: 2px solid #f1f1f1;
  margin-right: 50px;
}

.cd-item-info .quantity {
  width: auto;
}

.cd-slider-navigation {
  opacity: 0;
}

.add-content .cd-slider-navigation {
  opacity: 1;
}

.cd-item-info {
  position: absolute;
  padding: 50px 50px 0 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0s;
  transition: opacity 0.3s, visibility 0s;
  height: 494px;
  overflow-x: hidden;
  overflow-y: auto;
}

.cd-item-info .cd-item-action li {
  display: inline-block;
}

.add-content .cd-item-info {
  /* class added at the end of the width animation, used to show the content */
  position: relative;
  visibility: visible;
  opacity: 1;
}

.add-content .cd-item-info h2 {
  -webkit-animation: cd-slide-in 0.3s;
  animation: cd-slide-in 0.3s;
}

.add-content .cd-item-info p {
  -webkit-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s;
}

.add-content .cd-item-info .cd-item-action {
  -webkit-animation: cd-slide-in 0.5s;
  animation: cd-slide-in 0.5s;
}

.new-model .quickViewButtonWrap {
  width: calc(100% - 550px);
  position: fixed;
  bottom: 0px;
  right: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.new-model .quickViewButtonWrap button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0 !important;
  border: none !important;
}

.new-model .quickViewButtonWrap .full-product-link {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  left: auto;
  right: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 0;
  font-size: 12px;
  background-color: #f1f1f1;
}

.new-model .quickViewButtonWrap .full-product-link a {
  padding: 16px 15px;
  display: block;
}

@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes cd-slide-in {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.cd-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
  -webkit-transition: visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  transition: visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0.3s;
  transition: transform 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
}

.cd-close::before,
.cd-close::after {
  content: "";
  /* close icon in css */
  position: absolute;
  top: 12px;
  left: 5px;
  display: inline-block;
  height: 4px;
  width: 20px;
  background: #47374e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-close::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.no-touch .cd-close:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.add-content .cd-close {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s;
  -webkit-transition: visibility 0s 0s, -webkit-transform 0.3s 0s;
  transition: visibility 0s 0s, -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s;
  transition: transform 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
}

.rook_archive_product_items .rook_archive_product_item .cd-trigger {
  background-color: #C81111 !important;
  color: #FFF;
  text-align: center;
  padding: 8px 5px !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.rook_archive_product_items .rook_archive_product_item .cd-trigger span {
  position: relative;
}

.rook_archive_product_items .rook_archive_product_item .cd-trigger span:after {
  content: "";
  width: 0px;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 2px auto 0 auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
}

.rook_archive_product_items .rook_archive_product_item .cd-trigger .preloader_icon {
  display: none;
}

.rook_archive_product_items .rook_archive_product_item .cd-trigger .preloader_icon img {
  width: 24px;
  display: block;
  margin-bottom: 0 !important;
  margin-left: 5px !important;
}

.rook_archive_product_items .rook_archive_product_item .cd-trigger:hover span:after {
  width: 75px;
}

.rook_archive_product_items .rook_archive_product_item:hover {
  z-index: 2;
}

.rook_archive_product_items .rook_archive_product_item:hover .cd-trigger {
  opacity: 1;
}

.feature_products_slider ul li .cd-trigger {
  background-color: #C81111 !important;
  color: #FFF;
  text-align: center;
  padding: 8px 5px !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature_products_slider ul li .cd-trigger span {
  position: relative;
}

.feature_products_slider ul li .cd-trigger span:after {
  content: "";
  width: 0px;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 2px auto 0 auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
}

.feature_products_slider ul li .cd-trigger .preloader_icon {
  display: none;
}

.feature_products_slider ul li .cd-trigger .preloader_icon img {
  width: 24px;
  display: block;
  margin-bottom: 0 !important;
  margin-left: 5px !important;
}

.feature_products_slider ul li .cd-trigger:hover span:after {
  width: 75px;
}

.feature_products_slider ul li:hover {
  z-index: 2;
}

.feature_products_slider ul li:hover .cd-trigger {
  opacity: 1;
}

@media only screen and (max-width: 1025px) {
  .cd-trigger {
    display: none !important;
  }
}

.main-item-info .product_title {
  font-size: 32px;
  font-weight: bold;
}

.main-item-info p.price {
  display: block;
  color: inherit;
  font-size: 30px;
  line-height: 30px;
  margin-top: 0.5em;
  padding-bottom: 1.3em;
}

.main-item-info .stock {
  color: #c81111;
}

.main-item-info form.cart div.quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-item-info form.cart div.quantity button {
  background-color: #fff !important;
  cursor: pointer;
  border-color: #C81111;
  border-width: 2px;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-item-info form.cart div.quantity button:hover {
  background-color: #C81111 !important;
}

.main-item-info form.cart {
  margin: 20px 0;
}

.main-item-info .variations th {
  text-align: left;
}

.cd-item-info .quickViewButtonWrap .full-product-link {
  display: block;
}

/* Signle product page styling */
.single-product div#main-content .container {
  padding-top: 10px;
  width: 90% !important;
  max-width: 1200px !important;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images {
  border: 1px solid #efefef;
}

/* nav.woocommerce-breadcrumb a{
	font-size: 10px !important;
	font-weight: 100;
} */
.woocommerce div.product div.summary {
  padding: 0px;
}

body.woocommerce.single-product section.related.products {
  margin-top: 50px !important;
  margin-bottom: 70px !important;
}

/* Team page and popup settings */
.teamcol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.teamcol>div {
  width: 32%;
  background-color: #efefef;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 2.551% !important;
}

.teamcol>div:hover img {
  border: 4px solid #efefef;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}

.teamcol>div img {
  border: 0px solid #efefef;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}

.teamcol>div .et_pb_member_position {
  display: none !important;
}

#et-boc .area-outer-wrap[data-da-type=popup] {
  padding: 0px;
  width: 100% !important;
  left: 0px !important;
}

a.da-close.evr-close {
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
}

@media only screen and (max-width: 900px) {
  .teamcol>div {
    width: 32% !important;
  }
}

@media only screen and (max-width: 600px) {
  .teamcol>div {
    width: 100% !important;
  }
}

.teamcol .et_pb_team_member_image {
  min-width: 100%;
  background-color: white;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close,
#et-boc .area-outer-wrap[data-da-color=light] .da-close:hover {
  cursor: url("/wp-content/uploads/2023/11/close-2.png"), auto !important;
}

/* custom cursor for featured product slider */
.feature_products_slider,
ul.slick-initialized.slick-slider:hover,
.feature_product_slide img:hover,
.feature_products_home:hover {
  cursor: url("/wp-content/uploads/scroll-verti.png"), auto !important;
}

/* custom header and footer */
#et-secondary-menu {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.timeonmenu {
  pointer-events: none;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px !important;
}

.et_header_style_left #et-top-navigation nav>ul>li>a {
  font-weight: 400;
}

.footer-rooks-logo {
  max-width: 200px !important;
}

div#custom_html-3 {
  text-align: center !important;
}

div#custom_html-3 li {
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin: 10px 0px 0px;
}

div#custom_html-3 li::before {
  display: none;
}

.footer-cat-dog {
  max-height: 300px;
  width: auto;
}

div#custom_html-5 {
  min-width: 100%;
  text-align: center;
}

@media (min-width: 981px) {
  .myaccountbtn {
    border: 2px solid #c81111;
    border-radius: 40px;
    background: #c81111;
    -webkit-transition: all 0.3s 0s;
    transition: all 0.3s 0s;
    margin-top: -10px;
  }

  .myaccountbtn a,
  .et-fixed-header #top-menu .myaccountbtn a {
    padding: 10px 20px !important;
    color: white !important;
  }

  .myaccountbtn:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.2s 0s;
    transition: all 0.2s 0s;
    background-color: transparent;
  }

  .myaccountbtn:hover a,
  .et-fixed-header #top-menu .myaccountbtn:hover a {
    color: #c81111 !important;
  }

  .myaccountbtn:hover a:after {
    display: none !important;
  }
}

@media (max-width: 980px) {
  #top-menu {
    display: none !important;
  }

  #top-menu>li {
    display: none;
  }

  #top-menu>li.mob-cta {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .mob-cta a {
    font-size: 20px !important;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .mob-cta a span.et-pb-icon {
    font-size: 20px;
  }

  #et_search_icon:before {
    top: 10px;
  }

  li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-7372,
  li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-7373,
  li.timeonmenu.first.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-7375 {
    display: none;
  }

  #mobile_menu li.mob-cta {
    display: none !important;
  }
}

.container.clearfix.et_menu_container {
  width: 96% !important;
  max-width: 96% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.et_fullwidth_nav #top-menu li.mega-menu>ul {
  width: 100%;
  left: 0px !important;
  right: 0px !important;
  min-width: 100vh !important;
}

.menu-item-7385>a:before {
  font-family: "ETMODULES";
  content: "\e075";
  text-align: center;
  vertical-align: bottom;
  margin-right: 10px;
  color: #c81111;
  font-size: 1.2em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#top-menu-nav>ul>li>a {
  display: inline-block;
  position: relative;
  padding-bottom: 1px;
}

#top-menu-nav>ul>li>a:after {
  content: "";
  display: block;
  height: 2px;
  width: 0px;
  background: transparent;
  -webkit-transition: width 0.5s ease, background-color 0.5s ease;
  transition: width 0.5s ease, background-color 0.5s ease;
}

#top-menu-nav>ul>li>a:hover:after,
#top-menu li.current-menu-item>a:after {
  width: 100%;
  background: #c81111;
  margin-top: 10px;
  margin-bottom: -10px;
}

#top-menu-nav>ul>li>a:after {
  margin-top: 10px;
  margin-bottom: -10px;
}

/* Home category CTA's */
.woocommerce.columns-3 ul.products li.product:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 15, 15, 0)), to(rgba(15, 15, 15, 0.75)));
  background: linear-gradient(to bottom, rgba(15, 15, 15, 0), rgba(15, 15, 15, 0.75) 100%);
  -webkit-transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
  height: 85%;
  display: block;
  z-index: 0;
  content: "";
}

.woocommerce.columns-3 ul.products li.product:hover:before {
  opacity: 0;
}

.woocommerce.columns-3 ul.products li.product:hover:after {
  position: absolute;
  bottom: 0;
  opacity: 1 !important;
  top: auto;
  left: 0;
  width: 100%;
  height: 85%;
  display: block;
  z-index: 0;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#c81111));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #c81111 100%);
  -webkit-transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
}

.woocommerce.columns-3 ul.products li.product:hover:after {
  opacity: 0;
  -webkit-transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
}

.woocommerce.columns-3 ul.products li.product:hover:after {
  opacity: 0;
  -webkit-transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
}

h2.woocommerce-loop-category__title {
  color: white;
  z-index: 999 !important;
  position: relative;
  padding: 0px !important;
  font-size: 21px !important;
  margin-bottom: 10px !important;
}

.rook_cat_description {
  color: white !important;
  z-index: 999999999999;
  position: relative;
  line-height: 150%;
  font-size: 13px;
}

.title_description_wrapper {
  padding: 20px;
}

.title_description_wrapper {
  padding: 20px;
  position: absolute;
  z-index: 9;
  bottom: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.product-category.product a .rook_cat_description {
  height: 0px;
  overflow: hidden;
  -webkit-transition: all cubic-bezier(0.46, 0.43, 0.1, 0.99) 0.5s;
  transition: all cubic-bezier(0.46, 0.43, 0.1, 0.99) 0.5s;
}

.product-category.product a:hover .rook_cat_description {
  height: 100px;
  -webkit-transition: all cubic-bezier(0.46, 0.43, 0.1, 0.99) 0.5s;
  transition: all cubic-bezier(0.46, 0.43, 0.1, 0.99) 0.5s;
}

.product-category.product:hover {
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
  -webkit-transition: all cubic-bezier(0.46, 0.43, 0.1, 0.99) 0.5s;
  transition: all cubic-bezier(0.46, 0.43, 0.1, 0.99) 0.5s;
}

.product-category.product {
  -webkit-transition: all cubic-bezier(0.46, 0.43, 0.1, 0.99) 0.5s;
  transition: all cubic-bezier(0.46, 0.43, 0.1, 0.99) 0.5s;
}

ul.products.columns-3 li.product-category {
  margin-bottom: 0px !important;
  width: 100% !important;
  min-height: 285px !important;
}

.home .rook_archive_product_items {
  -webkit-column-gap: 30px !important;
  -moz-column-gap: 30px !important;
  column-gap: 30px !important;
  row-gap: 30px !important;
}

/*add a neceassry position to the blog posts*/
.et_pb_blog_grid .et_pb_post,
.et_pb_posts .et_pb_post {
  position: relative;
}

/*make the title link spread over the entire post*/
.et_pb_blog_grid .et_pb_post .entry-title a:after,
.et_pb_posts .et_pb_post .entry-title a:after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/*change the mouse cursor into a pointer*/
.et_pb_blog_grid .et_pb_post:hover,
.et_pb_posts .et_pb_post:hover {
  cursor: pointer;
}

/*home blurb*/
.homeblurb {
  min-height: 285px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}

.homeblurb>div {
  margin: auto;
}

/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
  content: "M";
}

/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}

/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}

/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
  background-color: transparent;
}

/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}

/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}

/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
  text-align: center;
  opacity: 1;
}

/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
  top: 10px;
  position: relative;
  font-family: "ETModules";
  content: "3";
  color: #b5131b;
  background: #efefef;
  border-radius: 50%;
  padding: 3px;
  font-size: 30px;
}

/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
  content: "2";
}

/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
  position: absolute;
  right: 5%;
  margin-left: -20px;
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
  position: relative;
  display: block;
  bottom: 10px;
  line-height: 0;
}

/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
  background-color: #ffffff !important;
  border-radius: 10px;
}

/*hide cart*/
#top-header .et-cart-info {
  margin-left: 15px;
  display: none;
}

span.mobile_menu_bar.mobile_menu_bar_toggle {
  padding-top: 11px;
  padding-bottom: 11px !important;
}

.mobile_menu_bar:before,
.mobile_menu_bar:after {
  color: #b5131b !important;
}

#left-area {
  padding-right: 0 !important;
  float: none !important;
  width: 100% !important;
}

/* -------------------------- rooks Tags | Categories products  CSS ----------------- */
.feature_products_sliders ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.feature_products_sliders ul li {
  position: relative;
  background-color: #fff;
  border-radius: 3px !important;
  z-index: 1;
  padding: 15px !important;
  -webkit-box-shadow: 0 5px 75px -10px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 75px -10px rgba(0, 0, 0, 0.12);
}

.feature_products_sliders ul li .background_expand {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  left: 0;
  top: 0;
  border-radius: 3px !important;
  z-index: -2;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature_products_sliders ul li .img_container {
  position: relative;
}

.feature_products_sliders ul li .cd-trigger {
  position: absolute;
  left: 0;
  bottom: 0;
}

.feature_products_sliders ul li .product_image img {
  display: block;
  width: 100%;
}

.feature_products_sliders ul li .quick_view_button {
  background-color: #C81111 !important;
  color: #FFF;
  text-align: center;
  padding: 8px 5px !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature_products_sliders ul li .quick_view_button span {
  position: relative;
}

.feature_products_sliders ul li .quick_view_button span:after {
  content: "";
  width: 0;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 2px auto 0 auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
}

.feature_products_sliders ul li .quick_view_button .preloader_icon {
  display: none;
}

.feature_products_sliders ul li .quick_view_button .preloader_icon img {
  width: 24px;
  display: block;
  margin-bottom: 0 !important;
  margin-left: 5px !important;
}

.feature_products_sliders ul li .quick_view_button:hover span:after {
  width: 75px;
}

.feature_products_sliders ul li:hover {
  z-index: 2;
}

.feature_products_sliders ul li:hover .quick_view_button {
  opacity: 1;
}

.feature_products_sliders ul li:hover .background_expand {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0 5px 75px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 75px -10px rgba(0, 0, 0, 0.1);
}

.feature_products_sliders ul li .product_meta_data {
  margin-top: 10px;
}

.feature_products_sliders ul li .product_meta_data .price {
  font-size: 18px;
}

.feature_products_sliders ul .slick-list {
  margin-left: 0px;
}

.feature_products_sliders ul li .background_expand {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  -webkit-transition: opacity 1.15s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition: opacity 1.15s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition: transform 1.15s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition: transform 1.15s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.15s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.feature_products_sliders ul li .background_expand:before {
  z-index: -2;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
  transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
  transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
  transition: opacity 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1), -webkit-transform 0.4s cubic-bezier(0.2, 0.75, 0.5, 1);
  -webkit-box-shadow: 0 5px 75px -10px rgba(0, 0, 0, 0.12);
  box-shadow: 0 5px 75px -10px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.feature_products_sliders ul li:hover .background_expand:before {
  opacity: 1;
  pointer-events: all;
}

.feature_products_sliders ul li .cd-trigger {
  background-color: #C81111 !important;
  color: #FFF;
  text-align: center;
  padding: 8px 5px !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.feature_products_sliders ul li .cd-trigger span {
  position: relative;
}

.feature_products_sliders ul li .cd-trigger span:after {
  content: "";
  width: 0px;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 2px auto 0 auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
}

.feature_products_sliders ul li .cd-trigger .preloader_icon {
  display: none;
}

.feature_products_sliders ul li .cd-trigger .preloader_icon img {
  width: 24px;
  display: block;
  margin-bottom: 0 !important;
  margin-left: 5px !important;
}

.feature_products_sliders ul li .cd-trigger:hover span:after {
  width: 75px;
}

.feature_products_sliders ul li:hover {
  z-index: 2;
}

.feature_products_sliders ul li:hover .cd-trigger {
  opacity: 1;
}

.feature_products_sliders .feature_product_slide img:hover,
.feature_products_sliders .feature_products_home:hover {
  cursor: default !important;
}

@media only screen and (max-width: 1025px) {
  .cd-trigger {
    display: none !important;
  }
}

.col-new-1 {
  -ms-grid-columns: 1fr !important;
  grid-template-columns: 1fr !important;
  grid-gap: 20px !important;
}

.col-new-2 {
  -ms-grid-columns: 1fr 20px 1fr !important;
  grid-template-columns: 1fr 1fr !important;
  grid-gap: 20px !important;
}

.col-new-3 {
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr !important;
  grid-template-columns: 1fr 1fr 1fr !important;
}

.col-new-4 {
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr !important;
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

.col-new-5 {
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
}

.col-new-6 {
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
}

.col-new-7 {
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
}

.col-new-8 {
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
}

.col-new-9 {
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
}

.col-new-10 {
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
}

@media (max-width: 979px) {

  .col-new-4,
  .col-new-5,
  .col-new-6,
  .col-new-7,
  .col-new-8,
  .col-new-9,
  .col-new-10 {
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
}

@media (max-width: 767px) {

  .col-new-3,
  .col-new-4,
  .col-new-5,
  .col-new-6,
  .col-new-7,
  .col-new-8,
  .col-new-9,
  .col-new-10 {
    -ms-grid-columns: 1fr 30px 1fr !important;
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 479px) {

  .col-new-2,
  .col-new-3,
  .col-new-4,
  .col-new-5,
  .col-new-6,
  .col-new-7,
  .col-new-8,
  .col-new-9,
  .col-new-10 {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
  }
}

.bg-col {
  background-color: #f6f6f6 !important;
  padding: 80px 0;
}

.cat-col {
  max-width: 90%;
  width: 100%;
  margin: 0px auto;
}

@media only screen and (min-width: 1100px) {
  .related.products .rook_archive_product_items {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
}

.customer_also_viewed_wrapper li {
  width: 100% !important;
}

@media (max-width: 767px) {
  .wpgb-grid-1 .wpgb-sidebar-left {
    display: block;
    margin-top: 0px !important;
    position: fixed;
    z-index: 11;
    top: 0;
    left: -100%;
    padding: 20px 20px 20px !important;
    overflow-y: auto;
    height: 100vh;
    width: 100%;
    background: #fff;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
  }

  .wpgb-grid-1 .wpgb-sidebar-left.visible {
    left: 0;
  }

  .btn-open {
    display: inline-block !important;
    /* padding: 20px; */
    background-color: #c81110;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 20px;
    cursor: pointer;
    border-radius: 50%;
    position: fixed;
    left: 10px;
    bottom: 0;
    z-index: 111;
    width: 70px;
    height: 70px;
    -webkit-box-shadow: -4px 0px 19px -3px rgba(0, 0, 0, 0.39);
    box-shadow: -4px 0px 19px -3px rgba(0, 0, 0, 0.39);
  }

  .btn-open img {
    display: inline-block;
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    width: 100%;
    /* height: 25px; */
    display: block;
    /* vertical-align: middle; */
    margin-left: 0;
    padding: 15px;
  }

  .btn-open:after {
    background-image: url(/wp-content/uploads/filter-1.png);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -23px;
  }

  .btn-open.visiblebtn:after {
    background-image: url(/wp-content/uploads/close-2.png);
  }

  .btn-open:before {
    content: "Filter";
    position: absolute;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 11px;
  }

  .btn-open.visiblebtn:before {
    content: "Close";
  }

  .headerz {
    z-index: 1 !important;
  }
}

.rewards-sec {
  position: absolute;
  left: 150px;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.rewards-sec a {
  background: #c81110;
  color: #fff;
  border: 2px solid #c81110;
  font-family: "Ubuntu";
  text-transform: uppercase;
  padding: 8px 15px;
  font-size: 21px;
  border-radius: 50px;
  font-weight: 400;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.rewards-sec a:hover {
  color: #c81110;
  background: transparent;
}

.rewards-hide {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  .rewards-hide {
    display: inline-block !important;
    text-transform: uppercase;
  }

  .rewards-sec {
    display: none !important;
  }
}

@media only screen and (max-width: 980px) {
  #top-menu .rewards-hide {
    display: none !important;
  }

  #mobile_menu .rewards-hide a {
    background: #c81110;
    color: #fff;
    border: 2px solid #c81110;
    font-family: "Ubuntu";
    text-transform: uppercase;
    padding: 8px 15px;
    font-size: 15px;
    border-radius: 50px;
    font-weight: 400;
    display: block;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
  }
}

/*================================= custom header styles ================================= */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.site-header {
  width: 100%;
  background: #ffffff;
}

.mobile-label,
.hours-short {
  display: none;
}

/* --------------------------------------------------
   Top Bar
-------------------------------------------------- */
.top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 22px;
  min-height: 35px;
  padding: 0 clamp(28px, 3.5vw, 70px);
  background: #efefef;
  color: #666666;
  font-size: clamp(12px, 0.78vw, 15px);
}

.top-bar__socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 17px;
}

.top-bar__socials .et-social-icon a {
  font-size: 13px;
}

.top-bar__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: clamp(18px, 2vw, 34px);
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-width: 0;
}

.top-bar__info #et-secondary-nav li a {
  color: #666666;
  font-size: 13px;
}

.top-bar__info>* {
  white-space: nowrap;
}

/* --------------------------------------------------
   Main Header
-------------------------------------------------- */
.main-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: clamp(155px, 10.2vw, 205px) clamp(16px, 1.5vw, 28px) minmax(280px, 1fr) clamp(16px, 1.5vw, 28px) clamp(130px, 8.4vw, 165px) clamp(16px, 1.5vw, 28px) auto clamp(16px, 1.5vw, 28px) auto;
  grid-template-columns: clamp(155px, 10.2vw, 205px) minmax(280px, 1fr) clamp(130px, 8.4vw, 165px) auto auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(16px, 1.5vw, 28px);
  padding: 24px clamp(34px, 3.5vw, 70px) 20px;
}

.site-logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(150px, 10vw, 205px);
  line-height: 1;
}

.site-logo img,
.rewards-card img,
.header-icon img {
  display: block;
  max-width: 100%;
  height: auto;
}

.aws-container .aws-search-form {
  position: relative;
  width: 100%;
  min-width: 0;
}

.aws-container .aws-search-form input.aws-search-field {
  background-color: #eeeeee;
  width: 100%;
  padding: 0 58px 0 40px;
  border: 2px solid #DC1F1D !important;
  border-radius: 5px !important;
  color: #222222;
  font-size: clamp(16px, 1vw, 20px);
  outline: none;
  font-family: var(--et_global_heading_font);
}

.aws-container .aws-search-form .aws-search-btn.aws-form-btn {
  position: absolute;
  left: 0;
  top: 9px;
  z-index: 9;
  border: 0;
  background: transparent;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.aws-container .aws-search-form .aws-search-btn.aws-form-btn .aws-search-btn_icon {
  fill: #DC1F1D;
}

.rewards-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(130px, 8.4vw, 165px);
}

.primary-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: clamp(20px, 1.5vw, 32px);
  font-size: clamp(18px, 1.15vw, 23px);
  white-space: nowrap;
  font-family: var(--et_global_heading_font);
}

.primary-nav a {
  position: relative;
  padding: 8px 0 12px;
}

.primary-nav a.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #DC1F1D;
}

.header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 14px;
}

.header-icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.header-icon--basket span {
  position: absolute;
  top: -9px;
  right: -10px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #b80d1b;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.mobile-menu-toggle {
  display: none;
}

/* --------------------------------------------------
   Category Menu
-------------------------------------------------- */
.shop-strip {
  width: 100%;
  padding: 0 clamp(34px, 3.5vw, 70px) 26px;
}

body.sticky-shop-strip .shop-strip {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: rgba(255, 255, 255, 0.9098039216);
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  padding: 10px clamp(34px, 3.5vw, 70px);
}

body.sticky-shop-strip.admin-bar .shop-strip {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.sticky-shop-strip.admin-bar .shop-strip {
    top: 46px;
  }
}

.shop-menu-toggle {
  display: none;
}

.category-menu {
  position: relative;
  width: 100%;
  font-family: var(--et_global_heading_font);
}

.category-menu>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.category-menu>ul>li {
  position: relative;
  font-size: 18px;
}

.category-menu>ul>li.mega-menu {
  position: static;
}

.category-menu>ul>li.mega-menu.column-1>ul.sub-menu {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}

.category-menu>ul>li.mega-menu.column-2>ul.sub-menu {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.category-menu>ul>li.mega-menu.column-3>ul.sub-menu {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.category-menu>ul>li.mega-menu.column-4>ul.sub-menu {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}

.category-menu>ul>li.mega-menu.column-5>ul.sub-menu {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.category-menu>ul>li.mega-menu.column-6>ul.sub-menu {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}

.category-menu>ul>li.mega-menu.column-7>ul.sub-menu {
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}

.category-menu>ul>li.mega-menu.column-8>ul.sub-menu {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}

.category-menu>ul>li.mega-menu>ul.sub-menu {
  display: -ms-grid !important;
  display: grid !important;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  border: 1px solid #eaeaea;
  border-radius: 0 0 8px 8px;
  padding: clamp(24px, 3vw, 40px) clamp(34px, 4vw, 70px);
  z-index: 999;
  white-space: normal;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}

.category-menu>ul>li.mega-menu>ul.sub-menu>li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.category-menu>ul>li.mega-menu>ul.sub-menu>li>a {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  color: #222222;
  letter-spacing: 0.5px;
  padding-bottom: 8px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.category-menu>ul>li.mega-menu>ul.sub-menu>li>a:hover {
  color: #DC1F1D;
}

.category-menu>ul>li.mega-menu>ul.sub-menu>li ul.sub-menu {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  position: static;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
  pointer-events: auto;
}

.category-menu>ul>li.mega-menu>ul.sub-menu>li ul.sub-menu li a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  padding: 4px 0;
  -webkit-transition: color 0.2s ease, padding-left 0.2s ease;
  transition: color 0.2s ease, padding-left 0.2s ease;
  text-transform: none;
  letter-spacing: normal;
}

.category-menu>ul>li.mega-menu>ul.sub-menu>li ul.sub-menu li a:hover {
  color: #DC1F1D;
}

.category-menu>ul>li:not(.mega-menu)>ul.sub-menu {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  max-height: none;
  background: #ffffff;
  -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  border: 1px solid #eaeaea;
  border-radius: 0 0 8px 8px;
  padding: 20px;
  z-index: 999;
  white-space: normal;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  pointer-events: none;
}

.category-menu>ul>li:not(.mega-menu)>ul.sub-menu>li {
  display: block;
  width: 100%;
}

.category-menu>ul>li:not(.mega-menu)>ul.sub-menu>li>a {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #222222;
  padding: 6px 0;
  -webkit-transition: color 0.2s ease, padding-left 0.2s ease;
  transition: color 0.2s ease, padding-left 0.2s ease;
  text-transform: none;
  letter-spacing: normal;
}

.category-menu>ul>li:not(.mega-menu)>ul.sub-menu>li>a:hover {
  color: #DC1F1D;
}

.category-menu>ul>li:not(.mega-menu)>ul.sub-menu>li ul.sub-menu {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
  position: absolute;
  left: 100%;
  top: 0;
  width: 220px;
  background: #ffffff;
  -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  border: 1px solid #eaeaea;
  border-radius: 8px;
  padding: 14px 18px;
  z-index: 999;
  white-space: normal;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  pointer-events: none;
}

.category-menu>ul>li:not(.mega-menu)>ul.sub-menu>li ul.sub-menu li a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  padding: 4px 0;
  -webkit-transition: color 0.2s ease, padding-left 0.2s ease;
  transition: color 0.2s ease, padding-left 0.2s ease;
}

.category-menu>ul>li:not(.mega-menu)>ul.sub-menu>li ul.sub-menu li a:hover {
  color: #DC1F1D;
  padding-left: 6px;
}

.category-menu>ul>li:not(.mega-menu)>ul.sub-menu>li:hover>ul.sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  pointer-events: auto;
}

.category-menu>ul>li:first-child>a {
  border: 2px solid #DC1F1D;
  color: #DC1F1D;
  background: #ffffff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  border-radius: 6px;
  font-size: 18px;
}

.category-menu>ul>li:last-child>a {
  background-color: #DC1F1D;
  border: 2px solid #DC1F1D;
  color: #FFFFFF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  border-radius: 6px;
  font-size: 18px;
}

.category-menu>ul>li a {
  color: #000000;
  font-weight: 700;
  padding: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.category-menu>ul>li.menu-item-has-children>a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}

.category-menu>ul>li:hover>ul.sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto;
}

.notice-bar {
  font-family: var(--et_global_heading_font);
  padding: 13px 24px;
  background: #DC1F1D;
  color: #ffffff;
  text-align: center;
  font-size: clamp(18px, 1.15vw, 22px);
  font-weight: 800;
}

.demo-content {
  padding: 38px clamp(34px, 3.5vw, 70px);
}

/* --------------------------------------------------
   Full Screen Overlays
-------------------------------------------------- */
.mobile-menu-overlay,
.shop-menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(225, 27, 34, 0.96);
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
}

.mobile-menu-overlay.is-open,
.shop-menu-overlay.is-open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.mobile-menu-overlay__inner,
.shop-menu-overlay__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 70px clamp(28px, 6vw, 72px) 48px;
  overflow-y: auto;
}

.overlay-close {
  position: absolute;
  top: 24px;
  right: clamp(24px, 5vw, 58px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: transparent;
  color: #ffffff;
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
}

.mobile-overlay-nav,
.shop-overlay-nav,
.overlay-kicker {
  width: min(760px, 100%);
  margin-right: auto;
  margin-left: auto;
  font-family: var(--et_global_heading_font);
}

.mobile-overlay-nav,
.shop-overlay-nav {
  display: block;
}

.mobile-overlay-nav li,
.shop-overlay-nav li {
  position: relative;
  list-style: none;
}

.mobile-overlay-nav li.menu-item-has-children>a,
.shop-overlay-nav li.menu-item-has-children>a {
  padding-right: 50px;
}

.mobile-overlay-nav li.menu-item-has-children>a::after,
.shop-overlay-nav li.menu-item-has-children>a::after {
  display: none !important;
}

.mobile-overlay-nav li ul.sub-menu,
.shop-overlay-nav li ul.sub-menu {
  display: none;
  padding-left: 20px;
  margin: 0;
  border-left: 2px solid rgba(255, 255, 255, 0.15);
}

.mobile-overlay-nav li ul.sub-menu li a,
.shop-overlay-nav li ul.sub-menu li a {
  font-size: clamp(18px, 3.2vw, 24px);
  font-weight: 600;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  text-transform: none;
  letter-spacing: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* &::after {
    content: "›" !important;
    font-weight: 400;
    display: inline-block !important;
  } */
}

.mobile-overlay-nav li ul.sub-menu li.menu-item-has-children>a::after,
.shop-overlay-nav li ul.sub-menu li.menu-item-has-children>a::after {
  display: none !important;
}

.mobile-overlay-nav li ul.sub-menu li ul.sub-menu,
.shop-overlay-nav li ul.sub-menu li ul.sub-menu {
  padding-left: 15px;
  border-left: 1px dashed rgba(255, 255, 255, 0.12);
}

.mobile-overlay-nav li ul.sub-menu li ul.sub-menu li a,
.shop-overlay-nav li ul.sub-menu li ul.sub-menu li a {
  font-size: clamp(16px, 2.8vw, 20px);
  font-weight: 400;
}

.mobile-overlay-nav a,
.shop-overlay-nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.38);
  color: #ffffff;
  font-size: clamp(22px, 3.7vw, 38px);
  font-weight: 800;
  line-height: 1.05;
  /* &::after {
    content: "›";
    font-weight: 400;
  } */
}

.mobile-overlay-nav .submenu-toggle,
.shop-overlay-nav .submenu-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 52px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  -webkit-transition: color 0.2s ease, -webkit-transform 0.3s ease;
  transition: color 0.2s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, color 0.2s ease;
  transition: transform 0.3s ease, color 0.2s ease, -webkit-transform 0.3s ease;
}

.mobile-overlay-nav .submenu-toggle:hover,
.shop-overlay-nav .submenu-toggle:hover {
  color: #ffffff;
}

.mobile-overlay-nav .submenu-toggle.is-active,
.shop-overlay-nav .submenu-toggle.is-active {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.overlay-kicker {
  margin-bottom: 16px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* --------------------------------------------------
   Compact Desktop
-------------------------------------------------- */
@media (max-width: 1500px) {
  .top-bar__info {
    gap: 18px;
  }

  .main-header {
    -ms-grid-columns: 165px minmax(260px, 1fr) auto auto;
    grid-template-columns: 165px minmax(260px, 1fr) auto auto;
  }

  .rewards-card {
    display: none;
  }

  .primary-nav {
    gap: 22px;
    font-size: 20px;
  }

  .category-menu {
    gap: 16px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .category-menu::-webkit-scrollbar {
    display: none;
  }
}

/* --------------------------------------------------
   Tablet and Small Screens
-------------------------------------------------- */
@media (max-width: 1200px) {
  .top-bar {
    padding: 7px 24px;
    font-size: 13px;
  }

  .top-bar__info {
    gap: 10px 18px;
  }

  .top-bar .opening-hours:nth-of-type(n+2) {
    display: none;
  }

  .main-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 18px auto 18px 1fr 18px auto;
    grid-template-columns: auto auto 1fr auto;
    -ms-grid-rows: auto 16px auto;
    grid-template-rows: auto auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px 18px;
    padding: 18px 24px;
  }

  .main-header>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .main-header>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .main-header>*:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }

  .main-header>*:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }

  .main-header>*:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .main-header>*:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .main-header>*:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }

  .main-header>*:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }

  .site-logo {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    width: clamp(120px, 9vw, 150px);
  }

  .shop-menu-toggle--mobile {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: auto;
    min-height: 40px;
    padding: 8px 16px;
    background: #DC1F1D;
    color: #ffffff;
    border: 2px solid #DC1F1D;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
  }

  .shop-menu-toggle--mobile span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2.5px solid #ffffff;
    border-bottom: 2.5px solid #ffffff;
    -webkit-transform: rotate(45deg) translateY(-2px);
    transform: rotate(45deg) translateY(-2px);
    margin-left: 4px;
  }

  .rewards-card {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-grid-column-align: center;
    justify-self: center;
    width: clamp(120px, 9vw, 150px);
    margin: 0 auto;
  }

  .header-actions {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column-align: end;
    justify-self: end;
  }

  .aws-container {
    grid-column: 1/-1;
    -ms-grid-row: 2;
    grid-row: 2;
    width: 100%;
  }

  .primary-nav {
    display: none;
  }

  .mobile-menu-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 2px solid #DC1F1D;
    border-radius: 5px;
    background: #ffffff;
    cursor: pointer;
  }

  .mobile-menu-toggle span,
  .mobile-menu-toggle span::before,
  .mobile-menu-toggle span::after {
    display: block;
    width: 21px;
    height: 2px;
    background: #DC1F1D;
  }

  .mobile-menu-toggle span {
    position: relative;
  }

  .mobile-menu-toggle span::before,
  .mobile-menu-toggle span::after {
    content: "";
    position: absolute;
    left: 0;
  }

  .mobile-menu-toggle span::before {
    top: -7px;
  }

  .mobile-menu-toggle span::after {
    top: 7px;
  }

  .shop-strip {
    display: none !important;
  }

  .notice-bar {
    font-size: 18px;
  }
}

/* --------------------------------------------------
   Mobile
-------------------------------------------------- */
@media (max-width: 767px) {
  .desktop-label {
    display: none;
  }

  .mobile-label {
    display: inline;
  }

  .top-bar {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 16px;
    font-size: 13px;
    line-height: 1.35;
  }

  .top-bar__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    font-size: 16px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .top-bar__info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .top-bar .opening-hours {
    display: none;
  }

  .main-header {
    -ms-grid-columns: auto 14px auto 14px 1fr 14px auto;
    grid-template-columns: auto auto 1fr auto;
    gap: 12px 14px;
    padding: 14px 16px 12px;
  }

  .site-logo {
    width: 105px;
  }

  .shop-menu-toggle--mobile {
    padding: 6px 12px;
    min-height: 34px;
    font-size: 15px;
    border-radius: 5px;
  }

  .shop-menu-toggle--mobile span {
    width: 6px;
    height: 6px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(45deg) translateY(-1.5px);
    transform: rotate(45deg) translateY(-1.5px);
    margin-left: 2px;
  }

  .rewards-card {
    display: none !important;
  }

  .header-search {
    grid-column: 1/-1;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 4px;
  }

  .header-search input {
    height: 44px;
    padding: 0 48px 0 14px;
    font-size: 15px;
  }

  .header-search button {
    right: 14px;
    width: 25px;
    height: 25px;
  }

  .header-actions {
    gap: 12px;
  }

  .header-icon {
    width: 24px;
    height: 24px;
  }

  .header-icon--basket span {
    top: -8px;
    right: -9px;
    width: 21px;
    height: 21px;
    font-size: 11px;
  }

  .mobile-menu-toggle {
    width: 36px;
    height: 36px;
  }

  .notice-bar {
    padding: 10px 14px;
    font-size: 15px;
    line-height: 1.35;
  }

  .mobile-menu-overlay__inner,
  .shop-menu-overlay__inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 78px 28px 34px;
  }

  .overlay-close {
    top: 22px;
    right: 22px;
    width: 42px;
    height: 42px;
    font-size: 34px;
  }

  .mobile-overlay-nav a,
  .shop-overlay-nav a {
    padding: 13px 0;
    font-size: 26px;
  }

  .shop-overlay-nav a {
    font-size: 22px;
  }

  .overlay-kicker {
    margin-bottom: 12px;
    font-size: 14px;
  }

  .demo-content {
    padding: 28px 16px;
  }
}

/* --------------------------------------------------
   V6 refinements
   - Keep desktop layout active for longer
   - Show Rewards on tablet
   - Slightly reduce search width/height
   - Move Shop button beside logo on mobile
-------------------------------------------------- */
.header-search {
  max-width: 760px;
}

.header-search input {
  height: 44px;
  font-size: clamp(15px, 0.92vw, 18px);
}

.main-header>.shop-menu-toggle--mobile {
  display: none;
}

@media (max-width: 1500px) {
  .main-header {
    -ms-grid-columns: 155px clamp(14px, 1.15vw, 22px) minmax(230px, 0.9fr) clamp(14px, 1.15vw, 22px) 130px clamp(14px, 1.15vw, 22px) auto clamp(14px, 1.15vw, 22px) auto;
    grid-template-columns: 155px minmax(230px, 0.9fr) 130px auto auto;
    gap: clamp(14px, 1.15vw, 22px);
  }

  .rewards-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 130px;
  }

  .primary-nav {
    gap: clamp(18px, 1.2vw, 26px);
    font-size: clamp(17px, 1vw, 20px);
  }

  .category-menu {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: clamp(18px, 1.8vw, 38px);
    overflow-x: visible;
    font-size: clamp(16px, 1vw, 20px);
  }

  .category-menu__button {
    min-width: clamp(130px, 8vw, 175px);
    min-height: 44px;
    font-size: clamp(16px, 0.95vw, 19px);
  }
}

/* Keep full desktop menu until 1024px, so tablet mode does not start too early */
@media (min-width: 1025px) and (max-width: 1200px) {
  .top-bar {
    padding: 7px 28px;
  }

  .top-bar .opening-hours:nth-of-type(n+2) {
    display: inline;
  }

  .main-header {
    -ms-grid-columns: 145px 16px minmax(220px, 1fr) 16px 125px 16px auto 16px auto;
    grid-template-columns: 145px minmax(220px, 1fr) 125px auto auto;
    gap: 16px;
    padding: 20px 28px 18px;
  }

  .site-logo {
    width: 145px;
  }

  .header-search {
    max-width: 640px;
  }

  .rewards-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
  }

  .primary-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    font-size: 18px;
  }

  .mobile-menu-toggle {
    display: none;
  }

  .shop-strip {
    padding: 0 28px 20px;
  }

  .shop-strip>.shop-menu-toggle {
    display: none;
  }

  .category-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 22px;
    overflow-x: auto;
    scrollbar-width: none;
    font-size: 18px;
  }

  .category-menu::-webkit-scrollbar {
    display: none;
  }
}

/* True tablet layout */
@media (max-width: 1024px) {
  .main-header {
    -ms-grid-columns: 150px 16px minmax(260px, 1fr) 16px 125px 16px auto;
    grid-template-columns: 150px minmax(260px, 1fr) 125px auto;
    gap: 16px;
    padding: 20px 24px 16px;
  }

  .site-logo {
    width: 150px;
  }

  .header-search {
    max-width: none;
  }

  .header-search input {
    height: 42px;
  }

  .rewards-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
  }

  .primary-nav {
    display: none;
  }

  .mobile-menu-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .shop-strip {
    padding: 0 24px 16px;
  }

  .shop-strip>.shop-menu-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .category-menu {
    display: none;
  }
}

/* Mobile layout */
@media (max-width: 767px) {
  .main-header {
    -ms-grid-columns: auto 10px auto 10px 1fr 10px auto;
    grid-template-columns: auto auto 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 14px 16px 12px;
  }

  .site-logo {
    width: 132px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .main-header>.shop-menu-toggle--mobile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: auto;
    min-height: 36px;
    padding: 7px 12px;
    border-width: 2px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 1;
    gap: 9px;
  }

  .main-header>.shop-menu-toggle--mobile span {
    width: 8px;
    height: 8px;
    border-right-width: 2px;
    border-bottom-width: 2px;
  }

  .header-actions {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-column-align: end;
    justify-self: end;
  }

  .header-search {
    grid-column: 1/-1;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin-top: 6px;
  }

  .header-search input {
    height: 42px;
    font-size: 14px;
  }

  .rewards-card {
    display: none;
  }

  .shop-strip {
    display: none;
  }
}

/* --------------------------------------------------
   V7 refinements
   - Tablet top bar uses Call / Email us labels
   - Tablet opening hours use shorter wording
-------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
  .top-bar {
    gap: 16px;
    padding: 8px 24px;
    font-size: 13px;
  }

  .top-bar__socials {
    gap: 13px;
    font-size: 15px;
  }

  .top-bar__info {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 18px;
    width: 100%;
  }

  .top-bar .desktop-label,
  .top-bar .hours-full {
    display: none;
  }

  .top-bar .mobile-label,
  .top-bar .hours-short {
    display: inline;
  }

  .top-bar .opening-hours {
    display: inline;
  }
}

@media (max-width: 767px) {
  .top-bar .hours-short {
    display: none;
  }
}

/* --------------------------------------------------
   V8 refinements
   - Tablet: Shop moves into the main header row
   - Tablet: Search moves below the logo/shop/actions row
   - Tablet: Shop button is filled red with white text
   - Tablet top bar uses Call / Email us with short opening hours
-------------------------------------------------- */
@media (max-width: 1200px) {

  .top-bar .desktop-label,
  .top-bar .hours-full {
    display: none;
  }

  .top-bar .mobile-label,
  .top-bar .hours-short {
    display: inline;
  }

  .top-bar__info {
    gap: 18px;
  }
}

@media (max-width: 1024px) {
  .main-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 18px auto 18px 1fr 18px auto;
    grid-template-columns: auto auto 1fr auto;
    -ms-grid-rows: auto 16px auto;
    grid-template-rows: auto auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px 18px;
    padding: 18px 24px 14px;
  }

  .main-header>*:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .main-header>*:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .main-header>*:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }

  .main-header>*:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }

  .main-header>*:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .main-header>*:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .main-header>*:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }

  .main-header>*:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }

  .site-logo {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    width: clamp(120px, 9vw, 150px);
  }

  .main-header>.shop-menu-toggle--mobile {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: auto;
    min-height: 40px;
    padding: 8px 16px;
    background: #DC1F1D;
    color: #ffffff;
    border: 2px solid #DC1F1D;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
  }

  .main-header>.shop-menu-toggle--mobile span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2.5px solid #ffffff;
    border-bottom: 2.5px solid #ffffff;
    -webkit-transform: rotate(45deg) translateY(-2px);
    transform: rotate(45deg) translateY(-2px);
    margin-left: 4px;
  }

  .rewards-card {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-grid-column-align: center;
    justify-self: center;
    width: clamp(120px, 9vw, 150px);
    margin: 0 auto;
  }

  .header-actions {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column-align: end;
    justify-self: end;
  }

  .aws-container {
    grid-column: 1/-1;
    -ms-grid-row: 2;
    grid-row: 2;
    width: 100%;
  }

  .shop-strip {
    display: none;
  }

  .notice-bar {
    margin-top: 0;
  }
}

@media (max-width: 860px) {
  .rewards-card {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .top-bar .opening-hours {
    display: none;
  }

  .main-header {
    -ms-grid-columns: auto 14px auto 14px 1fr 14px auto;
    grid-template-columns: auto auto 1fr auto;
    gap: 12px 14px;
    padding: 14px 16px 12px;
  }

  .site-logo {
    width: 105px;
  }

  .main-header>.shop-menu-toggle--mobile {
    padding: 6px 12px;
    min-height: 34px;
    font-size: 15px;
    border-radius: 5px;
  }

  .main-header>.shop-menu-toggle--mobile span {
    width: 6px;
    height: 6px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(45deg) translateY(-1.5px);
    transform: rotate(45deg) translateY(-1.5px);
    margin-left: 2px;
  }

  .header-actions {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    grid-row: 1;
    gap: 10px;
  }

  .aws-container {
    grid-column: 1/-1;
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 4px;
  }
}







.woocommerce-product-details__short-description {
  font-size: 14px;
}