/* ====================================================
   MNK JEWELS — MASTER STYLESHEET
   Location: WP Customizer → Additional CSS
   Last updated: March 2026
   ==================================================== */

/* ====================================================
   1. FONTS
   ==================================================== */

   @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Raleway:wght@400;500;600&display=swap');

   /* ====================================================
      2. STICKY HEADER
      ==================================================== */
   
   header,
   .ekit-template-content-header {
       position: -webkit-sticky !important;
       position: sticky !important;
       top: 0 !important;
       z-index: 9999 !important;
       background-color: #ffffff !important;
       box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
       transition: all 0.3s ease;
   }
   
   /* Disable sticky on filter pages */
   body:has(.mnk-sticky-sidebar) header,
   body:has(.mnk-sticky-sidebar) .ekit-template-content-header {
       position: relative !important;
       top: auto !important;
       box-shadow: none !important;
       z-index: 99 !important;
   }
   
   /* ====================================================
      3. DESKTOP STICKY SIDEBAR
      ==================================================== */
   
   @media (min-width: 768px) {
       .mnk-sticky-sidebar {
           position: -webkit-sticky !important;
           position: sticky !important;
           top: 100px !important;
           height: max-content !important;
           z-index: 99 !important;
           align-self: start !important;
       }
   
       .woof_shortcode_output .woo-listing-top {
           padding: 10px 1rem !important;
       }
   }
   
   /* ====================================================
      4. DESKTOP PRODUCT GRID
      ==================================================== */
   
   .woof_shortcode_output ul.products {
       display: grid !important;
       grid-template-columns: repeat(3, 1fr) !important;
       gap: 45px 30px !important;
       margin: 0 !important;
       padding-right: 0.5rem !important;
   }
   
   .woof_shortcode_output ul.products li.product {
       text-align: center !important;
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
       background: transparent !important;
       border: none !important;
       max-width: 90% !important;
   }
   
   /* Hide category tags and cart actions on desktop */
   .woof_shortcode_output ul.products li.product .entry-meta,
   .woof_shortcode_output ul.products li.product .ct-woo-card-actions {
       display: none !important;
   }
   
   /* Desktop image container */
   .woof_shortcode_output ul.products li.product figure {
       position: relative;
       margin: 0 0 15px 0 !important;
       overflow: hidden;
       height: 25rem;
       width: 20rem;
   }
   
   .woof_shortcode_output ul.products li.product figure img {
       min-width: 100% !important;
       min-height: 25rem !important;
       border-radius: 0 !important;
   }
   
   /* Sale badge — desktop grid */
   .woof_shortcode_output ul.products li.product .onsale {
       position: absolute !important;
       top: 0 !important;
       left: 0 !important;
       right: auto !important;
       background-color: #0D1B2A !important;
       color: #ffffff !important;
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 11px !important;
       letter-spacing: 1px;
       padding: 5px 15px !important;
       border-radius: 0 !important;
       text-transform: uppercase;
       line-height: 1 !important;
       min-width: 20% !important;
       max-height: 1.2rem !important;
       z-index: 9;
   }
   
   /* Product title — desktop grid */
   .woof_shortcode_output ul.products li.product .woocommerce-loop-product__title,
   .woof_shortcode_output ul.products li.product .woocommerce-loop-product__title a {
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 16px !important;
       font-weight: 600 !important;
       color: #0D1B2A !important;
       margin: 0 0 2px 0 !important;
       text-decoration: none !important;
       display: block;
       letter-spacing: 0.3px;
   }
   
   /* Price — desktop grid */
   .woof_shortcode_output ul.products li.product .price {
       font-family: 'Jost', sans-serif !important;
       font-size: 14px !important;
       color: #0D1B2A !important;
       display: block !important;
       font-weight: 300 !important;
   }
   
   .woof_shortcode_output ul.products li.product .price .sale-price {
       display: flex;
       flex-direction: row;
       justify-content: center;
       align-items: center;
       gap: 8px;
   }
   
   .woof_shortcode_output ul.products li.product .price ins,
   .woof_shortcode_output ul.products li.product .price ins .amount {
       text-decoration: none !important;
       color: #0D1B2A !important;
       font-weight: 300 !important;
       background: transparent !important;
   }
   
   .woof_shortcode_output ul.products li.product .price del,
   .woof_shortcode_output ul.products li.product .price del .amount {
       color: #0D1B2A !important;
       font-size: 13px !important;
       font-weight: 300 !important;
   }
   
   /* ====================================================
      5. DESKTOP SORT BAR (sticky)
      ==================================================== */
   
   .woof_shortcode_output .woo-listing-top {
       position: -webkit-sticky !important;
       position: sticky !important;
       top: 0 !important;
       min-width: 100%;
       background-color: #ffffff !important;
       z-index: 98 !important;
       padding: 15px 0 !important;
       margin-bottom: 20px !important;
       border-bottom: 1px solid #EEEEEE !important;
   }
   
   .elementor-shortcode .ct-woo-listing-top,
   .woof_shortcode_output .woo-listing-top {
       display: flex !important;
       justify-content: flex-end !important;
       align-items: center !important;
   }
   
   .woocommerce-result-count,
   .woof_products_top_panel .woocommerce-result-count {
       font-family: 'Jost', sans-serif !important;
       font-size: 12px !important;
       color: #999999 !important;
       margin: 0 15px 0 0 !important;
       position: static !important;
   }
   
   .woocommerce-ordering select {
       font-family: 'Jost', sans-serif !important;
       font-size: 13px !important;
       color: #0D1B2A !important;
       background-color: transparent !important;
       border: none !important;
       padding: 5px 25px 5px 10px !important;
       appearance: none;
       -webkit-appearance: none;
       cursor: pointer;
   }
   
   /* ====================================================
      6. FILTER SIDEBAR
      ==================================================== */
   
   .elementor-column-1.woof_sidebar_output .elementor-widget-container {
       background-color: transparent !important;
       padding: 0 !important;
   }
   
   .woof_container {
       padding-bottom: 15px !important;
       margin-bottom: 25px !important;
       border-bottom: 1px solid #EEEEEE !important;
       position: relative;
   }
   
   .woof_container:last-of-type {
       border-bottom: none !important;
       margin-bottom: 10px !important;
   }
   
   .woof_block_html_items {
       margin-top: 15px !important;
   }
   
   .woof_container h4 {
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 13px !important;
       font-weight: 400 !important;
       text-transform: uppercase !important;
       letter-spacing: 1.1px !important;
       color: #0D1B2A !important;
       margin: 0 !important;
       padding: 0 !important;
       cursor: pointer;
   }
   
   .woof_front_toggle {
       display: inline-block !important;
       position: absolute !important;
       right: 0 !important;
       top: 0 !important;
       font-family: 'Jost', sans-serif !important;
       font-size: 18px !important;
       font-weight: 300 !important;
       color: #0D1B2A !important;
       text-decoration: none !important;
       line-height: 0.8 !important;
       cursor: pointer;
   }
   
   ul.woof_list_checkbox {
       margin: 0 !important;
       padding: 0 !important;
   }
   
   ul.woof_list_checkbox li {
       list-style: none !important;
       margin-bottom: 3px !important;
       padding: 0 !important;
       border: none !important;
       background: transparent !important;
       display: flex !important;
       align-items: center !important;
   }
   
   label.woof_checkbox_label {
       font-family: 'Jost', sans-serif !important;
       font-size: 13px !important;
       color: #444444 !important;
       font-weight: 300 !important;
       margin: 0 0 0 10px !important;
       cursor: pointer;
       line-height: 1.2 !important;
       letter-spacing: 1.05px;
   }
   
   .woof_checkbox_count {
       color: #999999 !important;
       margin-left: 5px !important;
       font-size: 13px !important;
   }
   
   /* Square checkboxes */
   ul.woof_list_checkbox input[type="checkbox"],
   input.woof_checkbox_term {
       appearance: none !important;
       -webkit-appearance: none !important;
       -moz-appearance: none !important;
       width: 12px !important;
       height: 12px !important;
       border: 1px solid #0D1B2A !important;
       border-radius: 0 !important;
       outline: none !important;
       cursor: pointer;
       position: relative;
       background-color: transparent !important;
       margin: 0 !important;
       display: inline-block !important;
       vertical-align: middle !important;
   }
   
   ul.woof_list_checkbox input[type="checkbox"]:checked,
   input.woof_checkbox_term:checked {
       background-color: #0D1B2A !important;
   }
   
   ul.woof_list_checkbox input[type="checkbox"]:checked::after,
   input.woof_checkbox_term:checked::after {
       content: '';
       position: absolute;
       left: 3px;
       top: 1px;
       width: 3px;
       height: 7px;
       border: solid #fff;
       border-width: 0 1px 1px 0;
       transform: rotate(45deg);
   }
   
   /* ====================================================
      7. PRICE SLIDER
      ==================================================== */
   
   .woof .irs-bar { background: #0D1B2A !important; }
   
   .woof .irs-handle {
       border: 2px solid #0D1B2A !important;
       background-color: #0D1B2A !important;
       border-radius: 50% !important;
       width: 14px !important;
       height: 14px !important;
       top: 30px !important;
       cursor: pointer !important;
   }
   
   .woof .irs-from,
   .woof .irs-to,
   .woof .irs-single {
       background-color: #0D1B2A !important;
       font-family: 'Jost', sans-serif !important;
       font-size: 11px !important;
       border-radius: 0 !important;
       color: #ffffff !important;
   }
   
   .woof .irs-from:before,
   .woof .irs-to:before,
   .woof .irs-single:before {
       border-top-color: #0D1B2A !important;
   }
   
   /* ====================================================
      8. ACTIVE FILTER CHIPS (desktop)
      ==================================================== */
   
   .woof_products_top_panel ul li {
       background-color: transparent !important;
       color: #0D1B2A !important;
       font-family: 'Jost', sans-serif !important;
       font-size: 13px !important;
       text-transform: lowercase !important;
       border: 1px solid #EEEEEE !important;
       border-radius: 0 !important;
       padding: 4px 10px !important;
       margin-right: 10px !important;
       display: inline-flex !important;
       align-items: center !important;
   }
   
   .woof_products_top_panel ul li a {
       color: #0D1B2A !important;
       text-decoration: none !important;
       margin-left: 8px !important;
       opacity: 0.6;
   }
   
   .woof_products_top_panel ul li a:hover { opacity: 1; }
   .woof_products_top_panel ul li a img { display: none !important; }
   
   /* ====================================================
      9. RESET BUTTON
      ==================================================== */
   
   .elementor-shortcode .elementor-button,
   .woof_reset_search_form {
       background: transparent !important;
       color: #0D1B2A !important;
       font-family: 'Jost', sans-serif !important;
       font-size: 12px !important;
       text-transform: uppercase !important;
       letter-spacing: 1px !important;
       border: none !important;
       padding: 0 !important;
       text-decoration: underline !important;
       margin-top: 10px !important;
       width: auto !important;
       display: inline-block !important;
       text-align: left !important;
   }
   
   .woof_reset_search_form:hover { color: #666666 !important; }
   
   /* ====================================================
      10. DESKTOP PRODUCT CARD (.woof_products_display)
      ==================================================== */
   
   .woof_products_display ul.products li.product {
       border: none !important;
       padding: 10px !important;
       transition: all 0.3s ease-in-out;
       background: #fff;
       text-align: center;
   }
   
   .woof_products_display ul.products li.product:hover {
       box-shadow: 0 10px 25px rgba(0,0,0,0.05);
   }
   
   .woof_products_display ul.products li.product .woocommerce-loop-product__title {
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 15px !important;
       color: #0D1B2A !important;
       font-weight: 500 !important;
       margin: 1.5rem 0 5px 0 !important;
       padding: 0 0.3rem !important;
       text-transform: uppercase;
       letter-spacing: 1px;
   }
   
   .woof_products_display ul.products li.product .price {
       font-family: 'Jost', sans-serif !important;
       color: #0D1B2A !important;
       font-size: 14px !important;
       font-weight: 400 !important;
       display: block;
       margin-bottom: 15px !important;
   }
   
   .woof_products_display ul.products li.product img {
       border-radius: 0 !important;
       margin-bottom: 0 !important;
   }
   
   /* ====================================================
      11. ICON FILTER BAR
      ==================================================== */
   
   .mnk-icon-filter {
       margin-bottom: 40px !important;
       padding: 10px !important;
   }
   
   .mnk-icon-filter .elementor-container {
       display: flex !important;
       justify-content: center !important;
       gap: 15px !important;
   }
   
   .mnk-icon-filter .elementor-column-wrap {
       background-color: #FFFFFF !important;
       border: 1px solid #EEEEEE !important;
       border-radius: 12px !important;
       padding: 15px !important;
       display: flex !important;
       flex-direction: column !important;
       align-items: center !important;
       width: 100px !important;
       height: 100px !important;
       transition: all 0.3s ease;
   }
   
   .mnk-icon-filter .elementor-column-wrap:hover {
       box-shadow: 0 5px 15px rgba(0,0,0,0.05);
       border-color: #0D1B2A;
   }
   
   .mnk-icon-filter .elementor-widget-image-box img {
       width: 60px !important;
       height: 60px !important;
       object-fit: contain !important;
       display: block !important;
       margin: 0 auto 8px auto !important;
   }
   
   .mnk-icon-filter .elementor-image-box-title {
       font-family: 'Jost', sans-serif !important;
       font-size: 11px !important;
       font-weight: 500 !important;
       color: #0D1B2A !important;
       text-transform: uppercase !important;
       letter-spacing: 1px !important;
       margin: 0 !important;
   }
   
   /* ====================================================
      12. HIDE ADD TO CART EVERYWHERE
      ==================================================== */
   
   ul.products li.product .ct-woo-card-actions,
   .woof_shortcode_output ul.products li.product .ct-woo-card-actions {
       display: none !important;
   }
   
   /* ====================================================
      13. MISC
      ==================================================== */
   
   .hero-heading { color: red !important; }
   
   /* ====================================================
      14. TABLET (769px – 1024px)
      ==================================================== */
   
   @media (max-width: 1024px) {
       .elementor-widget-heading { font-size: 48px !important; line-height: 1.2 !important; }
       .hero-subheading { font-size: 20px !important; }
       .section-heading { font-size: 36px !important; }
   }
   
   /* ====================================================
      15. DESKTOP SAFETY — hide mobile-injected elements
      ==================================================== */
   
   @media (min-width: 768px) {
       .mnk-sort-btn,
       .mnk-sort-dropdown,
       .mnk-result-count,
       .mnk-mobile-filter-btn,
       .mnk-filter-overlay,
       .mnk-drawer-header,
       .mnk-drawer-chips {
           display: none !important;
       }
   }
   
   /* ====================================================
      16. SINGLE PRODUCT PAGE
      ==================================================== */
   
   /* Hide all cart/ecommerce elements */
   .single-product .cart,
   .single-product .quantity,
   .single_add_to_cart_button,
   .single-product .ct-cart-actions,
   .single-product .wishsuite-btn,
   .single-product .htcompare-button-area,
   .single-product .ct-product-divider,
   .single-product .woolentor-product-badge-main-area,
   .single-product .woocommerce-tabs .reviews_tab,
   .related.products .ct-woo-card-actions,
   .related.products .entry-meta {
       display: none !important;
   }
   
   /* Layout: image left, summary right */
   .single-product .product-entry-wrapper {
       display: flex !important;
       flex-direction: row !important;
       gap: 60px !important;
       align-items: flex-start !important;
   }
   
   .single-product .woocommerce-product-gallery {
       flex: 0 0 50% !important;
       max-width: 50% !important;
   }
   
   .single-product .entry-summary {
       flex: 1 !important;
       padding: 0 !important;
   }
   
   /* Image */
   .single-product .ct-product-gallery-container {
       position: relative !important;
   }
   
   .single-product .ct-product-gallery-container figure img {
       width: 100% !important;
       height: auto !important;
       display: block !important;
   }
   
   /* Sale badge */
   .single-product .onsale {
       position: absolute !important;
       top: 0 !important;
       left: 0 !important;
       right: auto !important;
       background-color: #0D1B2A !important;
       color: #fff !important;
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 1rem !important;
       letter-spacing: 2px !important;
       text-transform: uppercase !important;
       border-radius: 0 !important;
       padding: 1rem 3rem !important;
       z-index: 9 !important;
       margin: 0 !important;
   }
   
   /* Product title */
   .single-product h1.product_title {
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 36px !important;
       font-weight: 400 !important;
       color: #0D1B2A !important;
       letter-spacing: 2px !important;
       line-height: 1.2 !important;
       margin: 0 0 16px 0 !important;
       text-transform: uppercase !important;
       display: block !important;
   }
   
   /* Price */
   .single-product p.price {
       font-family: 'Jost', sans-serif !important;
       font-size: 22px !important;
       color: #0D1B2A !important;
       font-weight: 300 !important;
       letter-spacing: 1px !important;
       margin-bottom: 24px !important;
       display: flex !important;
       align-items: center !important;
       gap: 12px !important;
   }
   
   .single-product p.price ins {
       text-decoration: none !important;
       font-weight: 400 !important;
       margin-right: 0.7rem !important;
   }
   
   .single-product p.price del {
       opacity: 0.45 !important;
       font-size: 17px !important;
   }
   
   /* Short description */
   .woocommerce-product-details__short-description {
       font-family: 'Jost', sans-serif !important;
       font-size: 0.9rem !important;
       font-weight: 300 !important;
       letter-spacing: 0.5px !important;
       color: #444 !important;
       line-height: 1.7 !important;
       margin-bottom: 24px !important;
   }
   
   /* WhatsApp enquiry button */
   .single-product .qlwapp__container .qlwapp__button--button {
       display: flex !important;
       justify-content: center !important;
       align-items: center !important;
       gap: 10px !important;
       width: 100% !important;
       height: auto !important;
       background-color: transparent !important;
       color: #0D1B2A !important;
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 1rem !important;
       font-weight: 500 !important;
       letter-spacing: 2px !important;
       text-transform: uppercase !important;
       padding: 15px 20px !important;
       border-radius: 0 !important;
       text-decoration: none !important;
       margin-top: 8px !important;
       transition: all 0.3s ease !important;
       border: 1px solid #0D1B2A !important;
       box-sizing: border-box !important;
   }
   
   .single-product .qlwapp__container .qlwapp__button--button:hover {
       background-color: #0D1B2A !important;
       color: #fff !important;
   }
   
   /* Hide WhatsApp floating icon on single product — show only button */
   .qlwapp__container {
       display: none !important;
   }
   
   /* Categories */
   .single-product .product_meta {
       margin-top: 20px !important;
       padding-top: 20px !important;
       border-top: 1px solid #EEEEEE !important;
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 1rem !important;
       color: #0D1B2A !important;
       font-weight: 400 !important;
       letter-spacing: 2px !important;
       text-transform: uppercase !important;
   }
   
   .single-product .product_meta a {
       color: #0D1B2A !important;
       text-decoration: none !important;
   }
   
   .single-product .product_meta a:hover { text-decoration: underline !important; }
   
   /* Tabs */
   .single-product .woocommerce-tabs {
       margin-top: 60px !important;
       border-top: 1px solid #EEEEEE !important;
   }
   
   .single-product .woocommerce-tabs .tabs {
       display: flex !important;
       flex-direction: row !important;
       gap: 0 !important;
       border-bottom: 1px solid #EEEEEE !important;
       padding: 0 !important;
       margin: 0 !important;
       list-style: none !important;
       background: transparent !important;
   }
   
   .single-product .woocommerce-tabs .tabs li {
       background: transparent !important;
       border: none !important;
       border-radius: 0 !important;
       margin: 0 !important;
   }
   
   .single-product .woocommerce-tabs .tabs li a {
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 13px !important;
       letter-spacing: 2px !important;
       text-transform: uppercase !important;
       color: #999 !important;
       text-decoration: none !important;
       padding: 16px 24px !important;
       display: block !important;
       border-bottom: 2px solid transparent !important;
       white-space: nowrap !important;
   }
   
   .single-product .woocommerce-tabs .tabs li.active a {
       color: #0D1B2A !important;
       border-bottom-color: #0D1B2A !important;
   }
   
   .single-product .woocommerce-tabs article {
       padding: 30px 0 !important;
   }
   
   /* Attributes table */
   .single-product .shop_attributes {
       width: 100% !important;
       border-collapse: collapse !important;
   }
   
   .single-product .shop_attributes th,
   .single-product .shop_attributes td {
       font-family: 'Jost', sans-serif !important;
       font-size: 13px !important;
       padding: 7px 0 7px 15px !important;
       border-bottom: 1px solid #EEEEEE !important;
       color: #0D1B2A !important;
       letter-spacing: 0.5px !important;
       text-align: left !important;
   }
   
   .single-product .shop_attributes th {
       font-weight: 500 !important;
       text-transform: uppercase !important;
       letter-spacing: 1px !important;
       font-size: 11px !important;
       color: #0D1B2A !important;
       width: 40% !important;
   }
   
   .single-product .shop_attributes td a {
       color: #0D1B2A !important;
       text-decoration: none !important;
   }
   
   /* Related products */
   .related.products {
       margin-top: 60px !important;
       padding-top: 40px !important;
       border-top: 1px solid #EEEEEE !important;
   }
   
   .related.products > h2,
   .related.products > .ct-module-title {
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 24px !important;
       font-weight: 400 !important;
       color: #0D1B2A !important;
       text-transform: uppercase !important;
       letter-spacing: 3px !important;
       margin-bottom: 30px !important;
       text-align: center !important;
   }
   
   .related.products ul.products {
       display: grid !important;
       grid-template-columns: repeat(4, 1fr) !important;
       gap: 30px 20px !important;
       list-style: none !important;
       padding: 0 !important;
       margin: 0 !important;
   }
   
   .related.products ul.products li.product {
       margin: 0 !important;
       padding: 0 !important;
       text-align: center !important;
   }
   
   .related.products ul.products li.product figure {
       margin: 0 0 12px 0 !important;
       overflow: hidden !important;
   }
   
   .related.products ul.products li.product img {
       width: 100% !important;
       height: 280px !important;
       object-fit: cover !important;
       display: block !important;
   }
   
   .related.products .woocommerce-loop-product__title {
       font-family: 'Cormorant Garamond', serif !important;
       font-size: 15px !important;
       color: #0D1B2A !important;
       font-weight: 500 !important;
       letter-spacing: 0.5px !important;
       margin: 8px 0 4px !important;
   }
   
   .related.products .price {
       font-family: 'Jost', sans-serif !important;
       font-size: 13px !important;
       color: #0D1B2A !important;
       font-weight: 400 !important;
   }
   
   .related.products .price ins { text-decoration: none !important; }
   .related.products .price del { opacity: 0.5 !important; font-size: 12px !important; }
   
   .related.products .onsale {
       padding: 2px 10px !important;
       font-size: 10px !important;
   }
   
   /* ====================================================
      17. MOBILE — under 768px
      ==================================================== */
   
   @media (max-width: 767px) {
   
       /* Typography */
       .hero-heading {
           font-size: 36px !important;
           line-height: 1.1 !important;
           text-align: center !important;
           margin-bottom: 15px !important;
       }
   
       .hero-subheading {
           font-size: 16px !important;
           text-align: center !important;
           margin-bottom: 20px !important;
       }
   
       .section-heading {
           font-size: 28px !important;
           text-align: center !important;
           margin-bottom: 25px !important;
       }
   
       /* Page layout */
       .e-con-inner {
           flex-direction: column !important;
           padding: 0 !important;
       }
   
       /* Constrain WOOF containers */
       .woof_results_by_ajax_shortcode,
       .woof_results_by_ajax_shortcode > .e-con-inner {
           max-width: 100vw !important;
           width: 100% !important;
           overflow-x: hidden !important;
           box-sizing: border-box !important;
           padding-left: 0 !important;
           padding-right: 0 !important;
       }
   
       #woof_results_by_ajax,
       .woof_shortcode_output,
       .woof_shortcode_output > .elementor-widget,
       .woof_shortcode_output .elementor-shortcode {
           max-width: 100% !important;
           width: 100% !important;
           overflow-x: hidden !important;
           box-sizing: border-box !important;
       }
   
       #woof_results_by_ajax {
           padding: 0 2.5% !important;
       }
   
       /* ── FILTER DRAWER ── */
   
       .mnk-sticky-sidebar {
           position: fixed !important;
           top: 0 !important;
           left: -110% !important;
           width: 85% !important;
           max-width: 320px !important;
           height: 100vh !important;
           background: #fff !important;
           z-index: 99999 !important;
           overflow-y: auto !important;
           overflow-x: hidden !important;
           padding: 0 !important;
           box-shadow: 4px 0 24px rgba(0,0,0,0.15) !important;
           transition: left 0.32s cubic-bezier(0.4,0,0.2,1) !important;
       }
   
       .mnk-sticky-sidebar.mnk-filter-open {
           left: 0 !important;
       }
   
       .mnk-sticky-sidebar .elementor-widget-container {
           padding: 8px 24px 60px !important;
       }
   
       .mnk-filter-overlay {
           display: none;
           position: fixed;
           inset: 0;
           background: rgba(0,0,0,0.5);
           z-index: 99998;
       }
   
       .mnk-filter-overlay.mnk-open { display: block !important; }
   
       .mnk-drawer-header {
           display: flex;
           align-items: center;
           justify-content: space-between;
           padding: 16px 20px;
           border-bottom: 1px solid #EEEEEE;
           position: sticky;
           top: 0;
           background: #fff;
           z-index: 10;
       }
   
       .mnk-drawer-close {
           background: none;
           border: none;
           font-size: 18px;
           color: #0D1B2A;
           cursor: pointer;
           padding: 0;
           line-height: 1;
           width: 28px;
       }
   
       .mnk-drawer-title {
           font-family: 'Jost', sans-serif;
           font-size: 13px;
           font-weight: 600;
           color: #0D1B2A;
           text-transform: uppercase;
           letter-spacing: 2px;
           flex: 1;
           text-align: center;
       }
   
       .mnk-drawer-clearall {
           font-family: 'Jost', sans-serif;
           font-size: 11px;
           color: #0D1B2A;
           text-decoration: underline;
           background: none;
           border: none;
           cursor: pointer;
           padding: 0;
           width: 48px;
           text-align: right;
       }
   
       .mnk-drawer-chips {
           display: flex;
           flex-wrap: wrap;
           gap: 7px;
           padding: 12px 20px;
           border-bottom: 1px solid #EEEEEE;
       }
   
       .mnk-drawer-chips:empty { display: none; }
   
       .mnk-chip {
           display: inline-flex;
           align-items: center;
           gap: 5px;
           border: 1px solid #CCCCCC;
           padding: 4px 9px;
           font-family: 'Jost', sans-serif;
           font-size: 11px;
           color: #0D1B2A;
           border-radius: 2px;
       }
   
       .mnk-chip-remove {
           font-size: 13px;
           line-height: 1;
           cursor: pointer;
           opacity: 0.55;
       }
   
       /* WOOF inside drawer */
       .woof_container {
           padding: 14px 0 !important;
           margin-bottom: 0 !important;
           border-bottom: 1px solid #EEEEEE !important;
       }
   
       .woof_container h4 {
           font-size: 11px !important;
           letter-spacing: 1.8px !important;
       }
   
       .woof_front_toggle {
           font-size: 20px !important;
           top: 0.5rem !important;
       }
   
       label.woof_checkbox_label {
           font-size: 12px !important;
           color: #333 !important;
       }
   
       ul.woof_list_checkbox li { margin-bottom: 10px !important; }
   
       .woof_products_top_panel { display: none !important; }
   
       /* ── SORT BAR ── */
   
       .woo-listing-top {
           position: static !important;
           display: flex !important;
           justify-content: space-between !important;
           align-items: center !important;
           padding: 10px 1rem !important;
           margin-bottom: 12px !important;
           border-bottom: 1px solid #EEEEEE !important;
           background: transparent !important;
       }
   
       .woocommerce-ordering {
           position: absolute !important;
           visibility: hidden !important;
           pointer-events: none !important;
           width: 0 !important;
           height: 0 !important;
           overflow: hidden !important;
           opacity: 0 !important;
       }
   
       .woocommerce-result-count { display: none !important; }
   
       .mnk-sort-btn {
           background: none;
           border: none;
           cursor: pointer;
           font-family: 'Jost', sans-serif;
           font-size: 12px;
           font-weight: 500;
           color: #0D1B2A;
           letter-spacing: 0.5px;
           padding: 0;
           display: flex;
           align-items: center;
           gap: 4px;
           white-space: nowrap;
           flex-shrink: 0;
           position: relative;
       }
   
       .mnk-sort-arrow { font-size: 10px; margin-left: 2px; }
   
       .mnk-sort-dropdown {
           display: none;
           position: absolute;
           top: calc(100% + 2px);
           left: 0;
           background: #fff;
           border: 1px solid #E8E8E8;
           box-shadow: 0 8px 28px rgba(0,0,0,0.10);
           z-index: 99997;
           min-width: 210px;
           padding: 4px 0;
       }
   
       .mnk-sort-dropdown.mnk-open { display: block !important; }
   
       .mnk-sort-option {
           display: flex;
           align-items: center;
           gap: 12px;
           padding: 12px 16px;
           font-family: 'Jost', sans-serif;
           font-size: 13px;
           color: #0D1B2A;
           cursor: pointer;
           letter-spacing: 0.2px;
       }
   
       .mnk-sort-option:active { background: #F7F7F7; }
   
       .mnk-radio-dot {
           width: 14px;
           height: 14px;
           min-width: 14px;
           border-radius: 50%;
           border: 1.5px solid #CCCCCC;
           background: transparent;
           display: inline-block;
       }
   
       .mnk-sort-option.mnk-selected .mnk-radio-dot {
           border-color: #0D1B2A;
           background: #0D1B2A;
       }
   
       .mnk-result-count {
           font-family: 'Jost', sans-serif;
           font-size: 11px;
           color: #999;
           position: static;
           white-space: nowrap;
           flex: 1;
           text-align: left;
           padding-left: 8px;
       }
   
       .mnk-mobile-filter-btn {
           background: none;
           border: none;
           cursor: pointer;
           display: flex;
           align-items: center;
           gap: 5px;
           font-family: 'Jost', sans-serif;
           font-size: 12px;
           color: #0D1B2A;
           font-weight: 500;
           letter-spacing: 0.5px;
           padding: 0;
           flex-shrink: 0;
       }
   
       .mnk-mobile-filter-btn svg { width: 15px; height: 15px; }
   
       .mnk-filter-count {
           display: none;
           background: #0D1B2A;
           color: #fff;
           border-radius: 50%;
           width: 15px;
           height: 15px;
           font-size: 8px;
           align-items: center;
           justify-content: center;
           font-weight: 700;
       }
   
       .mnk-filter-count.has-filters { display: inline-flex !important; }
   
       /* ── PRODUCT GRID — 2 columns ── */
   
       .woof_shortcode_output ul.products,
       ul.products.columns-3 {
           display: grid !important;
           grid-template-columns: repeat(2, 49%) !important;
           column-gap: 8px !important;
           row-gap: 20px !important;
           width: 100% !important;
           max-width: 100% !important;
           box-sizing: border-box !important;
           overflow: visible !important;
           padding: 0 !important;
           margin: 0 !important;
       }
   
       ul.products.columns-3 li.product,
       .woof_shortcode_output ul.products li.product {
           width: 100% !important;
           max-width: 100% !important;
           margin: 0 !important;
           padding: 0 !important;
           background: #fff !important;
           position: relative !important;
           overflow: hidden !important;
           box-sizing: border-box !important;
           text-align: left !important;
       }
       
   
       /* Image container */
       ul.products li.product figure,
       ul.products li.product .ct-media-container {
           width: 100% !important;
           height: 14rem !important;
           overflow: hidden !important;
           display: block !important;
           margin: 0 !important;
           padding: 0 !important;
           background: #F2F2F2 !important;
       }
   
       ul.products li.product img,
       ul.products li.product .ct-media-container img {
           width: 100% !important;
           height: 100% !important;
           object-fit: cover !important;
           object-position: center top !important;
           border-radius: 0 !important;
           display: block !important;
           max-width: 100% !important;
       }
   
       /* Sale badge — mobile grid */
       ul.products li.product .onsale {
           position: absolute !important;
           top: 6px !important;
           left: 6px !important;
           background: #0D1B2A !important;
           color: #fff !important;
           font-family: 'Jost', sans-serif !important;
           font-size: 8px !important;
           font-weight: 600 !important;
           letter-spacing: 1px !important;
           padding: 3px 7px !important;
           border-radius: 0 !important;
           z-index: 2 !important;
           text-transform: uppercase !important;
           max-height: none !important;
           min-width: unset !important;
           line-height: 1.4 !important;
       }
   
       /* Product title — mobile grid */
       ul.products li.product .woocommerce-loop-product__title,
       ul.products li.product .woocommerce-loop-product__title a {
           font-size: 0.8rem !important;
           letter-spacing: 0.5px !important;
           margin: 4px 0 2px 0 !important;
           text-align: center;
           padding: 0 0 !important;
           line-height: 1.4 !important;
           text-transform: none !important;
           white-space: nowrap !important;
           overflow: hidden !important;
           text-overflow: ellipsis !important;
           display: block !important;
           font-weight: 500 !important;
       }
   
       /* Price — mobile grid, stacked vertically */
       ul.products li.product .price {
           font-size: 10px !important;
           margin: 0 6px 10px !important;
           display: flex !important;
           flex-direction: column !important;
           gap: 1px !important;
           line-height: 1.4 !important;
           text-align: center !important;
       }
   
       ul.products li.product .price .sale-price {
           display: flex !important;
           flex-direction: column !important;
           align-items: center !important;
           gap: 1px !important;
           justify-content: center !important;
           font-weight: 300 !important;
       }
   
       ul.products li.product .price ins,
       ul.products li.product .price ins .amount {
           text-decoration: none !important;
           font-weight: 300 !important;
           display: block !important;
           order: 1 !important;
           color: #0D1B2A !important;
           background: transparent !important;
       }
   
       ul.products li.product .price del,
       ul.products li.product .price del .amount {
   /*         opacity: 0.7 !important; */
           font-size: 9px !important;
           display: block !important;
           margin-left: 0 !important;
           order: 2 !important;
           color: #0D1B2A !important;
       }
   
       ul.products li.product .entry-meta { display: none !important; }
   
       /* ── ICON STRIP — horizontal scroll ── */
   
       .mnk-icon-filter {
           overflow-x: auto !important;
           overflow-y: hidden !important;
           white-space: nowrap !important;
           -webkit-overflow-scrolling: touch !important;
           scrollbar-width: none !important;
           margin-bottom: 16px !important;
           padding: 0 !important;
       }
   
       .mnk-icon-filter::-webkit-scrollbar { display: none !important; }
   
       .mnk-icon-filter .elementor-container {
           display: inline-flex !important;
           flex-wrap: nowrap !important;
           gap: 8px !important;
           justify-content: flex-start !important;
           width: max-content !important;
       }
   
       .mnk-icon-filter .elementor-column-wrap {
           width: 68px !important;
           height: 78px !important;
           padding: 8px 6px !important;
           border-radius: 8px !important;
           flex-shrink: 0 !important;
       }
   
       .mnk-icon-filter .elementor-widget-image-box img {
           width: 36px !important;
           height: 36px !important;
           margin-bottom: 5px !important;
       }
   
       .mnk-icon-filter .elementor-image-box-title {
           font-size: 8px !important;
           white-space: nowrap !important;
       }
   
       /* ── SINGLE PRODUCT — MOBILE ── */
   
       .single-product .product-entry-wrapper {
           flex-direction: column !important;
           gap: 0 !important;
       }
   
       .single-product .woocommerce-product-gallery {
           flex: none !important;
           max-width: 100% !important;
           width: 100% !important;
       }
   
       .single-product .entry-summary {
           padding: 20px 16px 0 !important;
       }
   
       .single-product h1.product_title {
           font-size: 24px !important;
           letter-spacing: 1px !important;
       }
   
       .single-product p.price {
           font-size: 16px !important;
       }
   
       .single-product .onsale {
           font-size: 10px !important;
           padding: 5px 12px !important;
       }
   
       /* WhatsApp button — mobile */
       .single-product .qlwapp__container .qlwapp__button--button {
           font-size: 13px !important;
           padding: 14px 20px !important;
           letter-spacing: 1.5px !important;
       }
   
       /* Tabs — horizontal on mobile */
       .single-product .woocommerce-tabs .tabs {
           display: flex !important;
           flex-direction: row !important;
           overflow-x: auto !important;
           -webkit-overflow-scrolling: touch !important;
           scrollbar-width: none !important;
           border-bottom: 1px solid #EEEEEE !important;
       }
   
       .single-product .woocommerce-tabs .tabs::-webkit-scrollbar {
           display: none !important;
       }
   
       .single-product .woocommerce-tabs .tabs li {
           flex-shrink: 0 !important;
       }
   
       .single-product .woocommerce-tabs .tabs li a {
           font-size: 11px !important;
           padding: 12px 16px !important;
           letter-spacing: 1px !important;
           white-space: nowrap !important;
       }
   
       /* Related products — show on mobile, 2 columns */
       .related.products {
           display: grid !important;
               overflow: hidden !important;
               width: 100% !important;
       }
   
       /* Override Blocksy's ct-hidden-sm ct-hidden-md */
       .related.products.ct-hidden-sm,
       .related.products.ct-hidden-md {
           display: block !important;
       }
   
       .related.products ul.products {
           grid-template-columns: repeat(2, 49%) !important;
           gap: 0.5rem !important;
               
       }
   
       .related.products ul.products li.product img {
               width:100% !important;
       }
   
       .related.products > h2,
       .related.products > .ct-module-title {
           font-size: 18px !important;
           letter-spacing: 2px !important;
           margin-bottom: 20px !important;
       }
   
       .related.products .woocommerce-loop-product__title {
           font-size: 1.2rem !important;
       }
   
       .related.products .price {
           font-size: 1rem !important;
       }
   }

/* ══════════════════════════════
   OUR STORY CTA — global (footer): overlapping stack
   back = influencer, front = owner (larger, overlaps)
══════════════════════════════ */
.mnk-story-cta {
    background: #f4f1ec;
    padding: 100px 60px;
}

.mnk-story-cta__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
}

.mnk-story-cta__images {
    position: relative;
    height: 480px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.mnk-story-cta__img--back {
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    height: 90%;
    z-index: 1;
    overflow: hidden;
}

.mnk-story-cta__img--front {
    position: absolute;
    bottom: 0;
    left: 30%;
    width: 42%;
    height: 80%;
    z-index: 2;
    overflow: hidden;
    box-shadow: 8px 8px 32px rgba(0, 0, 0, 0.12);
}

.mnk-story-cta__img--back img,
.mnk-story-cta__img--front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.mnk-story-cta__placeholder {
    width: 100%;
    height: 100%;
}

.mnk-story-cta__placeholder--back {
    background: linear-gradient(135deg, #c8c0b0 0%, #a89880 100%);
}

.mnk-story-cta__placeholder--front {
    background: linear-gradient(135deg, #2a2a3e 0%, var(--mnk-primary, #1a1a2e) 100%);
}

.mnk-story-cta__content {
    text-align: left;
    padding: 0;
}

.mnk-story-cta__heading {
    font-family: var(--mnk-font, 'Cormorant Garamond', serif);
    font-size: clamp(24px, 3vw, 40px);
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--mnk-primary, #1a1a2e);
    margin: 0 0 16px 0;
    line-height: 1.15;
}

.mnk-story-cta__sub {
    font-family: var(--mnk-font, 'Cormorant Garamond', serif);
    font-size: 14px;
    letter-spacing: 1px;
    color: #777;
    margin: 0 0 36px 0;
    line-height: 1.6;
}

/* CTA button (home.css may not load on archives) */
.mnk-story-cta .mnk-btn {
    display: inline-block;
    font-family: var(--mnk-font, 'Cormorant Garamond', serif);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 40px;
    border: 1px solid var(--mnk-primary, #1a1a2e);
    color: var(--mnk-primary, #1a1a2e);
    background: transparent;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.mnk-story-cta .mnk-btn:hover {
    background: var(--mnk-primary, #1a1a2e);
    color: #fff;
}

@media (max-width: 767px) {
    .mnk-story-cta {
        padding: 60px 16px;
    }
    .mnk-story-cta__inner {
        grid-template-columns: 1fr;
        gap: 40px;
        align-items: stretch;
        justify-items: stretch;
    }
    .mnk-story-cta__images {
        height: clamp(260px, 72vw, 320px);
        width: min(100%, 340px);
        max-width: 100%;
        margin-inline: auto;
        justify-self: center;
    }
    .mnk-story-cta__img--back {
        left: 58%;
        right: auto;
        width: 38%;
        height: 90%;
        transform: translateX(-50%);
    }
    .mnk-story-cta__img--front {
        left: 42%;
        width: 42%;
        height: 80%;
        transform: translateX(-50%);
    }
    .mnk-story-cta__content {
        text-align: center;
    }
    .mnk-story-cta__heading {
        font-size: clamp(20px, 6vw, 28px);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .mnk-story-cta {
        padding: 80px 32px;
    }
    .mnk-story-cta__inner {
        gap: 48px;
    }
    .mnk-story-cta__images {
        height: 400px;
    }
}