/* ==========================================================================
   RC FINE FOODS - BRAND FONT OVERRIDES
   ========================================================================== */

:root {
    --font-primary: "filson-pro", sans-serif;
    --font-secondary: "filson-soft", sans-serif;
    --weight-reg: 400;
    --weight-bold: 700;
}

/* Placeholder image styling */
.rc-recipe-image-wrapper .rc-placeholder-img {
    width: 100%;
    height: 220px;
    background-color: #f2ede4;
    border: 2px dashed #8C6F4A;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #593C22;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ==========================================================================
   RC FINE FOODS - BRAND UTILITY CLASSES (HEX CODES)
   ========================================================================== */

/* --- BACKGROUND COLORS --- */
.bg-white       { background-color: #ffffff !important; }
.bg-cream       { background-color: #F2EADF !important; } /* Macro-3: Main sections */
.bg-cream-dark  { background-color: #BFAE99 !important; } /* Macro-2: Secondary */
.bg-slate       { background-color: #D0E9F2 !important; } /* Macro-1: Subtle accent */
.bg-cocoa       { background-color: #59422E !important; } /* Macro-4: Deep Cocoa */
.bg-cocoa-muted { background-color: #8C7561 !important; } /* Macro-5: Muted Brown */
.bg-rc-red      { background-color: #660a0a !important; } /* Action Red */
.bg-yellow      { background-color: #ffc446 !important; } /* Theme Yellow */

/* --- TEXT COLORS --- */
.text-white       { color: #ffffff !important; }
.text-cream       { color: #F2EADF !important; }
.text-slate       { color: #D0E9F2 !important; }
.text-cocoa       { color: #59422E !important; } /* Use for main headings */
.text-cocoa-muted { color: #8C7561 !important; } /* Use for subtitles/paragraphs */
.text-rc-red      { color: #660a0a !important; } /* Use for alerts or highlights */
.text-yellow      { color: #ffc446 !important; }

/* --- BORDER COLORS --- */
.border-soft      { border-color: #BFAE99 !important; border-style: solid; border-width: 1px; }
.border-slate     { border-color: #D0E9F2 !important; border-style: solid; border-width: 1px; }
.border-cocoa     { border-color: #59422E !important; border-style: solid; border-width: 1px; }
.border-rc-red    { border-color: #660a0a !important; border-style: solid; border-width: 1px; }


/* Forcefully remove standard borders */
.tp-header-area .tp-header-menu .mega-menu .tp-megamenu-list,
.tp-header-area .tp-header-menu .mega-menu [class*="col-"] {
    border-right: none !important;
    border-left: none !important;
    box-shadow: none !important;
}

/* Forcefully destroy all pseudo-element lines */
.tp-header-area .tp-header-menu .mega-menu .tp-megamenu-list::before,
.tp-header-area .tp-header-menu .mega-menu .tp-megamenu-list::after,
.tp-header-area .tp-header-menu .mega-menu [class*="col-"]::before,
.tp-header-area .tp-header-menu .mega-menu [class*="col-"]::after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
    background-image: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Hide text wrapper on inactive Swiper slides to prevent overlapping */
.swiper-slide:not(.swiper-slide-active) .tp-hero-shop-2-slider-wrapper {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease; /* Optional: smooths out the disappearance */
}

/* Styles to make the cards behave like buttons/links */
  .rc-product-link {
    text-decoration: none !important;
    display: block;
    height: 100%;
    transition: all 0.3s ease;
  }
  .rc-product-link:hover {
    transform: translateY(-5px);
  }
  .rc-product-link:hover .tp-industry-card {
    border-color: #8C6F4A !important;
    box-shadow: 0 12px 30px rgba(89, 60, 34, 0.1);
  }

/* --- HELPER CLASSES --- */
.border-radius-20 { border-radius: 20px !important; } /* Perfect for cards */

/* 1. FORCE GLOBAL BODY COPY */
/* We target 'body' and 'p' specifically to hit all content areas */
body, p, span, li, a, input, textarea {
    font-family: var(--font-secondary) !important; /* Filson Soft is better for readability */
    font-weight: var(--weight-reg);
    -webkit-font-smoothing: antialiased;
}

/* 2. FORCE NAVIGATION OVERRIDE */
/* This targets the specific theme classes for the desktop and mobile nav */
.tp-header-menu ul li a, 
.tp-mobile-menu-active ul li a,
.tp-offcanvas-menu nav ul li a {
    font-family: var(--font-primary) !important; /* Filson Pro for the clean, geometric look */
    font-weight: var(--weight-bold) !important;
    text-transform: uppercase; /* Common for this theme, but now in your font */
    letter-spacing: 0.5px;
}


/* 3. FORCE HEADINGS */
h1, h2, h3, h4, h5, h6, .tp-section-title {
    font-family: var(--font-primary) !important;
    font-weight: var(--weight-bold) !important;
}

/* 4. MEGA MENU SPECIFIC OVERRIDES */
.tp-megamenu-title {
    font-family: var(--font-primary) !important;
    font-weight: var(--weight-bold) !important;
    font-size: 16px !important;
    color: #000 !important;
}

.tp-megamenu-list ul li a {
    font-family: var(--font-secondary) !important;
    font-weight: var(--weight-reg) !important;
    text-transform: none !important; /* Soften the look inside the menu */
}

.tp-mobile-menu-active {font-size: 14px!important}

/* 5. FOOTER & COPYRIGHT OVERRIDES */
.tp-footer-widget-title, 
.tp-footer-widget-title-sm, 
.tp-copyright-big-text {
    font-family: var(--font-primary) !important;
}

.tp-copyright-left, 
.tp-copyright-right a, 
.tp-footer-widget-menu ul li a {
    font-family: var(--font-secondary) !important;
    font-weight: var(--weight-reg) !important;
}

.tp-shop-category-item {
    padding: 30px 10px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(89, 66, 46, 0.05); /* Subtle Cocoa Shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
}

.tp-shop-category-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(89, 66, 46, 0.1);
}

.tp-shop-category-item i {
    color: var(--tp-common-black);
    transition: color 0.3s ease;
}

.tp-shop-category-item:hover i {
    color: var(--tp-common-red);
}

/* Add this to your main.css or inside a <style> tag */
.category-image-zoom:hover img {
    transform: scale(1.1); /* Smoothly zooms the photo by 10% */
}

/* Optional: Make the text turn your Cocoa color on hover */
.tp-shop-category-item:hover span {
    color: var(--tp-common-black) !important;
}

/* ===================================
   RC PRODUCTS MEGA MENU
=================================== */

.rc-products-menu{

    background:#f8f3eb;

    border-radius:16px;

    border:1px solid rgba(0,0,0,.07);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    padding:32px 40px;
	
	max-width:1320px;

}

.rc-products-menu .tp-megamenu-list{

    margin-bottom:28px;

}

.rc-products-menu .tp-megamenu-title{

    font-size:20px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    margin-bottom:16px;


}

.rc-products-menu .tp-megamenu-title a{

    color:#1f1f1f;

    text-decoration:none;

}

.rc-products-menu .tp-megamenu-title::after{

    content:"";

    display:block;

    width:28px;

    height:2px;

    margin-top:8px;

    background:#7b0c0d;



}

.rc-products-menu ul{

    list-style:none;

    padding:0;

    margin:0;

}

.rc-products-menu li{

    margin-bottom:10px;

}

.rc-products-menu li:last-child{

    margin-bottom:0;

}

.rc-products-menu li a{

    color:#443b34;

    font-size:16px;

    line-height:1.8;

    transition:all .25s ease;

}

.rc-products-menu li a:hover{

    color:#7b0c0d;

    padding-left:6px;

}

.rc-products-menu .tp-megamenu-title a{

    display:inline-flex;

    align-items:center;

    gap:8px;

}

.rc-products-menu li a{

    display:inline-block;

    transition:.25s ease;

}

.rc-products-menu li a:hover{

    color:#7b0c0d;

    transform:translateX(5px);

}

.rc-products-menu li a{
    transition:
        color .2s ease,
        transform .2s ease;
}

.rc-products-menu li a:hover{
    color:#7b0c0d;
    transform:translateX(5px);
}

.tp-megamenu-title{
    margin-bottom:1px;
}

.tp-megamenu-title .menu-line{
    display:block;
    width:150px;
    height:2px;
    background:#7b0c0d;
    border-radius:2px;
    margin-top:8px;
}

.tp-megamenu-list ul{
	margin-left: 10px!important;
		
}

/* ==========================================================================
   RC FINE FOODS - CULINARY PANEL OVERRIDES
   ========================================================================== */

/* 1. Set the tall, vertical rectangle shape */
.tp-category-panel-item {
    display: block;
    height: 400px; /* Adjust this to make the panels taller or shorter */
    width: 100%;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

/* 2. Style the image to cover the entire panel */
.tp-category-panel-thumb {
    width: 100%;
    height: 100%;
}

.tp-category-panel-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crucial for food photography vignettes */
    transition: transform 0.5s ease-in-out;
}

/* 3. Position and style the text overlay (Bottom-aligned) */
.tp-category-panel-content {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 20px;
    background: linear-gradient(to top, rgba(89, 66, 46, 0.9) 0%, rgba(89, 66, 46, 0) 100%); /* Macro Cocoa Fade */
    z-index: 2;
    transition: all 0.3s ease;
}

.tp-category-panel-content span {
    font-size: 20px;
    color: #ffffff; /* White text looks premium on cocoa fade */
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

/* ==========================================================================
   HOVER ACTIONS (The 'Jazz')
   ========================================================================== */

/* Zoom the food photo gently */
.tp-category-panel-item:hover .tp-category-panel-thumb img {
    transform: scale(1.1);
}

/* Add a bold, deep Red shadow (RC Red Accent) */
.tp-category-panel-item:hover {
    box-shadow: 0 15px 40px rgba(218, 41, 28, 0.15); /* Sublte RC Red shadow */
    transform: translateY(-5px); /* Gentle lift */
}

/* Text change and lift on hover */
.tp-category-panel-item:hover .tp-category-panel-content span {
    color: var(--tp-common-yellow); /* Macro Yellow accent for contrast */
    transform: translateY(-5px);
    display: inline-block;
}

.parallax-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
    transition: transform 1.2s ease; /* Smooth movement */
}

/* Ensure the wrapper has a height so it shows up */
.parallax-slider-wrapper {
    height: 80vh; /* Adjust height as needed */
    overflow: hidden;
}

.parallax-item {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Prevent existing theme parallax styles from interfering */
    .custom-slider-container {
        padding: 60px 20px;
        position: relative;
        overflow: hidden;
    }
    
    .tp-category-slider {
        width: 100%;
        height: 500px; /* Adjust height as you like */
    }

    .tp-category-item {
        position: relative;
        border-radius: 15px;
        overflow: hidden;
        height: 100%;
    }

    .tp-category-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: transform 0.6s ease;
    }

    .tp-category-item:hover .tp-category-img {
        transform: scale(1.1);
    }

    .tp-category-item::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 60%);
    }

    .tp-category-content {
        position: absolute;
        bottom: 30px;
        left: 30px;
        z-index: 5;
        color: white;
    }

    /* Arrow Styling */
    .tp-slider-controls .swiper-button-next, 
    .tp-slider-controls .swiper-button-prev {
        color: #fff;
        background: rgba(0,0,0,0.3);
        width: 45px;
        height: 45px;
        border-radius: 50%;
    }
    .tp-slider-controls .swiper-button-next:after, 
    .tp-slider-controls .swiper-button-prev:after {
        font-size: 18px;
    }
/* Hover effect for the whole card */
.rc-advantage-card:hover {
    background: rgba(217, 205, 191, 0.05); /* Adds a slight highlight to the background */
    border-color: rgba(217, 205, 191, 0.5) !important; /* Brightens the border */
    transform: translateY(-8px); /* Gently lifts the card */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); /* Adds a drop shadow */
}

/* Hover effect for the icon circle inside the card */
.rc-advantage-card:hover .rc-icon-wrap {
    background: var(--tp-common-cream) !important; /* Fills the circle with solid cream */
}

/* Changes the icon color to the background color when hovered so it pops */
.rc-advantage-card:hover .rc-icon-wrap i {
    color: #660a0a !important; 
}

/* RC Custom Dark Blue Button */
.rc-btn-blue {
    background-color: #660a0a;
    color: #ffffff !important;
    padding: 16px 40px;
    display: inline-block;
    border-radius: 5px; /* Adjust if you prefer pill-shaped buttons */
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    border: 2px solid #660a0a;
}

.rc-btn-blue:hover {
    background-color: transparent;
    color: #660a0a !important;
    transform: translateY(-4px); /* Gentle lift effect */
    box-shadow: 0 10px 20px rgba(58, 95, 109, 0.2); /* Soft blue glow */
}
/* ==========================================================================
   RC FINE FOODS - DARK BLUE FOOTER (FORCED OVERRIDES)
   ========================================================================== */

/* 1. Force the Dark Slate Background */
.rc-dark-footer,
.rc-dark-footer .tp-footer-area,
.rc-dark-footer .tp-copyright-area {
    background-color: #660a0a !important;
}

/* 2. Force the Light Blue for Headings */
.rc-dark-footer .tp-footer-widget-title,
.rc-dark-footer .tp-footer-widget-title-sm,
.rc-dark-footer h2.tp-copyright-big-text,
.rc-dark-footer h4 {
    color: #d9cdbf !important;
}

/* 3. Force the Light Blue for Text, Links, and Icons */
.rc-dark-footer p,
.rc-dark-footer span,
.rc-dark-footer .tp-footer-widget-menu ul li a,
.rc-dark-footer .tp-footer-widget-info a,
.rc-dark-footer .tp-copyright-left span,
.rc-dark-footer .tp-copyright-right a,
.rc-dark-footer .tp-footer-widget-social a span,
.rc-dark-footer .tp-footer-widget-social a i {
    color: #d9cdbf !important;
    transition: color 0.3s ease !important;
}

/* 4. Force the White Hover State */
.rc-dark-footer .tp-footer-widget-menu ul li a:hover,
.rc-dark-footer .tp-footer-widget-info a:hover,
.rc-dark-footer .tp-copyright-right a:hover,
.rc-dark-footer .tp-footer-widget-social a:hover span,
.rc-dark-footer .tp-footer-widget-social a:hover i {
    color: #ffffff !important;
}

/* 5. Subtle Border Lines */
.rc-dark-footer .tp-copyright-area {
    border-top: 1px solid rgba(180, 206, 217, 0.2) !important;
}


/* ==========================================================================
   RC FINE FOODS - PRODUCT FILTER BUTTONS
   ========================================================================== */
.rc-filter-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.rc-filter-btn {
    background: transparent;
    border: 2px solid #660a0a;
    color: #660a0a;
    padding: 10px 25px;
    border-radius: 30px;
    font-family: var(--tp-ff-pro); /* Assumes you have your Filson Pro variable set */
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.rc-filter-btn:hover,
.rc-filter-btn.active {
    background: #660a0a;
    color: #ffffff !important;
}

/* Specific styling for the Red Dietary Buttons when active */
.rc-filter-btn[data-filter="low-sodium"].active,
.rc-filter-btn[data-filter="gluten-free"].active,
.rc-filter-btn[data-filter="vegan"].active {
    background: #660a0a;
    border-color: #660a0a;
    color: #ffffff !important;
}

/* Utility to hide products that don't match the filter */
.rc-product-card.hide {
    display: none;
}

@media print {
  /* 1. Reset Paper Margins */
  @page {
    size: letter portrait;
    margin: 0.4in;
  }

  /* 2. Hide Non-Print Elements */
  #header-sticky,
  .tp-offcanvas-area,
  .back-to-top-wrapper,
  .rc-dark-footer,
  .spec-sidebar,
  .btn,
  button,
  nav,
  .hero-overlay,
  #preloader,
  .hero-image-bg,
  .info-strip .row > div:nth-child(3), /* hides print button row */
  .info-strip .row.mt-20 {              /* hides filed under tags */
    display: none !important;
  }

  /* 3. Global Print Reset & Container Constraints */
  html, body {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 9.5pt !important;
    line-height: 1.25 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  #smooth-wrapper, 
  #smooth-content, 
  main,
  .container,
  .row,
  [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    transform: none !important;
    overflow: visible !important;
  }

  /* 4. Compact Title & Hero Section */
  .product-hero-header {
    height: auto !important;
    background: none !important;
    padding: 0 0 8px 0 !important;
    border-bottom: 2px solid #593C22 !important;
    margin-bottom: 10px !important;
  }

  .hero-text-content h1 {
    color: #593C22 !important;
    font-size: 18pt !important;
    font-weight: 800 !important;
    margin-bottom: 2px !important;
  }

  .hero-text-content p {
    color: #444444 !important;
    font-size: 9pt !important;
    margin: 0 !important;
  }

  /* 5. Info Strip (Yield / Category) */
  .info-strip {
    padding: 4px 0 8px 0 !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    background: transparent !important;
  }

  .info-strip .row {
    display: flex !important;
    flex-direction: row !important;
  }

  .info-strip [class*="col-"] {
    width: 50% !important;
    border: none !important;
  }

  .info-strip h5 {
    font-size: 8pt !important;
  }

  .info-strip p {
    font-size: 11pt !important;
  }

  /* 6. Main Content Area & Card Tightening */
  .product-details-content {
    padding: 0 !important;
  }

  .col-lg-5, 
  .col-lg-7 {
    display: block !important;
    margin-bottom: 12px !important;
  }

  .p-4 {
    padding: 10px !important;
    border: 1px solid #e0e0e0 !important;
    background: #fafafa !important;
  }

  h3.font-pro {
    font-size: 14pt !important;
    margin-bottom: 8px !important;
  }

  /* 7. Ingredient Items Tightening */
  .ingredient-card-list div.d-flex {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 8.5pt !important;
  }

  .ingredient-card-list .p-3 {
    padding: 6px 8px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  /* 8. Preparation Steps Tightening */
  .recipe-timeline > div {
    margin-bottom: 8px !important;
    padding: 6px 8px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: none !important;
  }

  .recipe-timeline h5 {
    font-size: 10pt !important;
    margin-bottom: 2px !important;
  }

  .recipe-timeline p {
    font-size: 8.5pt !important;
  }

  .step-number-badge {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    font-size: 9pt !important;
  }

  /* 9. Value-Added Suggestions Box */
  .value-added-box {
    padding: 8px 10px !important;
    margin-top: 8px !important;
    background: #fafafa !important;
    border: 1px solid #ddd !important;
  }

  .value-added-box h5 {
    font-size: 9.5pt !important;
  }

  .value-added-box p {
    font-size: 8.5pt !important;
  }
}

/* Product detail photos: beauty header, product picture, and usage shot. */
.rc-product-photo-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #faf8f5;
}
.rc-product-photo-product { object-fit: contain; }
.rc-product-photo-usage { object-fit: cover; }
/* Keep each photo and its caption together as a single card. */
.rc-product-photo-gallery > [class*="col-"] {
  display: flex;
}
.rc-product-photo {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 1px solid #e3d9ce;
  border-radius: 10px;
  background: #ffffff;
}
.rc-product-photo > .rc-product-photo-image,
.rc-product-photo > .rc-product-photo-placeholder {
  flex: 0 0 auto;
  border: 0;
  border-radius: 0 !important;
}
.rc-product-photo-product {
  background: #ffffff;
}
.rc-product-photo figcaption {
  flex: 1;
  margin: 0;
  padding: 16px 18px 18px;
  border-top: 1px solid #e3d9ce;
  background: #f5f0e9;
  color: #593c22;
  text-align: left;
}
.rc-product-photo-label {
  display: block;
  margin-bottom: 6px;
  color: #80694f;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.rc-product-photo-title {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.rc-product-photo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  padding: 24px;
  border: 1px solid #e3d9ce;
  background: #f5f0e9;
  color: #593c22;
  text-align: center;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
}
.rc-product-hero-placeholder {
  background: linear-gradient(120deg, #392719, #765a40);
}
.rc-product-hero-placeholder-label {
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%);
  padding: 20px 28px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 6px;
  color: #fff;
  font-size: 22px;
  text-align: center;
}
@media (max-width: 1199px) {
  .rc-product-hero-placeholder-label {
    top: 24px;
    right: 24px;
    transform: none;
    padding: 10px 16px;
    font-size: 16px;
  }
}
@media print {
  .rc-product-photo-gallery { break-inside: avoid; }
}

/* Consistent breathing room at every viewport size. Keep existing max-widths. */
@media screen {
  :root { --rc-page-gutter: clamp(12px, 4vw, 64px); }
  .container {
    width: calc(100% - var(--rc-page-gutter) * 2);
  }
  /* Nested containers should not add another set of outer page gutters. */
  .container .container { width: 100%; }
  .rc-dark-footer .tp-copyright-content { container-type: inline-size; }
  .rc-dark-footer .tp-copyright-big-text {
    font-size: clamp(40px, 16.5cqw, 250px);
    letter-spacing: -0.06em;
  }
}
/* Keep desktop navigation on one line as the outer gutters grow. */
/* Give long product and recipe titles room below the photograph on small screens. */
@media screen and (max-width: 991px) {
  .product-hero-header {
    height: auto !important;
    min-height: 0;
    padding-top: 140px;
    background: #392719;
  }
  .product-hero-header .hero-image-bg {
    position: relative !important;
    height: clamp(224px, 38vw, 320px) !important;
    background-position: 75% center !important;
  }
  .product-hero-header .hero-overlay { display: none; }
  .product-hero-header > .container {
    height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 36px !important;
  }
  .product-hero-header .hero-text-content { width: 100%; min-width: 0; }
  .product-hero-header .hero-text-content h1 {
    font-size: clamp(30px, 4.8vw, 40px) !important;
    line-height: 1.15 !important;
    overflow-wrap: break-word;
    margin-bottom: 16px;
  }
  .product-hero-header .hero-text-content p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
  .product-hero-header .hero-text-content nav { line-height: 1.8; }
}
@media screen and (min-width: 992px) {
  .product-hero-header > .container { padding-top: 32px; }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .tp-header-menu nav > ul > li { margin-left: 8px; margin-right: 8px; }
}
@media screen and (max-width: 1199px) {
  .rc-product-hero-placeholder-label {
    top: auto;
    bottom: 24px;
    right: calc(var(--rc-page-gutter) + 12px);
  }
}