/* ==========================================================================
   SAURABH TRADERS - COMMON DESIGN SYSTEM & UTILITY STYLES
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. GOOGLE FONTS IMPORT
   -------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

/* --------------------------------------------------------------------------
   2. DESIGN TOKENS (CSS VARIABLES)
   -------------------------------------------------------------------------- */
:root {
  /* --- Brand Color Tokens --- */
  --st-color-primary: #15344D;        /* Deep Navy */
  --st-color-primary-dark: #0E2334;   /* Darker Navy */
  --st-color-accent: #D9A520;         /* Premium Gold */
  --st-color-accent-hover: #C1921B;   /* Darker Gold on Hover */
  --st-color-bg: #FAF7F2;             /* Warm Ivory Page Background */
  --st-color-surface: #FFFFFF;        /* Pure White Surface (Cards/Modals) */
  --st-color-heading: #15344D;        /* Heading Text */
  --st-color-body: #555555;           /* Body Text */
  --st-color-border: #E7DED2;         /* Subtle Border */
  --st-color-border-focus: #D9A520;   /* Input Focus Border */

  /* --- Status Colors --- */
  --st-color-success: #2E8B57;       /* Sea Green */
  --st-color-warning: #F59E0B;       /* Amber */
  --st-color-error: #DC2626;         /* Crimson */

  /* --- Typography Tokens --- */
  --st-font-heading: 'Playfair Display', Georgia, serif;
  --st-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Font Sizes */
  --st-fs-h1: 60px;
  --st-fs-h2: 48px;
  --st-fs-h3: 36px;
  --st-fs-h4: 30px;
  --st-fs-h5: 24px;
  --st-fs-h6: 20px;
  --st-fs-body-lg: 18px;
  --st-fs-body: 16px;
  --st-fs-sm: 14px;
  --st-fs-caption: 12px;

  /* Font Weights */
  --st-fw-hero: 700;
  --st-fw-heading: 700;
  --st-fw-subheading: 600;
  --st-fw-button: 600;
  --st-fw-label: 500;
  --st-fw-body: 400;

  /* --- Radius Tokens --- */
  --st-radius-sm: 8px;
  --st-radius-md: 12px;
  --st-radius-lg: 18px;
  --st-radius-xl: 24px;
  --st-radius-pill: 999px;

  /* --- Shadow Tokens --- */
  --st-shadow-card: 0 4px 12px rgba(0, 0, 0, 0.06);
  --st-shadow-hover: 0 10px 30px rgba(0, 0, 0, 0.08);
  --st-shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.12);

  /* --- Transition Tokens --- */
  --st-transition: all 250ms ease-out;

  /* --- Layout & Spacing Tokens --- */
  --st-max-width: 1280px;
  --st-container-width: 1440px;
  --st-nav-height: 88px;
  --st-section-gap: 120px;
  --st-component-gap: 32px;
  --st-card-gap: 24px;
}

/* --------------------------------------------------------------------------
   3. GLOBAL RESET & BASE STYLES
   -------------------------------------------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--st-color-bg);
  color: var(--st-color-body);
  font-family: var(--st-font-body);
  font-size: var(--st-fs-body);
  font-weight: var(--st-fw-body);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Typography Base --- */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--st-font-heading);
  color: var(--st-color-heading);
  font-weight: var(--st-fw-heading);
  line-height: 1.25;
  margin-bottom: 0.5em;
}

h1 { font-size: var(--st-fs-h1); font-weight: var(--st-fw-hero); }
h2 { font-size: var(--st-fs-h2); }
h3 { font-size: var(--st-fs-h3); }
h4 { font-size: var(--st-fs-h4); }
h5 { font-size: var(--st-fs-h5); }
h6 { font-size: var(--st-fs-h6); }

p {
  margin-bottom: 1rem;
}

a {
  color: var(--st-color-primary);
  text-decoration: none;
  transition: var(--st-transition);
}

a:hover {
  color: var(--st-color-accent);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* --------------------------------------------------------------------------
   4. LAYOUT & CONTAINERS
   -------------------------------------------------------------------------- */
.st-container {
  width: 100%;
  max-width: var(--st-container-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.st-content-wrapper {
  max-width: var(--st-max-width);
  margin-left: auto;
  margin-right: auto;
}

.st-section {
  padding-top: var(--st-section-gap);
  padding-bottom: var(--st-section-gap);
}

/* --------------------------------------------------------------------------
   5. BUTTONS (SPECIFICATION COMPLIANT)
   -------------------------------------------------------------------------- */
.st-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 48px;
  padding: 0 28px;
  font-family: var(--st-font-body);
  font-size: var(--st-fs-body);
  font-weight: var(--st-fw-button);
  border-radius: var(--st-radius-md);
  border: 1px solid transparent;
  cursor: pointer;
  transition: var(--st-transition);
  text-align: center;
  white-space: nowrap;
  user-select: none;
}

/* Primary Button: Gold Background, White Text */
.st-btn-primary {
  background-color: var(--st-color-accent);
  color: #FFFFFF;
  border-color: var(--st-color-accent);
  box-shadow: var(--st-shadow-card);
}

.st-btn-primary:hover {
  background-color: var(--st-color-accent-hover);
  border-color: var(--st-color-accent-hover);
  color: #FFFFFF;
  box-shadow: var(--st-shadow-hover);
}

/* Secondary Button: White Background, Navy Border & Text */
.st-btn-secondary {
  background-color: var(--st-color-surface);
  color: var(--st-color-primary);
  border: 1px solid var(--st-color-primary);
}

.st-btn-secondary:hover {
  background-color: var(--st-color-primary);
  color: #FFFFFF;
}

/* Outline Gold Button */
.st-btn-outline-gold {
  background-color: transparent;
  color: var(--st-color-accent);
  border: 1px solid var(--st-color-accent);
}

.st-btn-outline-gold:hover {
  background-color: var(--st-color-accent);
  color: #FFFFFF;
}

/* Button Sizes */
.st-btn-sm {
  height: 38px;
  padding: 0 18px;
  font-size: var(--st-fs-sm);
  border-radius: var(--st-radius-sm);
}

.st-btn-lg {
  height: 56px;
  padding: 0 36px;
  font-size: var(--st-fs-body-lg);
  border-radius: var(--st-radius-lg);
}

.st-btn-full {
  width: 100%;
}

/* --------------------------------------------------------------------------
   6. CARDS & SURFACES
   -------------------------------------------------------------------------- */
.st-card {
  background-color: var(--st-color-surface);
  border-radius: var(--st-radius-xl);
  border: 1px solid var(--st-color-border);
  padding: 32px;
  box-shadow: var(--st-shadow-card);
  transition: var(--st-transition);
}

.st-card-hover:hover {
  transform: translateY(-4px);
  box-shadow: var(--st-shadow-hover);
  border-color: var(--st-color-accent);
}

/* Product Card Spec */
.st-product-card {
  background-color: var(--st-color-surface);
  border-radius: var(--st-radius-lg);
  border: 1px solid var(--st-color-border);
  padding: 20px;
  box-shadow: var(--st-shadow-card);
  transition: var(--st-transition);
  display: flex;
  flex-direction: column;
}

.st-product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--st-shadow-hover);
}

/* --------------------------------------------------------------------------
   7. FORM INPUTS & CONTROLS
   -------------------------------------------------------------------------- */
.st-form-group {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.st-label {
  font-family: var(--st-font-body);
  font-size: var(--st-fs-sm);
  font-weight: var(--st-fw-label);
  color: var(--st-color-heading);
}

.st-input,
.st-select,
.st-textarea {
  width: 100%;
  height: 52px;
  padding: 0 16px;
  font-family: var(--st-font-body);
  font-size: var(--st-fs-body);
  color: var(--st-color-heading);
  background-color: var(--st-color-surface);
  border: 1px solid var(--st-color-border);
  border-radius: var(--st-radius-md);
  outline: none;
  transition: var(--st-transition);
}

.st-textarea {
  height: auto;
  min-height: 120px;
  padding: 16px;
  resize: vertical;
}

.st-input::placeholder,
.st-textarea::placeholder {
  color: #999999;
}

.st-input:focus,
.st-select:focus,
.st-textarea:focus {
  border-color: var(--st-color-border-focus);
  box-shadow: 0 0 0 3px rgba(217, 165, 32, 0.15);
}

/* --------------------------------------------------------------------------
   8. NAVIGATION HEADER BAR
   -------------------------------------------------------------------------- */
.st-navbar {
  height: var(--st-nav-height);
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--st-color-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px;
  transition: var(--st-transition);
}

@media (max-width: 768px) {
	.theme-header .st-header-portal-icon-btn, .theme-header .theme-wishlist-icon {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   9. BADGES & TAGS
   -------------------------------------------------------------------------- */
.st-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: var(--st-radius-pill);
  font-size: var(--st-fs-caption);
  font-weight: var(--st-fw-subheading);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.st-badge-gold {
  background-color: rgba(217, 165, 32, 0.12);
  color: var(--st-color-accent-hover);
  border: 1px solid rgba(217, 165, 32, 0.3);
}

.st-badge-navy {
  background-color: rgba(21, 52, 77, 0.1);
  color: var(--st-color-primary);
  border: 1px solid rgba(21, 52, 77, 0.2);
}

.st-badge-success {
  background-color: rgba(46, 139, 87, 0.1);
  color: var(--st-color-success);
}

.st-badge-error {
  background-color: rgba(220, 38, 38, 0.1);
  color: var(--st-color-error);
}

/* --------------------------------------------------------------------------
   10. CUSTOM SCROLLBAR (THIN GOLD STRIP)
   -------------------------------------------------------------------------- */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: var(--st-color-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--st-color-accent);
  border-radius: var(--st-radius-pill);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--st-color-accent-hover);
}

/* --------------------------------------------------------------------------
   11. HELPER UTILITY CLASSES
   -------------------------------------------------------------------------- */
/* Colors */
.st-text-navy { color: var(--st-color-primary) !important; }
.st-text-gold { color: var(--st-color-accent) !important; }
.st-text-body { color: var(--st-color-body) !important; }
.st-text-heading { color: var(--st-color-heading) !important; }
.st-bg-navy { background-color: var(--st-color-primary) !important; }
.st-bg-gold { background-color: var(--st-color-accent) !important; }
.st-bg-ivory { background-color: var(--st-color-bg) !important; }
.st-bg-surface { background-color: var(--st-color-surface) !important; }

/* Font Family Utilities */
.st-font-heading { font-family: var(--st-font-heading) !important; }
.st-font-body { font-family: var(--st-font-body) !important; }

/* Text Align */
.st-text-center { text-align: center !important; }
.st-text-left { text-align: left !important; }
.st-text-right { text-align: right !important; }

/* Flex & Grid Utilities */
.st-flex { display: flex; }
.st-flex-center { display: flex; align-items: center; justify-content: center; }
.st-flex-between { display: flex; align-items: center; justify-content: space-between; }
.st-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--st-card-gap); }
.st-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--st-card-gap); }
.st-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--st-card-gap); }

/* Dividers */
.st-divider {
  height: 1px;
  background-color: var(--st-color-border);
  margin: 32px 0;
  border: none;
}

.st-divider-gold {
  height: 2px;
  background-color: var(--st-color-accent);
  width: 60px;
  margin: 16px 0;
  border: none;
}

/* --------------------------------------------------------------------------
   12. RESPONSIVE BREAKPOINTS
   -------------------------------------------------------------------------- */
@media (max-width: 992px) {
  :root {
    --st-fs-h1: 42px;
    --st-fs-h2: 36px;
    --st-fs-h3: 28px;
    --st-section-gap: 80px;
  }

  .st-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .st-navbar {
    padding: 0 40px;
  }

  .st-grid-3, .st-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  :root {
    --st-fs-h1: 32px;
    --st-fs-h2: 28px;
    --st-fs-h3: 24px;
    --st-section-gap: 48px;
  }

  .st-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .st-navbar {
    padding: 0 20px;
    height: 72px;
  }

  .st-grid-2, .st-grid-3, .st-grid-4 {
    grid-template-columns: 1fr;
  }

  .st-btn {
    width: 100%;
  }
}


/* =====================================
   HIDE DEFAULT FILTERS COLUMN
===================================== */

[data-zs-filter-container],
.theme-produt-filter-row,
.theme-product-filter-row {
  display: none !important;
}

.theme-productfilter-enable .theme-produt-category-list-row,
.theme-productfilter-enable .theme-product-category-list-row {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}


/* =====================================
   THEME PORTAL POPUP & MODAL STYLES
   ===================================== */

/* Backdrop Overlay */
.theme-portal-popup-overlay,
.theme-portal-overlay,
.theme-portal-backdrop,
[data-zs-portal-popup-overlay] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 999998 !important;
}

/* Modal Window Container */
.theme-portal-popup {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    width: 90% !important;
    max-width: 440px !important;
    height: auto !important;
    max-height: 90vh !important;
    background-color: var(--st-color-surface) !important;
    border-radius: 18px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    padding: 44px 32px 32px 32px !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
    transition: var(--st-transition) !important;
    overflow: hidden !important;
}

/* Close Button */
.theme-close-portal-button {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: var(--st-transition) !important;
    z-index: 10 !important;
    outline: none !important;
}

.theme-close-portal-button:hover {
    background-color: rgba(21, 52, 77, 0.06) !important;
    transform: scale(1.08) !important;
}

.theme-close-portal-button svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
}

.theme-close-portal-button svg path {
    stroke: var(--st-color-primary) !important;
    stroke-width: 2px !important;
    transition: stroke 200ms ease !important;
}

.theme-close-portal-button:hover svg path {
    stroke: var(--st-color-accent) !important;
}

/* Form Container */
.theme-portal-form-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Iframes inside Modal */
.theme-portal-form-container iframe.signin-iframe,
.theme-portal-form-container iframe.forgetpassword-iframe,
.theme-portal-popup iframe {
    width: 100% !important;
    border: none !important;
    min-height: 270px !important;
    height: auto !important;
    background: transparent !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Back to Sign In Link Container & Anchor */
.theme-forgotpassword-back {
    margin-top: 16px !important;
    text-align: center !important;
    width: 100% !important;
}

.theme-forgotpassword-back a {
    font-family: var(--st-font-body) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--st-color-accent) !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    transition: var(--st-transition) !important;
    display: inline-block !important;
}

.theme-forgotpassword-back a:hover {
    color: var(--st-color-accent-hover) !important;
    opacity: 0.88 !important;
}

.theme-portal-form-container iframe .hellouser .Notyou {
  color: var(--st-color-accent) !important;
}

/* Responsive Modal Sizing for Mobile */
@media screen and (max-width: 576px) {
    .theme-portal-popup {
        width: 92% !important;
        padding: 36px 20px 24px 20px !important;
        border-radius: 16px !important;
    }

    .theme-close-portal-button {
        top: 12px !important;
        right: 12px !important;
    }  
}


/* =====================================
   CUSTOM SUB CATEGORY SIDEBAR
===================================== */

/* 1. Shared / Common Styles for all devices */
.st-sidebar {
  background: #fff;
  overflow-y: auto;
  top: 130px;
}

.st-sidebar:empty {
  display: none !important;
}

.st-sidebar-item {
  display: flex;
  text-decoration: none;
  transition: 0.3s;
  color: #444;
  border: 1px solid #eee;
}

.st-sidebar-item:hover {
  background: #fff3ea;
  color: #eead0e;
}

.st-sidebar-item.active {
  background: #d4a017 !important;
  color: #fff;
  font-weight: 600;
}

.st-sidebar-thumb {
  overflow: hidden;
  flex-shrink: 0;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.st-sidebar-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.st-sidebar-content {
  display: flex;
  flex: 1;
  min-width: 0;
}

.st-sidebar-text {
  font-weight: 500;
}

/* 2. Desktop Specific Styles (992px and up) */
@media screen and (min-width: 992px) {
  .st-sidebar {
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    margin: 0px 0px 15px 0px;
    flex: 0 0 250px !important;
    width: 250px !important;
    position: sticky !important;
    top: 130px !important;
    align-self: flex-start !important;
    max-height: calc(100vh - 150px) !important;
    overflow-y: auto !important;
    z-index: 10 !important;
  }

  .st-sidebar-item {
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-bottom: 1px solid #f2f2f2;
    padding-left: calc(12px + (var(--level) * 20px));
  }

  .st-sidebar-thumb {
    width: 42px;
    height: 42px;
    border-radius: 10px;
  }

  .st-sidebar-item.level-1 .st-sidebar-thumb,
  .st-sidebar-item.level-2 .st-sidebar-thumb {
    width: 32px;
    height: 32px;
  }

  .st-sidebar-text {
    font-size: 14px;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
    line-height: 1.4;
  }

  .st-sidebar-arrow {
    font-size: 12px;
    color: #888;
    transition: transform 0.25s ease;
  }

  .st-sidebar-arrow.open {
    transform: rotate(90deg);
  }

  .st-sidebar-item.active .st-sidebar-arrow {
    color: #1d4ed8;
  }

  /* Nested Category Styling (Tree Lines) */
  .st-sidebar-item.level-0 {
    position: relative;
    background: #fff;
  }

  .st-sidebar-item.level-1 {
    padding-left: 12px;
    background: #fafafa;
    border-left: 3px solid #f47c20;
  }

  .st-sidebar-item.level-2 {
    margin-left: 22px;
    padding-left: 4px;
    background: #f5f5f5;
    border-left: 3px solid #d9d9d9;
    position: relative;
  }

  .st-sidebar-item.level-1.active,
  .st-sidebar-item.level-2.active {
    background: #fff3eb;
    border-left-color: #f47c20;
  }

  .st-sidebar-all-item {
    padding-left: 14px;
  }

  .theme-produt-filter-row {
    position: sticky !important;
    top: 90px !important;
  }
}

/* 3. Mobile Specific Styles (991px and down) */
@media screen and (max-width: 991px) {
  .st-category-layout-wrapper {
    gap: 6px !important;
    padding: 0px 4px 0 4px !important;
  }

  .st-sidebar {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    border-right: 1px solid #eee;
    position: sticky !important;
    top: 100px !important;
    height: calc(100vh - 185px) !important;
    max-height: calc(100vh - 185px) !important;
    align-self: flex-start !important;
    z-index: 5 !important;
    margin-right: 2px !important;
    flex: 0 0 82px !important;
    padding: 4px 2px !important;
  }

  .st-sidebar-item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 6px 2px;
    text-align: center;
  }

  .st-sidebar-thumb {
    width: 34px;
    height: 34px;
    border-radius: 8px;
  }

  .st-sidebar-arrow {
    display: none !important;
  }

  .st-sidebar-text {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 500;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  /* Style sub-categories and child categories on mobile to show hierarchy */
  .st-sidebar-item.level-1,
  .st-sidebar-item.level-2,
  .st-sidebar-item.level-3 {
    display: flex !important;
  }

  .st-sidebar-item.level-1 .st-sidebar-thumb,
  .st-sidebar-item.level-2 .st-sidebar-thumb {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }
}

/* =====================================
   LAYOUT RULES FOR SIDE-BY-SIDE SIDEBAR & CATEGORY SECTION
===================================== */
.st-category-layout-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  gap: 24px !important;
  padding: 0px 15px 0 15px !important;
}

@media screen and (min-width: 1200px) {
  .st-category-layout-wrapper {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0px 30px 0 30px !important;
  }
}

.st-category-main-content {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.st-category-main-content .theme-section,
.st-category-main-content .theme-collection-section,
.st-category-main-content .zpcontainer,
.st-category-main-content .theme-produt-category-list-row,
.st-category-main-content .theme-product-category-list-row {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.st-category-main-content .theme-section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.theme-product-filter-icon-mobile {
  display: none !important;
}

.theme-produt-category-list-row .zpcol-sm-12,
.theme-produt-category-list-row .zpcol-md-12 {
  display: flex !important;
  align-items: flex-start !important;
}

.theme-product-collection-container {
  flex: 1 !important;
  min-width: 0 !important;
}

.theme-produt-category-list-row,
.theme-product-category-list-row {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}

/* Variant Count */
.st-variant-count {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  padding: 4px 10px;
  background: #fff5e8;
  color: #a25c00;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  width: max-content;
  cursor: pointer;
  transition:
    background 0.2s ease,
    transform 0.1s ease;
}

.st-variant-count:hover {
  background: #ffe8cc;
}

.st-variant-count:active {
  transform: scale(0.95);
}

.st-variant-count i {
  font-size: 12px;
}

/* Header Logo */
.theme-logo-parent img {
  height: 80px !important;
  width: auto !important;
}

@media (max-width: 768px) {
  .theme-header
    .zpcontainer
    .theme-branding-info
    .theme-logo-parent
    a
    img.mobileLogoAuto {
    height: 80px !important;
  }

  .theme-logo-parent img {
    height: 40px !important;
  }
}

#userProfileEditBtn {
  display: none !important;
}


/* ==========================================================================
   SAURABH TRADERS - RATES PAGE LIST VIEW STYLING
   ========================================================================== */
body.st-rates-page,
.product-rates,
.product-rates .zpstorecollection-container,
.product-rates [data-zs-product-collection],
.product-rates [data-zs-product-collection-container],
.product-rates .theme-product-collection-container {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 0 !important;
  box-sizing: border-box !important;
}

/* Reset negative margins on Zoho theme ratio/row containers so table & search bar stay 100% inside container */
body.st-rates-page .theme-product-ratio,
.product-rates .theme-product-ratio,
.product-rates .zprow,
.product-rates .zprow.theme-product-ratio {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}

/* Search Input Container & Element */
body .product-rates .st-rates-search-container,
body.st-rates-page .st-rates-search-container {
  position: relative;
  margin-bottom: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.st-rates-search-icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--st-color-primary, #15344D);
  font-size: 16px;
  pointer-events: none;
  transition: var(--st-transition, all 250ms ease-out);
}

.st-rates-search-input {
  width: 100%;
  height: 52px;
  padding: 12px 20px 12px 48px;
  border: 1px solid var(--st-color-border, #E7DED2);
  border-radius: var(--st-radius-md, 12px);
  box-sizing: border-box;
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: var(--st-fs-body, 16px);
  outline: none;
  background-color: var(--st-color-surface, #FFFFFF);
  color: var(--st-color-heading, #15344D);
  box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.06));
  transition: var(--st-transition, all 250ms ease-out);
}

.st-rates-search-input::placeholder {
  color: #999999;
}

.st-rates-search-input:focus {
  border-color: var(--st-color-accent, #D9A520);
  box-shadow: var(--st-shadow-hover, 0 10px 30px rgba(0, 0, 0, 0.08));
}

.st-rates-search-container:focus-within .st-rates-search-icon {
  color: var(--st-color-accent, #D9A520);
}

/* Rates Page: Hide Search Icon in Header */
body.product-rates [data-zs-search-container],
body.product-rates [data-zs-search-icon],
body.product-rates [data-zs-search],
body.product-rates .theme-header-search-icon,
body.product-rates .theme-search-icon,
body.product-rates .theme-neobrutal-search-field-container,
body.product-rates .theme-search-box,
body.product-rates .zpheader-search,
body.product-rates .zpheader-search-icon,
body.st-rates-page [data-zs-search-container],
body.st-rates-page [data-zs-search-icon],
body.st-rates-page [data-zs-search],
body.st-rates-page .theme-header-search-icon,
body.st-rates-page .theme-search-icon,
body.st-rates-page .theme-neobrutal-search-field-container,
body.st-rates-page .theme-search-box,
body.st-rates-page .zpheader-search,
body.st-rates-page .zpheader-search-icon {
  display: none !important;
}

/* Table Scroll Wrapper Container (Internal Horizontal Scroll for Mobile) */
.st-rates-table-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--st-radius-md, 12px);
  border: 1px solid var(--st-color-border, #E7DED2);
  background-color: var(--st-color-surface, #FFFFFF);
  box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.06));
  margin-bottom: 24px;
}

/* Custom Horizontal Scrollbar Styling */
.st-rates-table-wrapper::-webkit-scrollbar {
  height: 6px;
}
.st-rates-table-wrapper::-webkit-scrollbar-track {
  background: var(--st-color-bg, #FAF7F2);
  border-radius: 4px;
}
.st-rates-table-wrapper::-webkit-scrollbar-thumb {
  background: var(--st-color-accent, #D9A520);
  border-radius: 4px;
}

/* Inner Table Container (Preserves 6-Column Layout Width) */
.st-rates-table-inner {
  width: 100%;
  min-width: 660px; /* Ensures all 6 columns fit with optimal spacing & no text spill */
  box-sizing: border-box;
}

/* Custom Table Header */
.st-rates-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 20px !important;
  background-color: var(--st-color-primary, #15344D) !important;
  border-bottom: 2px solid var(--st-color-accent, #D9A520) !important;
  color: var(--st-color-surface, #FFFFFF) !important;
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-weight: var(--st-fw-subheading, 600) !important;
  font-size: var(--st-fs-sm, 14px) !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

/* Table Body & Product Containers (Forces 100% Width Vertical Row Stacking) */
.st-rates-table-body {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
}

.product-rates .theme-prod-box,
.st-rates-table-body .theme-prod-box,
.st-rates-table-body > div,
.product-rates .theme-product-ratio > *,
.product-rates [class*="zpcol-"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  float: none !important;  
  margin: 0 !important;
 	padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
  box-sizing: border-box !important;  
}

.st-rates-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 20px !important;
  background-color: var(--st-color-surface, #FFFFFF) !important;
  border-bottom: 1px solid var(--st-color-border, #E7DED2) !important;
  transition: var(--st-transition, all 250ms ease-out) !important;
  text-align: left !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;  
  box-sizing: border-box !important;
  float: none !important;  
}

.product-rates .theme-prod-box:last-child .st-rates-row:last-child,
.st-rates-table-body > div:last-child .st-rates-row:last-child {
  border-bottom: none !important;
}

.st-rates-row:hover {
  background-color: var(--st-color-bg, #FAF7F2) !important;
  box-shadow: inset 4px 0 0 var(--st-color-accent, #D9A520) !important;
}

/* Flex Column Widths (matching Header & Rows) */
.st-rates-col-image {
  flex: 0 0 60px !important;
  margin-right: 14px !important;
  text-align: center !important;
}

.st-rates-col-brand {
  flex: 1 !important;
  text-align: left !important;
  padding-right: 12px !important;
  min-width: 0 !important;
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: var(--st-fs-sm, 14px);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.st-rates-col-name {
  flex: 2 !important;
  text-align: left !important;
  padding-right: 12px !important;
  min-width: 0 !important;
}

.st-rates-col-name .st-rates-item-link {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: var(--st-fs-body, 16px) !important;
  font-weight: var(--st-fw-subheading, 600) !important;
  color: var(--st-color-primary, #15344D) !important;
  text-decoration: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  display: inline-block !important;
  transition: color 0.2s ease !important;
}

.st-rates-col-name .st-rates-item-link:hover {
  color: var(--st-color-accent, #D9A520) !important;
  text-decoration: underline !important;
}

.st-rates-col-variant {
  flex: 1.2 !important;
  text-align: left !important;
  padding-right: 12px !important;
  min-width: 0 !important;
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: var(--st-fs-sm, 14px);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.st-rates-col-avail {
  flex: 1 !important;
  text-align: center !important;
  min-width: 0 !important;
}

.st-rates-col-price {
  flex: 1.2 !important;
  text-align: center !important;
  min-width: 0 !important;
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: var(--st-fs-body-lg, 18px) !important;
  font-weight: 700 !important;
  color: var(--st-color-accent, #D9A520) !important;
}

.st-rates-row .st-rates-col-image img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border: 1px solid var(--st-color-border, #E7DED2);
  border-radius: var(--st-radius-sm, 8px);
  padding: 3px;
  background-color: #ffffff;
  display: block;
}

.st-rates-availability {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-weight: var(--st-fw-subheading, 600) !important;
  white-space: nowrap !important;
  font-size: var(--st-fs-sm, 14px) !important;
  padding: 4px 12px;
  border-radius: var(--st-radius-pill, 999px);
  display: inline-block;
}

.st-in-stock {
  color: var(--st-color-success, #2E8B57) !important;
  background-color: rgba(46, 139, 87, 0.08) !important;
}

.st-out-stock {
  color: var(--st-color-error, #DC2626) !important;
  background-color: rgba(220, 38, 38, 0.08) !important;
}

/* Hide Unused Elements in Rates Page */
.product-rates .theme-prod-box .theme-cta-wishlist-wrapper,
.product-rates .theme-prod-box .theme-product-ribbon-area,
.product-rates .theme-prod-box .theme-rating,
.product-rates .theme-prod-box .st-variant-count,
.product-rates .theme-prod-box .theme-product-short-description,
.product-rates .theme-prod-box .theme-ribbon-stock,
.product-rates .theme-prod-box .theme-product-image-loader-dots {
  display: none !important;
}

.product-rates .theme-product-list-style-07 .theme-product-box-content .theme-product-image-area {
  min-height: auto !important;
}

.product-rates .theme-product-ratio .theme-product-list-style-07.theme-product-count-xsm-02:nth-child(even),
.product-rates .theme-product-ratio .theme-product-list-style-07.theme-product-count-xsm-02:nth-child(odd) {
  padding-inline-start: 0px !important;
  padding-inline-end: 0px !important;
}

/* Mobile Styling for Rates Page */
@media screen and (max-width: 768px) {
  body .product-rates .st-rates-search-container {
    margin-bottom: 16px !important;
	}

  .st-rates-header {
    font-size: 12px !important;
    padding: 12px 16px !important;
  }

  .st-rates-row {
    padding: 10px 16px !important;
  }
  
  .st-rates-col-brand,
  .st-rates-col-variant {
    font-size: 13px !important;
      }

  .st-rates-col-name .st-rates-item-link {
    font-size: 14px !important;
  }
  
  .st-rates-col-price {
    font-size: 15px !important;
  }
}


/* ==========================================================================
   USER PORTAL / ACCOUNT DROPDOWN MENU & POPUP STYLES
   ========================================================================== */
.theme-portal-login.theme-portal-icon-enabled .theme-portal-container {
  border-radius: var(--st-radius-md, 12px);
}

.theme-portal-login.theme-portal-icon-enabled .theme-portal-content a[data-portal-signin] {
  border-radius: var(--st-radius-md, 12px);
}

/*=====================================
        WHATSAPP FLOATING BUTTON
=====================================*/
.st-whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 32px;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--st-radius-pill, 999px);
  background-color: #25D366;
  color: var(--st-color-surface, #FFFFFF);
  text-decoration: none;
  font-size: 24px;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
  transition: var(--st-transition, all 250ms ease-out);
  z-index: 9998;
}

.st-whatsapp-float:hover {
  background-color: #20BD5A;
  color: var(--st-color-surface, #FFFFFF);
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 8px 22px rgba(37, 211, 102, 0.45);
}

.st-whatsapp-float i {
  transition: transform 250ms ease-out;
}

.st-whatsapp-float:hover i {
  transform: scale(1.1);
}

/* Tooltip on Hover */
.st-whatsapp-tooltip {
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%) translateX(10px);
  background-color: var(--st-color-primary, #15344D);
  color: var(--st-color-surface, #FFFFFF);
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: var(--st-radius-sm, 8px);
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--st-transition, all 250ms ease-out);
}

.st-whatsapp-tooltip::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  border-width: 5px 0 5px 6px;
  border-style: solid;
  border-color: transparent transparent transparent var(--st-color-primary, #15344D);
}

.st-whatsapp-float:hover .st-whatsapp-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

@media (max-width: 768px) {
  .st-whatsapp-float {
    right: 16px;
    bottom: 92px;
    width: 44px;
    height: 44px;
    font-size: 22px;
  }

  .st-whatsapp-tooltip {
    display: none;
  }
}


/*=====================================
        GO TO TOP BUTTON
=====================================*/

.st-scroll-top {
  position: fixed;
  right: 24px;
  bottom: 92px;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--st-radius-pill, 999px);
  background-color: var(--st-color-accent, #D9A520);
  color: var(--st-color-surface, #FFFFFF);
  text-decoration: none;
  font-size: 18px;
  box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.06));
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: var(--st-transition, all 250ms ease-out);
  z-index: 9998;
}

.st-scroll-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.st-scroll-top:hover {
  background-color: var(--st-color-accent-hover, #C1921B);
  color: var(--st-color-surface, #FFFFFF);
  transform: translateY(-4px);
  box-shadow: var(--st-shadow-hover, 0 10px 30px rgba(0, 0, 0, 0.08));
}

.st-scroll-top i {
  transition: transform 250ms ease-out;
}

.st-scroll-top:hover i {
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .st-scroll-top {
    right: 16px;
    bottom: 152px;
    width: 44px;
    height: 44px;
    font-size: 16px;
  }
}

/*==============================
        MOBILE FOOTER
==============================*/
.st-mobile-footer {
  display: none;
}

@media screen and (max-width: 768px) {
  .st-mobile-footer {
    position: fixed;
    left: 15px;
    right: 15px;
    bottom: 15px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border: 1px solid #e8e2d6;
    border-radius: 20px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
    z-index: 99999;
  }

  /* Hide Desktop Footer */
  .theme-footer-area {
    display: none;
  }

  /*==============================
            NAVIGATION ITEMS
    ==============================*/
  .st-mobile-item {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #444;
    position: relative;
    transition: 0.3s ease;
  }

  .st-mobile-item:hover {
    color: #d4a017;
    transform: translateY(-3px);
  }

  .st-mobile-item.active {
    color: #d4a017;
  }

  .st-mobile-item i {
    font-size: 20px;
    margin-bottom: 5px;
    color: #3b2f1f;
    transition: 0.3s;
  }

  .st-mobile-item:hover i,
  .st-mobile-item.active i {
    color: #d4a017;
  }

  .st-mobile-item span {
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: #555;
    transition: 0.3s;
  }

  .st-mobile-item:hover span,
  .st-mobile-item.active span {
    color: #d4a017;
  }

  /*==============================
                DIVIDERS
    ==============================*/

  .st-mobile-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 18px;
    width: 1px;
    height: 36px;
    background: #e8e2d6;
  }

  .st-mobile-home + .st-mobile-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 1px;
    height: 36px;
    background: #e8e2d6;
  }

  .st-mobile-item:last-child::after {
    display: none;
  }

  /*==============================
            HOME BUTTON
    ==============================*/

  .st-mobile-home {
    width: 88px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    position: relative;
  }

  .st-mobile-home-circle {
    width: 84px;
    height: 84px;
    margin-top: -44px;
    border-radius: 50%;
    background: linear-gradient(180deg, #f7c94a, #d4a017);
    border: 7px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 25px rgba(212, 160, 23, 0.35);
    transition: 0.3s ease;
  }

  .st-mobile-home:hover .st-mobile-home-circle {
    transform: translateY(-5px);
  }

  .st-mobile-home.active .st-mobile-home-circle {
    background: linear-gradient(180deg, #ffd95a, #c48d00);
  }

  .st-mobile-home-circle i {
    font-size: 34px;
    color: #2f2f2f;
  }
}

/*==============================
            DESKTOP
==============================*/
@media screen and (min-width: 769px) {
  .st-mobile-footer {
    display: none !important;
  }
  
  .theme-footer-area,
  footer,
  [data-zs-footer] {
    display: block !important;
  }
  
  .theme-header .zpcontainer .theme-branding-info .theme-logo-parent a img.mobileLogoAuto {
    height: 80px !important;
    width: auto !important;
  }
}

/*==========================
        MODAL
===========================*/

.st-variant-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 999999;
  font-family: inherit;
}

.st-variant-modal.active {
  display: block;
}

.st-variant-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(2px);
}

/*==========================
        SHEET
===========================*/

.st-variant-sheet {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  max-width: 95vw;
  max-height: 85vh;
  overflow: auto;
  background: #fff;
  border: 1px solid #e8e2d6;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
  animation: stPopup 0.25s ease;
}

@keyframes stPopup {
  from {
    opacity: 0;
    transform: translate(-50%, -45%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/*==========================
        HEADER
===========================*/

.st-sheet-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 22px;
    border-bottom: 1px solid #e8e2d6;
  background: #fff5e8;
  border-radius: 16px 16px 0 0;
}

.st-sheet-header h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #4f3622;
}

/* Brand Name in Modal Header */
.st-modal-brand-name {
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: 13px;
  font-weight: 700;
  color: var(--st-color-accent, #D9A520);
  margin-top: 3px;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.st-sheet-header span {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  color: #a25c00;
  font-weight: 600;
}

#stCloseVariantModal {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #e8e2d6;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  transition: 0.25s;
  color: #4f3622;
  display: flex;
  align-items: center;
  justify-content: center;
}

#stCloseVariantModal:hover {
  background: #fff5e8;
  color: #d4a017;
  border-color: #d4a017;
}

/*==========================
        LIST
===========================*/
#stVariantList {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/*==========================
        CARD
===========================*/

.st-variant-card {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  padding: 20px;
  border: 1px solid #e8e2d6;
  border-radius: 12px;
  transition: 0.25s;
  background: #fff;
}

.st-variant-card:hover {
  box-shadow: 0 8px 24px rgba(212, 160, 23, 0.12);
  border-color: #d4a017;
}

.st-left-group {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
}

.st-variant-image-wrapper {
  width: 140px;
  height: 110px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e8e2d6;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--st-color-bg, #FAF7F2);
  flex-shrink: 0;
  padding: 4px;
}

.st-variant-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.st-left {
  flex: 1;
}

/* Brand Name in Variant Card Row */
.st-variant-brand-label {
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: 12px;
  font-weight: 600;
  color: #888888;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.st-variant-brand-label span {
  color: var(--st-color-primary, #15344D);
  font-weight: 700;
}

.st-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 12px;
}

.st-variant-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #4f3622;
}

.st-price {
  font-size: 22px;
  font-weight: 700;
  color: #3b2f1f;
  margin-bottom: 10px;
}

.st-stock {
  font-size: 13px;
  color: #a25c00;
  font-weight: 500;
}

/*==========================
        QTY
===========================*/
.st-qty {
  display: flex;
  align-items: center;
  gap: 8px;
}

.st-qty button {
  width: 34px;
  height: 34px;
  border: 1px solid #e8e2d6;
  background: #fff5e8;
  cursor: pointer;
  font-size: 14px;
  border-radius: 6px;
  color: #4f3622;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
}

.st-qty button:hover:not(:disabled) {
  background: #ffe8cc;
  border-color: #d4a017;
  color: #d4a017;
}

.st-qty input {
  width: 50px;
  text-align: center;
  height: 34px;
  border: 1px solid #e8e2d6;
  border-radius: 6px;
  color: #4f3622;
  font-weight: 600;
  transition: 0.2s ease;
}

.st-qty input:focus {
  outline: none;
  border-color: #d4a017;
  box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.2);
}

/*==========================
        BUTTONS
===========================*/
.st-actions {
  display: flex;
  gap: 10px;
}

.st-add-cart {
  background: #d4a017;
  color: #fff;
  border: 1px solid #d4a017;
  padding: 10px 18px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s ease;
}

.st-add-cart:hover:not(:disabled) {
  background: #b5860b;
  border-color: #b5860b;
}

.st-add-cart:disabled,
.st-qty button:disabled,
.st-qty input:disabled {
  opacity: 0.55;
  cursor: not-allowed !important;
  background: #f0f0f0 !important;
  color: #999 !important;
  border: 1px solid #ddd !important;
}

.st-view {
  background: #fff;
  border: 1px solid #d4a017;
  padding: 10px 18px;
  border-radius: 8px;
  text-decoration: none;
  color: #d4a017;
  font-weight: 600;
  transition: 0.3s ease;
}

.st-view:hover {
  background: #fff5e8;
  color: #a25c00;
}

/*==========================
        MOBILE
===========================*/

@media (max-width: 768px) {
  .st-variant-sheet {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    max-width: none;
    max-height: 88vh;
    transform: none;
    border-radius: 22px 22px 0 0;
    animation: sheet 0.25s;
  }
  
  .st-sheet-header {
    border-radius: 22px 22px 0 0;
  }
  
  .theme-header .zpcontainer .theme-branding-info .theme-logo-parent a img.mobileLogoAuto {
    height: 40px !important;
    width: auto !important;
  }

  @keyframes sheet {
    from {
      transform: translateY(100%);
    }

    to {
      transform: translateY(0);
    }
  }

  .st-variant-card {
    flex-direction: column;
  }

  .st-right {
    align-items: flex-start;
  }
}

.zpheader-style-10 .theme-navigation-and-icons .theme-neobrutal-search-field-container,
.theme-neobrutal-search-field-container {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  align-items: center !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: #fff5e8 !important;
  border: 1px solid #7C563F !important;
  border-radius: 100px !important;
}

.theme-neobrutal-search-field-container form {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.theme-neobrutal-search-field-container input[data-zs-search-input],
.theme-neobrutal-search-field-container input[type="text"],
.theme-neobrutal-search-field-container input {
  height: 100% !important;
  min-height: 36px !important;
  max-height: 36px !important;
  box-sizing: border-box !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 36px !important;
  font-size: 14px !important;
  border: none !important;
  background: transparent !important;
}

.theme-neobrutal-search-field-container button.theme-search-go,
.theme-neobrutal-search-field-container button[data-zs-search] {
  height: 30px !important;
  width: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin-right: 3px !important;
  box-sizing: border-box !important;
}

/* Contact Us - Submit Button */
#zsform_submit {
  background: #d4a017;
  color: #fff;
  border: 1px solid #d4a017;
}

/* Hide Quick View Button in Product Portfolio */
.product-portfolio-section .theme-product-quick-view {
  display: none !important;
}

/* Disable Pointer on Product Portfolio */
.product-portfolio-section .theme-prod-box a {
    pointer-events: none;
    cursor: default !important;
}


/* =====================================
   WISHLIST / TOAST ALERT (BOTTOM LEFT & THEMED)
===================================== */

/* Ensure complete hiding of the toast and ALL child icons when dismissed/closed by Zoho JS */
.theme-wishlist-alert-update[style*="display: none"],
.theme-wishlist-alert-update[style*="display:none"],
.theme-wishlist-alert-update[style*="opacity: 0"],
.theme-wishlist-alert-update[style*="opacity:0"],
.theme-wishlist-alert-update[style*="visibility: hidden"],
.theme-wishlist-alert-update[style*="visibility:hidden"],
.theme-wishlist-alert-update.theme-hide-message,
.theme-wishlist-alert-update.theme-wishlist-alert-remove,
.theme-wishlist-alert-update.theme-cart-alert-remove,
.theme-wishlist-alert-update[class*="remove"],
.theme-wishlist-alert-update[class*="hide"],
.theme-wishlist-alert-update.zp-hide,
.theme-wishlist-alert-update.hidden,
.theme-wishlist-alert-update:empty {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.theme-wishlist-alert-update[style*="display: none"] *,
.theme-wishlist-alert-update[style*="display:none"] *,
.theme-wishlist-alert-update[style*="opacity: 0"] *,
.theme-wishlist-alert-update[style*="opacity:0"] *,
.theme-wishlist-alert-update[style*="visibility: hidden"] *,
.theme-wishlist-alert-update[style*="visibility:hidden"] *,
.theme-wishlist-alert-update.theme-hide-message *,
.theme-wishlist-alert-update[class*="remove"] *,
.theme-wishlist-alert-update[class*="hide"] * {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Force Bottom-Left fixed position & disable jQuery top/height sliding */
.theme-wishlist-alert-update,
[data-wishlist-alert-update="theme-wishlist-alert-update"] {
  position: fixed !important;
  top: auto !important;
  left: 25px !important;
  right: auto !important;
  z-index: 999999 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: calc(100vw - 50px) !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  animation: stToastFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease !important;
}

/* Entrance Fade In-Place */
@keyframes stToastFadeIn {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Base Message Icon Badges */
.theme-wishlist-alert-update .theme-message-icon,
.theme-wishlist-alert-update [data-zs-success-icon],
.theme-wishlist-alert-update [data-zs-failure-icon] {
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
}

/* Success Icon Badge (Hidden to remove checkmark tick icon) */
.theme-wishlist-alert-update [data-zs-success-icon],
.theme-wishlist-alert-update .theme-cart-success-remove,
.theme-wishlist-alert-update[data-toast-type="success"] [data-zs-success-icon],
.theme-wishlist-alert-update.theme-wishlist-success-message [data-zs-success-icon],
.theme-wishlist-alert-update[data-toast-type="success"] .theme-cart-success-remove,
.theme-wishlist-alert-update.theme-wishlist-success-message .theme-cart-success-remove {
  display: none !important;
}

.theme-wishlist-alert-update[data-toast-type="success"] [data-zs-failure-icon],
.theme-wishlist-alert-update.theme-wishlist-success-message [data-zs-failure-icon],
.theme-wishlist-alert-update[data-toast-type="success"] .theme-cart-failure-remove,
.theme-wishlist-alert-update.theme-wishlist-success-message .theme-cart-failure-remove {
  display: none !important;
}

/* Failure Icon Badge (Shown on failure, Success hidden) */
.theme-wishlist-alert-update[data-toast-type="failure"] [data-zs-failure-icon],
.theme-wishlist-alert-update[data-toast-type="failure"] .theme-cart-failure-remove {
  display: inline-flex !important;
  background: #ffebee !important;
}

.theme-wishlist-alert-update[data-toast-type="failure"] [data-zs-success-icon],
.theme-wishlist-alert-update[data-toast-type="failure"] .theme-cart-success-remove {
  display: none !important;
}

/* SVG Visibility & Sizing */
.theme-wishlist-alert-update .theme-message-icon svg,
.theme-wishlist-alert-update [data-zs-success-icon] svg,
.theme-wishlist-alert-update [data-zs-failure-icon] svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}

/* Success Checkmark Fill Color -> Dark Blue */
.theme-wishlist-alert-update [data-zs-success-icon] svg path,
.theme-wishlist-alert-update .theme-cart-success-remove svg path {
  fill: #0C2F4F !important;
  stroke: none !important;
}

/* Failure Warning Fill Color */
.theme-wishlist-alert-update [data-zs-failure-icon] svg path,
.theme-wishlist-alert-update .theme-cart-failure-remove svg path {
  fill: #d32f2f !important;
  stroke: none !important;
}

/* Toast Message Text */
.theme-wishlist-alert-update [data-zs-message-text] {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #4f3622 !important;
  letter-spacing: 0.2px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding-right: 4px !important;
  white-space: nowrap !important;
}

/* Close Button & Icon */
.theme-wishlist-alert-update button.theme-close-message {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #fff5e8 !important;
  border: 1px solid #e8e2d6 !important;
  padding: 0 !important;
  margin-left: auto !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  flex-shrink: 0 !important;
  outline: none !important;
}

.theme-wishlist-alert-update button.theme-close-message svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
}

.theme-wishlist-alert-update button.theme-close-message svg path {
  fill: #4f3622 !important;
  transition: fill 0.2s ease !important;
}

.theme-wishlist-alert-update button.theme-close-message:hover {
  background: #0C2F4F !important;
  border-color: #0C2F4F !important;
  transform: scale(1.08) !important;
}

.theme-wishlist-alert-update button.theme-close-message:hover svg path {
  fill: #ffffff !important;
}

/* Prevent toast from jumping/sliding UP during dismissal */
.theme-wishlist-alert-update.theme-hide-message,
.theme-wishlist-alert-update.theme-wishlist-alert-remove,
.theme-wishlist-alert-update.theme-cart-alert-remove,
.theme-wishlist-alert-update[class*="remove"],
.theme-wishlist-alert-update[class*="hide"],
[data-wishlist-alert-update="theme-wishlist-alert-update"].theme-hide-message {
  top: auto !important;
  bottom: 25px !important;
  left: 25px !important;
  right: auto !important;
  transform: translateY(15px) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease !important;
}

/* Mobile Adjustment (positioned above fixed mobile bottom navbar) */
@media (max-width: 768px) {
  .theme-wishlist-alert-update,
  [data-wishlist-alert-update="theme-wishlist-alert-update"] {
    bottom: 95px !important;
    left: 15px !important;
    max-width: calc(100vw - 30px) !important;
  }

  .theme-wishlist-alert-update[style*="display: none"],
  .theme-wishlist-alert-update[style*="display:none"],
  .theme-wishlist-alert-update[style*="opacity: 0"],
  .theme-wishlist-alert-update.theme-hide-message,
  .theme-wishlist-alert-update[class*="remove"],
  .theme-wishlist-alert-update[class*="hide"] {
    bottom: 95px !important;
    left: 15px !important;
    top: auto !important;
    transform: translateY(15px) !important;
  }
}

/* =====================================
   HEADER NAVIGATION - DESKTOP ONLY
===================================== */
@media screen and (min-width: 769px) {
  /* Container Flex Layout & Spacing */
  [data-zs-menu-container],
  .theme-menu-container,
  .theme-nav-container,
  .theme-menu-area,
  [data-zs-menu-container] > ul,
  .theme-menu-container > ul,
  .theme-nav-container > ul,
  .theme-menu-area > ul,
  [data-zs-responsive-menu-area] ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    max-width: 100% !important;
  }
  
  /* Menu List Item Container */
  [data-zs-menu-container] li,
  .theme-menu-container li,
  .theme-nav-container li,
  .theme-menu-area li,
  header nav ul li {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* Pipe Divider - Right border on menu list items (referencing mobile footer nav) */
  [data-zs-menu-container] li:not(.st-nav-hidden)::after,
  .theme-menu-container li:not(.st-nav-hidden)::after,
  .theme-nav-container li:not(.st-nav-hidden)::after,
  .theme-menu-area li:not(.st-nav-hidden)::after,
  header nav ul li:not(.st-nav-hidden)::after {
    content: "" !important;
    position: absolute !important;
    right: -10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 22px !important;
    background-color: var(--st-color-border, #E7DED2) !important;
  }

  /* Hide Pipe Divider on the last visible menu item */
  [data-zs-menu-container] li.st-last-visible-nav::after,
  .theme-menu-container li.st-last-visible-nav::after,
  .theme-nav-container li.st-last-visible-nav::after,
  .theme-menu-area li.st-last-visible-nav::after,
  header nav ul li.st-last-visible-nav::after,
  [data-zs-menu-container] li:not(.st-nav-hidden):last-child::after,
  .theme-menu-container li:not(.st-nav-hidden):last-child::after,
  .theme-nav-container li:not(.st-nav-hidden):last-child::after,
  .theme-menu-area li:not(.st-nav-hidden):last-child::after {
    display: none !important;
  }

  /* Button Styling for Menu Items */
  [data-zs-menu-container] a,
  .theme-menu-container a,
  .theme-nav-container a,
  .theme-menu-area a,
  header nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    box-sizing: border-box !important;
    padding: 0 18px !important;
    border-radius: var(--st-radius-md, 12px) !important;
    background-color: var(--st-color-surface, #FFFFFF) !important;
    border: 1px solid var(--st-color-border, #E7DED2) !important;
    color: var(--st-color-primary, #15344D) !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: var(--st-transition, all 250ms ease-out) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    line-height: 1.3 !important;
  }

  /* Hover State - Gold Accent */
  [data-zs-menu-container] a:hover,
  .theme-menu-container a:hover,
  .theme-nav-container a:hover,
  .theme-menu-area a:hover,
  header nav a:hover {
    background-color: var(--st-color-accent, #D9A520) !important;
    color: #FFFFFF !important;
    border-color: var(--st-color-accent, #D9A520) !important;
    box-shadow: 0 4px 12px rgba(217, 165, 32, 0.28) !important;
    transform: translateY(-2px) !important;
  }

  /* Active Menu Item State - Primary Navy */
  [data-zs-menu-container] a.active,
  [data-zs-menu-container] a.theme-active-menu,
  [data-zs-menu-container] li.theme-active-menu > a,
  [data-zs-menu-container] li.active > a,
  .theme-menu-container a.active,
  .theme-menu-container a.theme-active-menu,
  .theme-menu-container li.theme-active-menu > a,
  .theme-menu-container li.active > a,
  .theme-nav-container a.active,
  .theme-menu-area a.active,
  header nav a.active {
    background-color: var(--st-color-primary, #15344D) !important;
    color: #FFFFFF !important;
    border-color: var(--st-color-primary, #15344D) !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(21, 52, 77, 0.22) !important;
  }

  [data-zs-more-menu],
  [data-zs-more-menu-container],
  li.theme-more-menu-container,
  li[data-zs-more-menu] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Explicit class for menu items hidden by login rules */
.st-nav-hidden,
li.st-nav-hidden {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}


/* =====================================
   PRODUCT CARD UI (THEMED)
===================================== */
.theme-product-ratio .theme-product-list-style-18.theme-product-count-xsm-02.theme-product-count-md-04 {
  width: calc(25% - 20px);
}

/* Card Container */
.theme-prod-box:not(.product-rates .theme-prod-box) {
  background: #ffffff !important;
  border: 1px solid #e8e2d6 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
  box-shadow: 0 4px 16px rgba(79, 54, 34, 0.05) !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 10px;
}

/* Card Hover Elevation & Glow */
.theme-prod-box:not(.product-rates .theme-prod-box):hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 14px 32px rgba(212, 160, 23, 0.18) !important;
  border-color: #d4a017 !important;
}

/* Card Content Box */
.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-box-content {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #ffffff !important;
  position: relative !important;
}

/* Product Image Area */
.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-image-area {
  position: relative !important;
  background: #fffdfa !important;
  border-bottom: 1px solid #f3ece1 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px !important;
  width: 100% !important;
  min-height: 200px !important;
  border-radius: 16px 16px 0 0 !important;
}

/* Product Image Link & Image Zoom on Hover */
.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-image-area a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

/* Remove All Image & Image Area Shadows Across Category Pages & Product Cards */
.theme-prod-box .theme-product-image-area,
.theme-prod-box .theme-product-image-area a,
.theme-prod-box .theme-product-image-area picture,
.theme-prod-box .theme-product-image-area img,
.theme-prod-box .theme-product-image-area picture img,
.theme-prod-box .theme-product-image-area span.theme-org-img,
.theme-product-list-style-18 .theme-product-image-area,
.theme-product-list-style-18 .theme-product-image-area a,
.theme-product-list-style-18 .theme-product-image-area picture,
.theme-product-list-style-18 .theme-product-image-area img,
.theme-product-list-style-18 .theme-product-image-area picture img,
.theme-product-collection-container .theme-product-image-area,
.theme-product-collection-container .theme-product-image-area img,
.theme-product-collection-container .theme-product-image-area picture img,
[data-zs-image-container],
[data-zs-image-container] a,
[data-zs-image-container] picture,
[data-zs-image-container] img,
[data-zs-image-container] picture img,
[data-zs-product-id] .theme-product-image-area,
[data-zs-product-id] .theme-product-image-area img,
[data-zs-product-id] .theme-product-image-area picture img,
.theme-shimmer-animation {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: none !important;
}

.theme-prod-box .theme-product-image-area::before,
.theme-prod-box .theme-product-image-area::after,
.theme-prod-box .theme-product-image-area a::before,
.theme-prod-box .theme-product-image-area a::after,
.theme-prod-box .theme-product-image-area picture::before,
.theme-prod-box .theme-product-image-area picture::after,
.theme-product-list-style-18 .theme-product-image-area::before,
.theme-product-list-style-18 .theme-product-image-area::after,
.theme-product-list-style-18 .theme-product-image-area a::before,
.theme-product-list-style-18 .theme-product-image-area a::after,
[data-zs-image-container]::before,
[data-zs-image-container]::after,
[data-zs-image-container] a::before,
[data-zs-image-container] a::after {
  box-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

.theme-prod-box:hover .theme-product-image-area,
.theme-prod-box:hover .theme-product-image-area img,
.theme-prod-box:hover .theme-product-image-area picture img,
.theme-product-list-style-18:hover .theme-product-image-area img,
.theme-product-list-style-18:hover .theme-product-image-area picture img {
  transform: scale(1.06) !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Ribbons & Out-of-Stock Badge */
.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-ribbon-area {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 9 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.theme-prod-box:not(.product-rates .theme-prod-box) .theme-ribbon-stock,
.theme-prod-box:not(.product-rates .theme-prod-box) [data-zs-outofstock] {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 12px !important;
  background: #ffebee !important;
  color: #c62828 !important;
  border: 1px solid #ffcdd2 !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 8px rgba(198, 40, 40, 0.12) !important;
}

/* Product Details Area */
.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-details-area {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  justify-content: space-between !important;
  background: #ffffff !important;
}

/* Product Name & Title Link */
.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-name {
  margin-bottom: 6px !important;
}

.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-name a {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #4f3622 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: color 0.2s ease !important;
}

.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-name a:hover,
.theme-prod-box:not(.product-rates .theme-prod-box):hover .theme-product-name a {
  color: #d4a017 !important;
}

/* Rating Area */
.theme-prod-box:not(.product-rates .theme-prod-box) .theme-rating {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

.theme-prod-box:not(.product-rates .theme-prod-box) .zpcomments-reviews-ratings {
  color: #d4a017 !important;
  font-size: 13px !important;
}

/* Price & Variants Area */
.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-price-variants {
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-price {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #3b2f1f !important;
  display: flex !important;
  align-items: center !important;
}

/* Mobile Responsiveness for Product Cards */
@media screen and (max-width: 768px) {
  /* 1. Ensure category banners, section headers & titles take full width without vertical text wrapping */
  .st-category-main-content .theme-section,
  .st-category-main-content .theme-collection-section,
  .st-category-main-content .zpcontainer,
  .st-category-main-content .theme-produt-category-list-row,
  .st-category-main-content .theme-product-category-list-row,
  .st-category-main-content [class*="zpcol-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
  }

  /* 2. Enforce 2 products per row strictly inside product collection containers (excluding rates page) */
  :not(.product-rates):not(.product-rates *) > .theme-product-ratio:not(.product-rates *),
  [data-zs-product-collection]:not(.product-rates):not(.product-rates *),
  [data-zs-product-collection-container]:not(.product-rates):not(.product-rates *),
  .theme-product-collection-container:not(.product-rates):not(.product-rates *) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    gap: 10px;
  }

  /* Target product items inside collection containers (excluding rates page) */
  :not(.product-rates):not(.product-rates *) > .theme-product-ratio:not(.product-rates *) > [class*="theme-product-"],
  [data-zs-product-collection]:not(.product-rates):not(.product-rates *) > div,
  [data-zs-product-collection]:not(.product-rates):not(.product-rates *) > li,
  [data-zs-product-collection]:not(.product-rates):not(.product-rates *) > article,
  [data-zs-product-collection]:not(.product-rates):not(.product-rates *) > [class*="theme-product-"] {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 45% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  /* 3. Product Card Styling & Clean Formatting */
  .theme-prod-box:not(.product-rates .theme-prod-box) {
    border-radius: 12px !important;
    margin: 0 0 8px 0 !important;
    width: 100% !important;
    height: calc(100% - 8px) !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-box-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    flex: 1 !important;
    width: 100% !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-image-area {
    padding: 8px !important;
    min-height: 110px !important;
    height: 125px !important;
    border-radius: 12px 12px 0 0 !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-details-area {
    padding: 10px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    justify-content: space-between !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-name {
    margin-bottom: 4px !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-name a {
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: #4f3622 !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-price-variants {
    margin-top: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-price {
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-ribbon-area {
    top: 6px !important;
    left: 6px !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-ribbon-stock,
  .theme-prod-box:not(.product-rates .theme-prod-box) [data-zs-outofstock] {
    padding: 3px 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-wishlist-icon {
    width: 26px !important;
    height: 26px !important;
    top: 6px !important;
    right: 6px !important;
  }
}

/* Extra small mobile screens adjustments (360px and below) */
@media screen and (max-width: 360px) {
  .st-category-layout-wrapper {
    gap: 4px !important;
    padding: 0px 8px 0px 8px !important;
  }

  .st-sidebar {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    top: 95px !important;
    height: calc(100vh - 180px) !important;
    max-height: calc(100vh - 180px) !important;    
    flex: 0 0 72px !important;
    padding: 2px 1px !important;
  }

  .st-sidebar-text {
    font-size: 9px !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-image-area {
    height: 105px !important;
    min-height: 95px !important;
    padding: 6px !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-details-area {
    padding: 8px 5px !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-name a {
    font-size: 11px !important;
  }

  .theme-prod-box:not(.product-rates .theme-prod-box) .theme-product-price {
    font-size: 12px !important;
  }
  
  .st-category-layout-wrapper .zprow .zpcol-sm-12 {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }
  
  .st-variant-count {
    font-size: 10px;
  }
}


/* ==========================================================================
   SEARCH SUGGESTIONS OVERLAY & LIVE SEARCH RESULTS STYLING
   ========================================================================== */

/* Keep Sticky Header on Top during scroll without covering top content */
header,
.theme-header,
.zpheader,
[data-headercontainer],
[data-header="zptheme-data-header"],
.theme-header-container,
[data-zs-header-container],
[data-theme-header] {
  position: sticky !important;
  top: 0 !important;
  z-index: 100000 !important;
}

/* Ensure inner search elements maintain high layering */
.theme-search-container,
[data-zs-search-container],
.theme-header-search-icon,
.theme-search-box,
.theme-navigation-and-icons {
  z-index: 100001 !important;
}

/* 1. Main Search Suggestions Overlay Container */
.theme-search-suggestion-overlay {
  position: fixed;
  top: 135px; /* Starts right below header so input in header remains 100% visible */
  left: 0;
  width: 100vw;
  height: calc(100vh - 88px);
  background-color: rgba(21, 52, 77, 0.35); /* Subtle dim backdrop below header */
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  opacity: 0;
  visibility: hidden;
  transition: var(--st-transition, opacity 250ms ease-out, visibility 250ms ease-out);
}

.theme-search-suggestion-overlay.theme-show-overlay {
  opacity: 1;
  visibility: visible;
}

.theme-navigation-and-icons .theme-search-and-mini-cart-group .theme-search {
  align-self: center !important;
}

/* 2. Inner Suggestion Box (Card Modal Window) */
.theme-search-suggestion-container {
  background-color: var(--st-color-surface, #FFFFFF);
  border: 1px solid var(--st-color-border, #E7DED2);
  border-radius: var(--st-radius-xl, 24px);
  box-shadow: var(--st-shadow-modal, 0 20px 60px rgba(0, 0, 0, 0.12));
  width: 90%;
  max-width: 860px;
  max-height: calc(85vh - 88px);
  overflow-y: auto;
  padding: 24px 28px;
  transform: translateY(-8px) scale(0.99);
  transition: transform 250ms ease-out, opacity 250ms ease-out;
  box-sizing: border-box;
}

.theme-search-suggestion-overlay.theme-show-overlay .theme-search-suggestion-container {
  transform: translateY(0) scale(1);
}

/* Custom Scrollbar inside Suggestions Box */
.theme-search-suggestion-container::-webkit-scrollbar {
  width: 6px;
}
.theme-search-suggestion-container::-webkit-scrollbar-track {
  background: var(--st-color-bg, #FAF7F2);
  border-radius: var(--st-radius-pill, 999px);
}
.theme-search-suggestion-container::-webkit-scrollbar-thumb {
  background: var(--st-color-border, #E7DED2);
  border-radius: var(--st-radius-pill, 999px);
}
.theme-search-suggestion-container::-webkit-scrollbar-thumb:hover {
  background: var(--st-color-accent, #D9A520);
}

/* 3. Live Search Bar Form Wrapper inside Modal (if displayed) */
.theme-live-search-bar {
  margin-bottom: 20px;
  position: relative;
}

.theme-live-search-bar form {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: var(--st-color-bg, #FAF7F2);
  border: 1.5px solid var(--st-color-border, #E7DED2);
  border-radius: var(--st-radius-pill, 999px);
  padding: 6px 8px 6px 20px;
  transition: var(--st-transition, all 250ms ease-out);
}

.theme-live-search-bar form:focus-within {
  border-color: var(--st-color-accent, #D9A520);
  box-shadow: 0 0 0 3px rgba(217, 165, 32, 0.15);
  background-color: var(--st-color-surface, #FFFFFF);
}

/* Search Input Field */
#search-with-suggestion,
.theme-live-search-bar input[data-zs-search-input] {
  flex: 1;
  height: 44px;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: var(--st-fs-body, 16px);
  font-weight: var(--st-fw-body, 400);
  color: var(--st-color-primary, #15344D) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#search-with-suggestion::placeholder,
.theme-live-search-bar input[data-zs-search-input]::placeholder {
  color: #999999 !important;
  font-weight: 400;
}

/* "View All" Button */
.theme-search-go,
.theme-live-search-bar .theme-search-go {
  background-color: var(--st-color-accent, #D9A520) !important;
  color: #FFFFFF !important;
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: 14px !important;
  font-weight: var(--st-fw-button, 600) !important;
  padding: 10px 24px !important;
  height: 42px !important;
  border-radius: var(--st-radius-pill, 999px) !important;
  border: none !important;
  cursor: pointer !important;
  transition: var(--st-transition, all 250ms ease-out) !important;
  box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.06)) !important;
  white-space: nowrap !important;
}

.theme-search-go:hover,
.theme-live-search-bar .theme-search-go:hover {
  background-color: var(--st-color-accent-hover, #C1921B) !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--st-shadow-hover, 0 10px 30px rgba(0, 0, 0, 0.08)) !important;
}

/* Close Live Search Button */
.theme-close-live-search,
.theme-live-search-bar .theme-close-live-search {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 50% !important;
  border: 1px solid var(--st-color-border, #E7DED2) !important;
  background-color: var(--st-color-surface, #FFFFFF) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: var(--st-transition, all 250ms ease-out) !important;
}

.theme-close-live-search:hover,
.theme-live-search-bar .theme-close-live-search:hover {
  border-color: var(--st-color-accent, #D9A520) !important;
  background-color: var(--st-color-bg, #FAF7F2) !important;
  transform: rotate(90deg) !important;
}

.theme-close-live-search svg path {
  stroke: var(--st-color-primary, #15344D) !important;
  transition: stroke 250ms ease-out !important;
}

.theme-close-live-search:hover svg path {
  stroke: var(--st-color-accent, #D9A520) !important;
}

/* Completely hide & disable search input loader animation */
.theme-search-loader-dots,
[data-theme-search-loader-dots],
.theme-search-loader-dots span,
.theme-header-search-icon .theme-search-loader-dots,
.theme-search-box .theme-search-loader-dots {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  animation: none !important;
}

/* 4. Suggestions Results Section */
.theme-search-suggestion-result {
  margin-top: 8px;
  padding: 0 !important;
}

/* Section Title ("Products") */
.theme-search-heading {
  font-family: var(--st-font-heading, 'Playfair Display', Georgia, serif) !important;
  font-size: var(--st-fs-h5, 22px) !important;
  font-weight: var(--st-fw-heading, 700) !important;
  color: var(--st-color-primary, #15344D) !important;
  margin: 0 0 16px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid var(--st-color-border, #E7DED2) !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.theme-search-heading::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: var(--st-color-accent, #D9A520);
}

/* Suggested Products Grid Container */
.theme-suggested-products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 16px !important;
}

/* 5. Product Card & Layering Fixes */
.theme-search-product-card::before,
.theme-search-product-card::after {
  display: none !important;
  content: none !important;
}

.theme-search-product-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  padding: 14px 18px !important;
  background-color: var(--st-color-surface, #FFFFFF) !important;
  border: 1px solid var(--st-color-border, #E7DED2) !important;
  border-radius: var(--st-radius-lg, 18px) !important;
  box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.06)) !important;
  cursor: pointer !important;
  transition: var(--st-transition, all 250ms ease-out) !important;
  position: relative !important;
  overflow: visible !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Product Card Hover State */
.theme-search-product-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--st-color-accent, #D9A520) !important;
  box-shadow: var(--st-shadow-hover, 0 10px 30px rgba(0, 0, 0, 0.08)) !important;
  background-color: #FFFFFF !important;
}

/* Product Image Box */
.theme-search-product-card .theme-product-image {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  border-radius: var(--st-radius-md, 12px) !important;
  background-color: var(--st-color-bg, #FAF7F2) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(231, 222, 210, 0.6) !important;
  transition: var(--st-transition, all 250ms ease-out) !important;
}

.theme-search-product-card:hover .theme-product-image {
  border-color: var(--st-color-accent, #D9A520) !important;
  transform: scale(1.03) !important;
}

.theme-search-product-card .theme-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  mix-blend-mode: multiply !important;
  transition: transform 250ms ease-out !important;
}

/* Product Details (Name & Pricing Container) */
.theme-search-product-card .theme-product-description {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Product Name & Links inside description */
.theme-search-product-card .theme-product-name,
.theme-search-product-card .theme-product-name a,
.theme-search-product-card .theme-product-name span {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--st-color-primary, #15344D) !important;
  line-height: 1.35 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 11 !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-decoration: none !important;
  transition: color 250ms ease-out !important;
}

.theme-search-product-card:hover .theme-product-name,
.theme-search-product-card:hover .theme-product-name a {
  color: var(--st-color-accent, #D9A520) !important;
}

/* Product Pricing Container & Rates */
.theme-search-product-card .theme-product-pricing,
.theme-search-product-card .theme-product-pricing * {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 2px !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 11 !important;
}

/* Selling Price (Min Rate) */
.theme-search-product-card .theme-min-rate {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--st-color-accent, #D9A520) !important;
  letter-spacing: -0.2px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Striked / Label Price (Max Rate) */
.theme-search-product-card .theme-max-rate {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #999999 !important;
  text-decoration: line-through !important;
}

.theme-search-product-card::after {
  display: none !important;
  content: none !important;
}

.theme-search-product-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  padding: 14px 18px !important;
  background-color: var(--st-color-surface, #FFFFFF) !important;
  border: 1px solid var(--st-color-border, #E7DED2) !important;
  border-radius: var(--st-radius-lg, 18px) !important;
  box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.06)) !important;
  cursor: pointer !important;
  transition: var(--st-transition, all 250ms ease-out) !important;
  position: relative !important;
  overflow: visible !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-inline-start: 0px !important;
}

/* Product Card Hover State */
.theme-search-product-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--st-color-accent, #D9A520) !important;
  box-shadow: var(--st-shadow-hover, 0 10px 30px rgba(0, 0, 0, 0.08)) !important;
  background-color: #FFFFFF !important;
}

/* Product Image Box */
.theme-search-product-card .theme-product-image {
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 2 !important;
  border-radius: var(--st-radius-md, 12px) !important;
  background-color: var(--st-color-bg, #FAF7F2) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(231, 222, 210, 0.6) !important;
  transition: var(--st-transition, all 250ms ease-out) !important;
}

.theme-search-product-card:hover .theme-product-image {
  border-color: var(--st-color-accent, #D9A520) !important;
  transform: scale(1.03) !important;
}

.theme-search-product-card .theme-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  mix-blend-mode: multiply !important;
  transition: transform 250ms ease-out !important;
}

/* Product Details (Name & Pricing Container) */
.theme-search-product-card .theme-product-description {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Product Name & Links inside description */
.theme-search-product-card .theme-product-name,
.theme-search-product-card .theme-product-name a,
.theme-search-product-card .theme-product-name span {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--st-color-primary, #15344D) !important;
  line-height: 1.35 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 11 !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-decoration: none !important;
  transition: color 250ms ease-out !important;
}

.theme-search-product-card:hover .theme-product-name,
.theme-search-product-card:hover .theme-product-name a {
  color: var(--st-color-accent, #D9A520) !important;
}

/* Product Pricing Container & Rates */
.theme-search-product-card .theme-product-pricing,
.theme-search-product-card .theme-product-pricing * {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 2px !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 11 !important;
}

/* Selling Price (Min Rate) */
.theme-search-product-card .theme-min-rate {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--st-color-accent, #D9A520) !important;
  letter-spacing: -0.2px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Striked / Label Price (Max Rate) */
.theme-search-product-card .theme-max-rate {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #999999 !important;
  text-decoration: line-through !important;
}

/* 6. Responsive Adjustments for Mobile & Tablets */
@media screen and (max-width: 768px) {
  .theme-search-suggestion-overlay {
    top: 20px;
    height: calc(100vh - 70px);
    padding-top: 15px;
  }

  .theme-search-suggestion-container {
    width: 94%;
    padding: 18px 16px;
    border-radius: var(--st-radius-lg, 18px);
    max-height: calc(85vh - 70px);
  }

  .theme-suggested-products {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .theme-search-product-card {
    padding: 12px 14px !important;
    border-radius: var(--st-radius-md, 12px) !important;
  }

  .theme-search-product-card .theme-product-image {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    border-radius: var(--st-radius-sm, 8px) !important;
  }

  .theme-search-product-card .theme-product-name {
    font-size: 14px !important;
  }

  .theme-search-product-card .theme-min-rate {
    font-size: 14px !important;
  }

  .theme-live-search-bar form {
    padding: 4px 6px 4px 14px;
  }

  #search-with-suggestion,
  .theme-live-search-bar input[data-zs-search-input] {
    font-size: 14px;
    height: 38px;
  }

  .theme-search-go,
  .theme-live-search-bar .theme-search-go {
    padding: 8px 16px !important;
    height: 36px !important;
    font-size: 13px !important;
  }

  .theme-close-live-search,
  .theme-live-search-bar .theme-close-live-search {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }
}


/* ==========================================================================
   CURSOR OVERRIDE FIX (Remove inline SVG crosshair cursor from body)
   ========================================================================== */

/* Force auto/default cursor on body and all elements, overriding inline style="cursor: url(...)" */
body,
body[style],
body[style*="cursor"],
html body,
html body[style],
html.theme-show-overlay,
html.theme-show-overlay body,
body.theme-show-overlay,
.theme-search-suggestion-overlay,
.theme-search-suggestion-overlay *,
.theme-search-suggestion-container,
.theme-search-suggestion-container *,
.theme-live-search-bar,
.theme-live-search-bar *,
[data-search="zptheme-search-container"],
[data-search="zptheme-search-container"] * {
  cursor: auto !important;
}

/* Interactive elements maintain pointer cursor */
.theme-search-product-card,
.theme-search-product-card *,
.theme-search-go,
.theme-close-live-search,
.theme-close-live-search *,
.theme-search-icon,
.theme-search-icon *,
.zpbutton,
button,
a,
[onclick] {
  cursor: pointer !important;
}

/* Text inputs maintain text I-beam cursor */
input,
textarea,
#search-with-suggestion,
[data-zs-search-input] {
  cursor: text !important;
}


/* ==========================================================================
   HEADER ACTION ICONS ALIGNMENT & UNIFORM SPACING (DESKTOP & MOBILE)
   ========================================================================== */

/* Remove any text menu leftovers */
.st-header-portal-item {
  display: none !important;
}

/* Master Flex Row for Header Action Icons Group */
.theme-search-and-mini-cart-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 18px !important; /* Equal gap between all header icons */
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}

/* Normalize all child icon wrappers (Search, Wishlist, Cart, Account, Quote, Wallet) */
.theme-search-and-mini-cart-group > div,
.theme-search-and-mini-cart-group > span,
.theme-search-and-mini-cart-group-item,
.theme-nonresponsive-portal-position-two,
.theme-quote-container,
.st-header-portal-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 36px !important;
  vertical-align: middle !important;
  float: none !important;
}

/* Hide background overlay elements inside the group */
.theme-search-and-mini-cart-group > .theme-search-hide-overlay {
  display: none !important;
}

/* Ensure inner links & icon spans center vertically */
.theme-search-and-mini-cart-group-item > *,
.theme-nonresponsive-portal-position-two > *,
.theme-quote-container > *,
.st-header-portal-wrapper > * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  position: relative !important;
  top: 0 !important;
}

/* Wallet / Portal Icon Button Styling */
.st-header-portal-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #150004 !important;
  font-size: 19px !important;
  width: 24px !important;
  height: 24px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  padding-top: 4px !important;
}

.st-header-portal-icon-btn i {
  font-size: 19px !important;
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  color: #150004 !important;
}

/* Keep SVG icons properly centered */
.theme-search-and-mini-cart-group svg {
  vertical-align: middle !important;
  display: block !important;
}

/* Ensure Cart & Quote badges don't alter container height */
.theme-mini-cart-count,
.theme-mini-quote-count {
  position: absolute !important;
  right: -8px !important;
  margin: 0 !important;
  z-index: 2 !important;
}
    
.theme-navigation-and-icons .theme-search-and-mini-cart-group {
  gap: 8px !important;
}
    
.theme-navigation-and-icons .theme-search-and-mini-cart-group .theme-search .theme-search-icon {
  padding-inline-start: 0px !important;
  padding-inline-end: 0px !important;
}

.theme-navigation-and-icons .theme-search-and-mini-cart-group .theme-search .theme-wishlist-icon  {
  padding: 0px !important;
}

.theme-navigation-and-icons .theme-search-and-mini-cart-group .theme-mini-cart .theme-minicart-icon {
  padding-inline-end: 0px !important;
}
    
.theme-portal-login.theme-portal-icon-enabled {
  margin-inline-end: 0px !important;
}
    
.theme-search-and-mini-cart-group-item.st-header-portal-wrapper {
  align-self: center !important; 
}
    
/* =========================================
   LANGUAGE SWITCH BUTTON
========================================= */
.theme-search-and-mini-cart-group-item.st-language-button-wrap,
.st-language-button-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
}

.st-language-button {
  display: inline-flex !important;
  color: var(--st-color-primary) !important;
  font-family: var(--st-font-body) !important;
  font-size: 13px !important;
  font-weight: var(--st-fw-button) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  padding-top: 4px !important;
  background: transparent;
}

.st-language-button-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
}

.st-language-button-icon svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.st-language-button:focus-visible {
  outline: 2px solid var(--st-color-accent) !important;
  outline-offset: 3px !important;
}
    
/* Mobile View Responsiveness */
@media screen and (max-width: 768px) {
  .theme-search-and-mini-cart-group {
    gap: 12px !important;
  }

  .theme-search-and-mini-cart-group > div,
  .theme-search-and-mini-cart-group > span,
  .theme-search-and-mini-cart-group-item,
  .theme-nonresponsive-portal-position-two,
  .theme-quote-container,
  .st-header-portal-wrapper {
    height: 28px !important;
  }

  .st-header-portal-icon-btn,
  .st-header-portal-icon-btn i {
    font-size: 16px !important;
    width: 20px !important;
    height: 20px !important;
  }
}

@media (max-width: 480px) {
  .st-language-button-icon,
  .st-language-button-icon svg {
    width: 18px !important;
    height: 18px !important;
  }
}


/* ==========================================================================
   CART ADD SUCCESS NOTIFICATION TOAST STYLES
   ========================================================================== */
body .theme-cart-add-success-message,
body .theme-cart-added-success,
body .theme-cart-success,
body [data-cart-add-success],
body [data-cart-add-success="theme-cart-add-success"],
body [data-theme-message-four],
div[data-cart-add-success="theme-cart-add-success"],
div.theme-cart-add-success-message {
    position: fixed !important;
    top: 90px !important;
    right: 25px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 9999999 !important;
    background: #FFFFFF !important;
    border: 1px solid #E7DED2 !important;
    border-top: 4px solid #D9A520 !important;
    border-radius: 16px !important;
    padding: 20px 22px !important;
    box-shadow: 0 20px 50px rgba(21, 52, 77, 0.18), 0 6px 18px rgba(0, 0, 0, 0.08) !important;
    max-width: 380px !important;
    width: 90% !important;
    box-sizing: border-box !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    margin: 0 !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}

/* Ensure hidden state is respected if Zoho sets display:none or opacity:0 */
body .theme-cart-add-success-message[style*="display: none"],
body .theme-cart-add-success-message[style*="display:none"],
body .theme-cart-add-success-message.zp-hide,
body .theme-cart-add-success-message.hidden,
body [data-cart-add-success][style*="display: none"],
body [data-cart-add-success][style*="display:none"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Header Label & Quantity Row */
body .theme-cart-add-success-message .theme-label-qty,
body [data-cart-add-success] .theme-label-qty,
div[data-cart-add-success="theme-cart-add-success"] .theme-label-qty {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #E7DED2 !important;
    width: 100% !important;
}

body .theme-cart-add-success-message .theme-shopping-label,
body [data-cart-add-success] .theme-shopping-label,
div[data-cart-add-success="theme-cart-add-success"] .theme-shopping-label {
    font-family: var(--st-font-heading, 'Playfair Display', serif) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #15344D !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Success Check Icon before Shopping Bag label */
body .theme-cart-add-success-message .theme-shopping-label::before,
body [data-cart-add-success] .theme-shopping-label::before,
div[data-cart-add-success="theme-cart-add-success"] .theme-shopping-label::before {
    content: "✓" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    background-color: rgba(46, 139, 87, 0.12) !important;
    color: #2E8B57 !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    font-family: system-ui, -apple-system, sans-serif !important;
}

/* Cart Quantity Badge */
body .theme-cart-add-success-message .theme-cart-qty,
body [data-cart-add-success] .theme-cart-qty,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-qty,
body [data-cart-add-success-prod-qty] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #D9A520 !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 2px 10px !important;
    min-width: 24px !important;
    height: 22px !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    box-shadow: 0 2px 6px rgba(217, 165, 32, 0.3) !important;
}

/* Product Image & Details Row */
body .theme-cart-add-success-message .theme-cart-image-details,
body [data-cart-add-success] .theme-cart-image-details,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-image-details {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
}

/* Image Thumbnail Container */
body .theme-cart-add-success-message .theme-cart-prod-img,
body [data-cart-add-success] .theme-cart-prod-img,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-prod-img {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #FAF7F2 !important;
    border: 1px solid #E7DED2 !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

body .theme-cart-add-success-message .theme-cart-prod-img picture,
body .theme-cart-add-success-message .theme-cart-prod-img img,
body [data-cart-add-success] .theme-cart-prod-img img,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-prod-img img,
body [data-cart-add-success-prod-img] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
}

/* Details Section */
body .theme-cart-add-success-message .theme-cart-success-item-details,
body [data-cart-add-success] .theme-cart-success-item-details,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-success-item-details {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-width: 0 !important;
    gap: 10px !important;
}

body .theme-cart-add-success-message .theme-cart-prod-name-price,
body [data-cart-add-success] .theme-cart-prod-name-price,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-prod-name-price {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
}

/* Product Name */
body .theme-cart-add-success-message .theme-cart-message-prod-name,
body [data-cart-add-success] .theme-cart-message-prod-name,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-message-prod-name,
body [data-cart-add-success-prod-name] {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #15344D !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

/* Selling Price */
body .theme-cart-add-success-message .theme-cart-message-prod-selling-price,
body [data-cart-add-success] .theme-cart-message-prod-selling-price,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-message-prod-selling-price,
body [data-cart-add-success-selling-prod-price] {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #D9A520 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Buttons Wrapper */
body .theme-cart-add-success-message .theme-cart-message-buttons,
body [data-cart-add-success] .theme-cart-message-buttons,
div[data-cart-add-success="theme-cart-add-success"] .theme-cart-message-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 4px !important;
    width: 100% !important;
}

/* View Cart Button */
body .theme-cart-add-success-message .zpbutton,
body [data-cart-add-success] .zpbutton,
div[data-cart-add-success="theme-cart-add-success"] .zpbutton,
body [data-cart-add-success] [data-zs-view-cart] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    padding: 0 20px !important;
    background: #D9A520 !important;
    color: #FFFFFF !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 999px !important;
    border: 1px solid #D9A520 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 250ms ease-out !important;
    box-shadow: 0 4px 12px rgba(217, 165, 32, 0.25) !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body .theme-cart-add-success-message .zpbutton:hover,
body [data-cart-add-success] .zpbutton:hover,
div[data-cart-add-success="theme-cart-add-success"] .zpbutton:hover,
body [data-cart-add-success] [data-zs-view-cart]:hover {
    background: #C1921B !important;
    border-color: #C1921B !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(217, 165, 32, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* Mobile Responsiveness */
@media screen and (max-width: 768px) {
    body .theme-cart-add-success-message,
    body .theme-cart-added-success,
    body .theme-cart-success,
    body [data-cart-add-success],
    div[data-cart-add-success="theme-cart-add-success"] {
        top: 80px !important;
        right: 15px !important;
        left: 15px !important;
        width: calc(100vw - 30px) !important;
        max-width: none !important;
    }
}


/* ==========================================================================
   PRODUCT UI CUSTOM STYLES (BRAND, VARIANT LABEL, VARIANT OPTIONS & ADD TO CART)
   ========================================================================== */

/* 1. Brand Name UI (e.g. BANDIWALA, HARI) */
.theme-brand-name,
[data-zs-brand] {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--st-color-accent, #D9A520) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 3px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
}

/* 2. Variant Label UI (e.g. Weight) */
.theme-product-variant-label,
[data-zs-product-variant-label] {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--st-color-body, #555555) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 5px !important;
    display: block !important;
    line-height: 1.2 !important;
  	width: 100% !important;
}

/* 3. Variant Options Chips (e.g. 5KG, 10KG) */
.theme-variant-select-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
    margin-top: 4px !important;
}

.theme-variant-select-container span.theme-product-variant {
    display: inline-flex !important;
    margin: 0 !important;
}

.theme-variant-select-container label[data-theme-variant-label] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 10px !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    border-radius: var(--st-radius-sm, 8px) !important;
    border: 1px solid var(--st-color-border, #E7DED2) !important;
    background-color: var(--st-color-bg, #FAF7F2) !important;
    color: var(--st-color-primary, #15344D) !important;
    cursor: pointer !important;
    transition: var(--st-transition, all 200ms ease) !important;
    margin: 0 !important;
    user-select: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.theme-variant-select-container label[data-theme-variant-label] input[type="radio"] {
    display: none !important;
}

.theme-variant-select-container label[data-theme-variant-label]:hover {
    border-color: var(--st-color-accent, #D9A520) !important;
    background-color: #FFF9E6 !important;
    color: var(--st-color-primary, #15344D) !important;
    transform: translateY(-1px) !important;
}

/* Selected Variant Chip */
.theme-variant-select-container label.chekedLabel,
.theme-variant-select-container label[aria-checked="true"] {
    background-color: var(--st-color-primary, #15344D) !important;
    color: #FFFFFF !important;
    border-color: var(--st-color-primary, #15344D) !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(21, 52, 77, 0.25) !important;
}

.theme-variant-select-container label.blur-option,
.theme-variant-select-container label[data-disabled="true"] {
    opacity: 0.45 !important;
    text-decoration: line-through !important;
}

/* 4. Add to Cart Button UI */
.theme-product-list-addcart {
    margin-top: 8px !important;
    width: 100% !important;
}

.theme-product-list-style-18 .theme-product-box-content .theme-product-details-area .theme-product-button-area a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 38px !important;
    background: var(--st-color-accent, #D9A520) !important;
    color: #FFFFFF !important;
    font-family: var(--st-font-body) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: var(--st-radius-pill, 999px) !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: var(--st-transition, all 250ms ease-out) !important;
    box-shadow: 0 4px 12px rgba(217, 165, 32, 0.25) !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.theme-product-list-style-18 .theme-product-box-content .theme-product-details-area .theme-product-button-area a:hover {
    background: var(--st-color-accent-hover, #C1921B) !important;
    outline-color: var(--st-color-accent-hover, #C1921B) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(217, 165, 32, 0.35) !important;
    transform: translateY(-1px) !important;
}

/* Out of Stock Button Styling */
.theme-ribbon-stock[data-zs-outofstock],
[data-zs-outofstock] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 38px !important;
    background-color: #FEF2F2 !important;
    color: #DC2626 !important;
    border: 1px solid #FECACA !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: var(--st-radius-pill, 999px) !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Wishilist Icon Styling */
.theme-product-list-style-18 .theme-product-box-content .theme-product-image-area .theme-product-wishlist {
  bottom: auto !important;
  top: 1rem !important;
  right: 1rem !important;
}

/* 5. Mobile Layout (2 products in a row alongside sidebar) */
@media screen and (max-width: 767px) {
    .theme-product-collection-container.zprow,
    .theme-product-collection-container,
    [data-sort-by-products-target] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .theme-prod-box {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        border-radius: 12px !important;
    }

    .theme-brand-name,
    [data-zs-brand] {
        font-size: 9px !important;
        letter-spacing: 0.4px !important;
        margin-bottom: 1px !important;
    }

    .theme-product-variant-label,
    [data-zs-product-variant-label] {
        font-size: 9px !important;
        margin-bottom: 3px !important;
    }

    .theme-variant-select-container {
        gap: 4px !important;
    }

    .theme-variant-select-container label[data-theme-variant-label] {
        padding: 2px 6px !important;
        font-size: 9.5px !important;
        border-radius: 5px !important;
    }

    .theme-cart-button,
    a[data-zs-add-to-cart],
    .theme-ribbon-stock[data-zs-outofstock],
    [data-zs-outofstock] {
        height: 32px !important;
        font-size: 10.5px !important;
        padding: 0 4px !important;
    }
}


/* ==========================================================================
   PRODUCT DETAIL PRIMARY SECTION STYLES (PRODUCT PAGE & QUICK VIEW)
   ========================================================================== */

/* 1. Main Section Outer Wrapper */
.theme-section[data-zs-product-details-primary-section],
.theme-section[data-zs-product-id],
[data-zs-product-details-primary-section],
.theme-product-detail-section {
    position: relative !important;
    padding: 40px 0 !important;
    overflow: hidden !important;
}

/* Main Layout Container */
.theme-section[data-zs-product-details-primary-section] .zpcontainer,
.theme-section .zpcontainer {
    position: relative !important;
    z-index: 1 !important;
    max-width: var(--st-max-width, 1280px) !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* 2. Product Detail Primary Card Wrapper */
div[data-zs-product-primary-details],
.theme-product-detail-container[data-zs-product-primary-details],
.zpcontainer > .theme-product-detail-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 40px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid var(--st-color-border, #E7DED2) !important;
    border-radius: var(--st-radius-xl, 24px) !important;
    padding: 36px !important;
    box-shadow: var(--st-shadow-modal, 0 20px 60px rgba(0, 0, 0, 0.08)) !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/* 3. Product Image Column (Left) */
.theme-product-detail-column.theme-product-detail-image-container,
[data-zs-product-primary-details] > .theme-product-detail-image-container {
    flex: 0 0 45% !important;
    max-width: 45% !important;
    width: 45% !important;
}

.theme-product-detail-image[data-zs-product-img-container],
.theme-product-detail-image {
    width: 100% !important;
}

.theme-product-detail-image-inner {
    position: relative !important;
    width: 100% !important;
    border-radius: var(--st-radius-lg, 18px) !important;
    overflow: hidden !important;
    background-color: #FFFFFF !important;
    border: 1px solid var(--st-color-border, #E7DED2) !important;
    box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.04)) !important;
    transition: var(--st-transition, all 250ms ease-out) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 / 1 !important;
}

.theme-product-detail-image-inner:hover {
    box-shadow: var(--st-shadow-hover, 0 10px 30px rgba(0, 0, 0, 0.08)) !important;
}

.theme-product-detail-image-inner picture,
.theme-product-detail-image-inner img,
.theme-product-detail-image-inner [data-detail-image] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.4s ease !important;
}

.theme-product-detail-image-inner:hover img {
    transform: scale(1.03) !important;
}

/* 4. Product Details Column (Right) */
.theme-tag-social-contianer,
.theme-product-name,
.theme-rating-review-container,
div[data-zs-pricing-container],
div[data-zs-pricelist],
.theme-product-varients-area {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/* Title */
.theme-product-name h1,
h1[data-zs-product-name],
.theme-product-name h1[data-zs-product-name] {
    font-family: var(--st-font-heading, 'Playfair Display', serif) !important;
    font-size: var(--st-fs-h3, 32px) !important;
    font-weight: 700 !important;
    color: var(--st-color-heading, #15344D) !important;
    line-height: 1.25 !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: -0.3px !important;
}

/* Rating Review */
.theme-rating-review-container {
    margin-bottom: 14px !important;
}

.theme-product-detail-price-area[style*="display: none"],
.theme-product-detail-price-area[style*="display:none"] {
    display: none !important;
}

.theme-product-detail-price-area:not([style*="display: none"]):not([style*="display:none"]) {
    align-items: baseline !important;
}

.theme-product-price,
span.theme-product-price {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--st-color-primary, #15344D) !important;
    letter-spacing: -0.5px !important;
}

.theme-product-price span[data-zs-selling-price],
span[data-zs-selling-price] {
    color: var(--st-color-primary, #15344D) !important;
}

/* Variants & Options Container */
.theme-product-varients-area {
    margin-bottom: 24px !important;
}

.theme-product-sizes[data-zs-product-variant-container],
.theme-product-sizes {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

/* Variant Attribute Title Label (e.g. WEIGHT:) */
.theme-product-sizes[data-zs-product-variant-container]::before {
    content: attr(data-zs-product-variant-container) ":" !important;
    display: block !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--st-color-heading, #15344D) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    margin-bottom: 2px !important;
}

/* Convert Details Container to regular block */
details.theme-attribute-select-inner.theme-custom-attribute-select,
details.theme-custom-attribute-select,
details.theme-attribute-select-inner,
details[data-zs-attribute-select],
.theme-product-sizes details {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
}

/* Hide Dropdown Summary Trigger Header */
summary.theme-custom-select-value-container {
    display: none !important;
    visibility: hidden !important;
}

/* Transform Option Container into Horizontal Flex Button Row (forces display even if details is closed / not open) */
.theme-attribute-option-container[data-custom-select-option-container],
.theme-attribute-option-container,
details.theme-custom-attribute-select .theme-attribute-option-container,
details.theme-attribute-select-inner .theme-attribute-option-container,
details:not([open]) > .theme-attribute-option-container,
details:not([open]) > :not(summary),
details.theme-custom-attribute-select:not([open]) > :not(summary),
details.theme-attribute-select-inner:not([open]) > :not(summary) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 4px 0 0 0 !important;
    z-index: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Button-Style Chips for Variant Options */
.theme-attribute-option-container .theme-custom-select-option {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 18px !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: var(--st-radius-md, 12px) !important;
    border: 1.5px solid var(--st-color-border, #E7DED2) !important;
    background-color: var(--st-color-surface, #FFFFFF) !important;
    color: var(--st-color-primary, #15344D) !important;
    cursor: pointer !important;
    transition: var(--st-transition, all 200ms ease) !important;
    margin: 0 !important;
    user-select: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    outline: none !important;
}

.theme-attribute-option-container .theme-custom-select-option .theme-product-color {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* Hover State on Unselected Option Buttons */
.theme-attribute-option-container .theme-custom-select-option:hover:not(.theme-option-active):not(.theme-selected-sort) {
    border-color: var(--st-color-accent, #D9A520) !important;
    background-color: #FFF9E6 !important;
    color: var(--st-color-primary, #15344D) !important;
    transform: translateY(-1px) !important;
}

/* Selected / Active Button Chip Style */
.theme-attribute-option-container .theme-custom-select-option.theme-option-active,
.theme-attribute-option-container .theme-custom-select-option.theme-selected-sort,
.theme-attribute-option-container .theme-custom-select-option[aria-checked="true"] {
    background-color: var(--st-color-primary, #15344D) !important;
    color: #FFFFFF !important;
    border-color: var(--st-color-primary, #15344D) !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(21, 52, 77, 0.25) !important;
}

.theme-attribute-option-container .theme-custom-select-option.theme-option-active .theme-product-color,
.theme-attribute-option-container .theme-custom-select-option.theme-selected-sort .theme-product-color {
    color: #FFFFFF !important;
}

.theme-attribute-option-container .theme-custom-select-option.theme-option-active:hover,
.theme-attribute-option-container .theme-custom-select-option.theme-selected-sort:hover {
    background-color: var(--st-color-primary-dark, #0E2334) !important;
    color: #FFFFFF !important;
}

/* Out of Stock / Blur Option Style */
.theme-attribute-option-container .theme-custom-select-option.blur-option {
    opacity: 0.8 !important;
    background-color: #F5F5F5 !important;
}

.theme-variant-error {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--st-color-error, #DC2626) !important;
    margin-top: 4px !important;
}

/* 5. Quantity & Cart Action Bar (Row 1: Spinner + Wishlist | Row 2: Add to Cart | Row 3: Request Quote) */
.theme-product-quantity-cart-area {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 14px !important;
}

/* Flatten .theme-product-cart-buttons so Wishlist and Add to Cart join Row 1 / Row 2 flexbox directly */
.theme-product-cart-buttons {
    display: contents !important;
}

/* Quantity Spinner (Row 1 - Left) */
.theme-product-varient-quantity {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    order: 1 !important;
}

.theme-product-quantity-spinner[data-zs-quantity-container],
.theme-product-quantity-spinner {
    display: inline-flex !important;
    align-items: center !important;
    height: 50px !important;
    background-color: #FFFFFF !important;
    border: 1.5px solid var(--st-color-border, #E7DED2) !important;
    border-radius: var(--st-radius-pill, 999px) !important;
    padding: 0 4px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

.theme-product-quantity-spinner:focus-within,
.theme-product-quantity-spinner:hover {
    border-color: var(--st-color-accent, #D9A520) !important;
}

.theme-quantity-decrease,
.theme-quantity-increase,
input.theme-quantity-decrease,
input.theme-quantity-increase {
    width: 36px !important;
    height: 36px !important;
    border: none !important;
    background: transparent !important;
    color: var(--st-color-primary, #15344D) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.theme-quantity-decrease:hover,
.theme-quantity-increase:hover {
    background-color: var(--st-color-bg, #FAF7F2) !important;
    color: var(--st-color-accent, #D9A520) !important;
}

.theme-product-quantity-spinner input[name="qty"] {
    width: 44px !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--st-color-primary, #15344D) !important;
    outline: none !important;
}

/* Wishlist Button (Row 1 - Right Side of Quantity Spinner) */
span[data-show-wishlist-icon] {
    display: inline-flex !important;
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 50px !important;
    order: 2 !important;
    margin-left: auto !important;
}

button.wishlist-selection-container,
.wishlist-selection-container,
[data-zs-wishlist-element] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    border: 1.5px solid var(--st-color-border, #E7DED2) !important;
    cursor: pointer !important;
    transition: var(--st-transition, all 250ms ease-out) !important;
    padding: 0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

.wishlist-selection-container svg {
    width: 20px !important;
    height: 20px !important;
    transition: stroke 0.2s ease, fill 0.2s ease, transform 0.2s ease !important;
}

.wishlist-selection-container svg path {
    stroke: var(--st-color-primary, #15344D) !important;
    transition: stroke 0.2s ease, fill 0.2s ease !important;
}

.wishlist-selection-container:hover {
    border-color: #DC2626 !important;
    background-color: #FEF2F2 !important;
    transform: scale(1.06) !important;
}

.wishlist-selection-container:hover svg path {
    stroke: #DC2626 !important;
}

.wishlist-selection-container[data-zs-wishlisted="true"] {
    background-color: #FEF2F2 !important;
    border-color: #DC2626 !important;
}

.wishlist-selection-container[data-zs-wishlisted="true"] svg path {
    fill: #DC2626 !important;
    stroke: #DC2626 !important;
}

/* Add to Cart Button (Row 2 - Full Width Gold Primary CTA) */
button.theme-cart-button[data-zs-add-to-cart],
[data-zs-add-to-cart].theme-cart-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 52px !important;
    padding: 0 32px !important;
    background: var(--st-color-accent, #D9A520) !important;
    color: #FFFFFF !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    border: none !important;
    border-radius: var(--st-radius-pill, 999px) !important;
    cursor: pointer !important;
    transition: var(--st-transition, all 250ms ease-out) !important;
    box-shadow: 0 6px 18px rgba(217, 165, 32, 0.35) !important;
    white-space: nowrap !important;
    width: 100% !important;
    flex: 1 1 100% !important;
    max-width: 100% !important;
    order: 3 !important;
    margin-top: 4px !important;
}

button.theme-cart-button[data-zs-add-to-cart]:hover,
[data-zs-add-to-cart].theme-cart-button:hover {
    background: var(--st-color-accent-hover, #C1921B) !important;
    box-shadow: 0 8px 24px rgba(217, 165, 32, 0.48) !important;
    transform: translateY(-2px) !important;
}

/* View Details Button (Hidden) */
a.theme-cart-button.theme-more-details,
[data-zs-more-details].theme-cart-button,
.theme-more-details {
    display: none !important;
    visibility: hidden !important;
}

/* Out of Stock Button Styling (PDP) - Strictly targets cart button and excludes wishlist button */
.theme-product-quantity-cart-area .theme-product-cart-buttons button.theme-cart-button[disabled],
.theme-product-quantity-cart-area .theme-product-cart-buttons button.theme-cart-button:disabled,
.theme-product-cart-buttons button.theme-cart-button[disabled],
.theme-product-cart-buttons button.theme-cart-button:disabled,
button.theme-cart-button[disabled],
button.theme-cart-button:disabled,
[data-nostock-cart-add] .theme-cart-button[disabled],
[data-nostock-cart-add] .theme-cart-button:disabled {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 52px !important;
    max-width: 100% !important;
    padding: 0 32px !important;
    background-color: #FEF2F2 !important;
    color: #DC2626 !important;
    border: 1px solid #FECACA !important;
    border-radius: var(--st-radius-pill, 999px) !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    box-shadow: none !important;
    outline: none !important;
    user-select: none !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    transition: var(--st-transition, all 250ms ease-out) !important;
}

.theme-product-quantity-cart-area .theme-product-cart-buttons button.theme-cart-button[disabled] span,
button.theme-cart-button[disabled] span {
    color: #DC2626 !important;
    font-weight: 700 !important;
}

/* Explicit reset for Wishlist button ::before pseudo-element */
button.wishlist-selection-container::before,
.wishlist-selection-container::before {
    content: none !important;
    display: none !important;
}

/* Request Quote Button (Row 3 - Full Width Secondary Navy Outline Pill) */
button.theme-quote-button[data-zs-add-to-quote],
[data-zs-add-to-quote].theme-quote-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important;
    padding: 0 20px !important;
    background: #FFFFFF !important;
    color: var(--st-color-primary, #15344D) !important;
    border: 1.5px solid var(--st-color-primary, #15344D) !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: var(--st-radius-pill, 999px) !important;
    cursor: pointer !important;
    transition: var(--st-transition, all 250ms ease-out) !important;
    white-space: nowrap !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    flex: 1 1 100% !important;
    margin-top: 12px !important;
    margin-bottom: 14px !important;
    z-index: 1 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

button.theme-quote-button[data-zs-add-to-quote]:hover,
[data-zs-add-to-quote].theme-quote-button:hover {
    background: var(--st-color-primary, #15344D) !important;
    color: #FFFFFF !important;
    border-color: var(--st-color-primary, #15344D) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(21, 52, 77, 0.2) !important;
}

/* Loading Dots animation in buttons */
.theme-cart-button-loading-dots span,
.theme-quote-button-loading-dots span {
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background-color: currentColor !important;
    margin: 0 2px !important;
    animation: stDotPulse 1.2s infinite ease-in-out both !important;
}

.theme-cart-button-loading-dots span:nth-child(2),
.theme-quote-button-loading-dots span:nth-child(2) {
    animation-delay: 0.2s !important;
}

.theme-cart-button-loading-dots span:nth-child(3),
.theme-quote-button-loading-dots span:nth-child(3) {
    animation-delay: 0.4s !important;
}

@keyframes stDotPulse {
    0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
    40% { opacity: 1; transform: scale(1.2); }
}

/* Responsive Media Queries */
@media screen and (max-width: 991px) {
    .theme-section[data-zs-product-details-primary-section] {
        padding: 24px 0 !important;
    }

    div[data-zs-product-primary-details],
    .theme-product-detail-container[data-zs-product-primary-details] {
        flex-direction: column !important;
        gap: 28px !important;
        padding: 24px !important;
        border-radius: var(--st-radius-lg, 18px) !important;
    }

    .theme-product-detail-column.theme-product-detail-image-container,
    .theme-product-detail-column:not(.theme-product-detail-image-container) {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .theme-product-detail-image-inner {
        max-width: 480px !important;
        margin: 0 auto !important;
    }
}

@media screen and (max-width: 576px) {
    .theme-section[data-zs-product-details-primary-section] .zpcontainer {
        padding: 0 12px !important;
    }

    div[data-zs-product-primary-details],
    .theme-product-detail-container[data-zs-product-primary-details] {
        padding: 18px !important;
        gap: 20px !important;
        border-radius: 16px !important;
    }

    .theme-product-name h1,
    h1[data-zs-product-name] {
        font-size: 22px !important;
        margin-bottom: 8px !important;
    }

    .theme-product-price {
        font-size: 22px !important;
    }

    details.theme-attribute-select-inner.theme-custom-attribute-select {
        max-width: 100% !important;
    }

    .theme-product-quantity-spinner[data-zs-quantity-container] {
        height: 46px !important;
    }

    button.theme-quote-button[data-zs-add-to-quote],
    [data-zs-add-to-quote].theme-quote-button {
        height: 46px !important;
        font-size: 12px !important;
        padding: 0 14px !important;
        margin-top: 10px !important;
    }

    span[data-show-wishlist-icon],
    .wishlist-selection-container {
        width: 46px !important;
        height: 46px !important;
    }

    button.theme-cart-button[data-zs-add-to-cart],
    [data-zs-add-to-cart].theme-cart-button {
        height: 48px !important;
        font-size: 14px !important;
        padding: 0 18px !important;
        margin-top: 10px !important;
    }
}


/* ==========================================================================
   PRODUCT REVIEWS & RATING SECTION TYPOGRAPHY / FONT STYLING
   ========================================================================== */

/* Section & Container Base Typography */
.theme-section[data-zs-product-details-commentbox-section],
.theme-store-commentbox,
.zpelem-commentbox,
.zpform-container {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-body, 16px) !important;
    font-weight: var(--st-fw-body, 400) !important;
    color: var(--st-color-body, #555555) !important;
    line-height: 1.6 !important;
}

/* Headings (Ratings & Reviews Title) */
.zpcomment-rating-result h4,
.zpcomment-heading-prevnext-container h4 {
    font-family: var(--st-font-heading, 'Playfair Display', Georgia, serif) !important;
    font-size: var(--st-fs-h4, 30px) !important;
    font-weight: var(--st-fw-heading, 700) !important;
    color: var(--st-color-primary, #15344D) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
}

/* Rating Vote Value Text */
.zpcomment-rating-vote-value {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    font-weight: var(--st-fw-subheading, 600) !important;
    color: var(--st-color-primary, #15344D) !important;
}

/* Rating Infobox Breakdown Typography */
.zpcomment-average-rating-info {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    font-weight: var(--st-fw-label, 500) !important;
    color: var(--st-color-body, #555555) !important;
}

.zpcomment-rating-value {
    font-family: var(--st-font-heading, 'Playfair Display', Georgia, serif) !important;
    font-size: var(--st-fs-h3, 36px) !important;
    font-weight: var(--st-fw-heading, 700) !important;
    color: var(--st-color-primary, #15344D) !important;
    line-height: 1.1 !important;
}

.zpcomment-individual-rating-details {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    font-weight: var(--st-fw-subheading, 600) !important;
    color: var(--st-color-primary, #15344D) !important;
}

/* Reviews List & Empty State Typography */
#zpcomment-list-container,
.zpcomment-list-container {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-body, 16px) !important;
    font-weight: var(--st-fw-body, 400) !important;
    color: var(--st-color-body, #555555) !important;
}

/* Verified Buyer Notice Typography */
#zppost_rating {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    font-weight: var(--st-fw-label, 500) !important;
    color: var(--st-color-body, #555555) !important;
}

/* Star SVG Accent Color */
.zpform-comment-rating-container input[type="radio"]:checked ~ label svg polygon,
.zpform-comment-rating-container label:hover svg polygon,
.zpform-comment-rating-container label:hover ~ label svg polygon,
.zpcomment-individual-rating svg.zpcomment-individual-rating-details {
    fill: var(--st-color-accent, #D9A520) !important;
}

/* Mobile Typography Scaling */
@media screen and (max-width: 576px) {
    .zpcomment-rating-result h4,
    .zpcomment-heading-prevnext-container h4 {
        font-size: var(--st-fs-h5, 24px) !important;
    }

    .zpcomment-rating-value {
        font-size: 30px !important;
    }
}


/* ==========================================================================
   SLIDING CART DRAWER — suppress outside /cart page (toast-only add-to-cart)
   ========================================================================== */

/* Prevent the sliding cart drawer from rendering inline on product/category pages */
body:not(.st-is-cart-page) .theme-sliding-cart-container,
body:not(.st-is-cart-page) [data-theme-content-container].theme-sliding-cart-container {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Keep page interactive when Zoho sets inert after add-to-cart (non-cart pages) */
body:not(.st-is-cart-page) .theme-content-container[inert],
body:not(.st-is-cart-page) [data-theme-content-container][inert],
body:not(.st-is-cart-page) .theme-content-area[inert] {
  pointer-events: auto !important;
}

/* ==========================================================================
   Empty Cart Section Styling
   ========================================================================== */

/* Empty Cart Outer Wrapper / Card Container */
body.st-is-cart-page .theme-cart-area-container.theme-cart-empty,
body.st-is-cart-page .theme-cart-body.theme-cart-empty,
body.st-is-cart-page div[data-cart-table].theme-cart-empty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 680px !important;
    margin: 60px auto !important;
    padding: 56px 40px 48px 40px !important;
    background-color: var(--st-color-surface, #FFFFFF) !important;
    border: 1px solid var(--st-color-border, #E7DED2) !important;
    border-radius: var(--st-radius-xl, 24px) !important;
    box-shadow: var(--st-shadow-card, 0 12px 32px rgba(21, 52, 77, 0.06)) !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

/* Hide Default Non-Relevant Elements in Empty Cart State */
body.st-is-cart-page .theme-cart-empty .theme-shopping-cart-table-container,
body.st-is-cart-page .theme-cart-empty .theme-cart-summary-details,
body.st-is-cart-page .theme-cart-empty .theme-cart-empty-checkout-buton,
body.st-is-cart-page .theme-cart-empty [data-cart-items],
body.st-is-cart-page .theme-cart-empty [data-cart-empty-checkout-button] {
    display: none !important;
}

/* Summary Inner Wrapper Reset */
body.st-is-cart-page .theme-cart-empty .theme-cart-summary-container,
body.st-is-cart-page .theme-cart-empty .theme-cart-summary-inner-container,
body.st-is-cart-page .theme-cart-empty [data-cart-summary-container] {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Empty Cart Message Container */
body.st-is-cart-page .theme-cart-empty .theme-cart-error-empty-message,
body.st-is-cart-page .theme-cart-empty [data-zs-cart-empty-message] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-family: var(--st-font-heading, 'Playfair Display', Georgia, serif) !important;
    font-size: var(--st-fs-h3, 32px) !important;
    font-weight: var(--st-fw-heading, 700) !important;
    color: var(--st-color-primary, #15344D) !important;
    letter-spacing: -0.3px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    width: 100% !important;
}

/* Empty Cart SVG Illustration */
body.st-is-cart-page .theme-cart-empty .theme-cart-error-empty-message svg,
body.st-is-cart-page .theme-cart-empty [data-zs-cart-empty-message] svg {
    width: 180px !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 auto 24px auto !important;
    filter: drop-shadow(0 8px 16px rgba(21, 52, 77, 0.08)) !important;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

body.st-is-cart-page .theme-cart-empty:hover .theme-cart-error-empty-message svg,
body.st-is-cart-page .theme-cart-empty:hover [data-zs-cart-empty-message] svg {
    transform: translateY(-6px) !important;
}

/* Empty Cart Description Subtext */
body.st-is-cart-page .theme-cart-empty .theme-cart-error-empty-message::after,
body.st-is-cart-page .theme-cart-empty [data-zs-cart-empty-message]::after {
    content: "Your cart is currently empty. Explore our premium selection of authentic wholesale spices, rice, pulses, and dry fruits to add items to your cart." !important;
    display: block !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-body, 16px) !important;
    font-weight: var(--st-fw-body, 400) !important;
    color: var(--st-color-body, #555555) !important;
    max-width: 480px !important;
    margin: 14px auto 0 auto !important;
    line-height: 1.6 !important;
}

/* Button Action Area Container */
body.st-is-cart-page .theme-cart-empty .theme-checkout-button-area,
body.st-is-cart-page .theme-cart-empty [data-cart-summary-button] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 32px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* Shopping Button Box Wrapper */
body.st-is-cart-page .theme-cart-empty .theme-cart-empty-shopping-button,
body.st-is-cart-page .theme-cart-empty [data-cart-empty-shopping-button] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Continue Shopping Primary Gold Button */
body.st-is-cart-page .theme-cart-empty .theme-continue-shopping-button,
body.st-is-cart-page .theme-cart-empty [data-zs-continue-shopping] {
    background-color: var(--st-color-accent, #D9A520) !important;
    color: #FFFFFF !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-body, 16px) !important;
    font-weight: var(--st-fw-button, 600) !important;
    min-height: 52px !important;
    padding: 14px 40px !important;
    border-radius: var(--st-radius-md, 12px) !important;
    border: 1px solid var(--st-color-accent, #D9A520) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 4px 16px rgba(217, 165, 32, 0.28) !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* Continue Shopping Button Hover & Active States */
body.st-is-cart-page .theme-cart-empty .theme-continue-shopping-button:hover,
body.st-is-cart-page .theme-cart-empty [data-zs-continue-shopping]:hover {
		background: var(--st-color-accent-hover, #C1921B) !important;
    outline-color: var(--st-color-accent-hover, #C1921B) !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 18px rgba(217, 165, 32, 0.35) !important;
    transform: translateY(-1px) !important;
}

body.st-is-cart-page .theme-cart-empty .theme-continue-shopping-button:active,
body.st-is-cart-page .theme-cart-empty [data-zs-continue-shopping]:active {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(21, 52, 77, 0.2) !important;
}

/* Mobile & Tablet Responsive Adjustments */
@media screen and (max-width: 768px) {
    body.st-is-cart-page .theme-cart-area-container.theme-cart-empty,
    body.st-is-cart-page .theme-cart-body.theme-cart-empty,
    body.st-is-cart-page div[data-cart-table].theme-cart-empty {
        margin: 40px 16px !important;
        padding: 40px 24px 36px 24px !important;
        max-width: 100% !important;
    }

    body.st-is-cart-page .theme-cart-empty .theme-cart-error-empty-message,
    body.st-is-cart-page .theme-cart-empty [data-zs-cart-empty-message] {
        font-size: var(--st-fs-h5, 24px) !important;
    }

    body.st-is-cart-page .theme-cart-empty .theme-cart-error-empty-message svg,
    body.st-is-cart-page .theme-cart-empty [data-zs-cart-empty-message] svg {
        width: 140px !important;
        margin-bottom: 20px !important;
    }

    body.st-is-cart-page .theme-cart-empty .theme-cart-error-empty-message::after,
    body.st-is-cart-page .theme-cart-empty [data-zs-cart-empty-message]::after {
        font-size: 14px !important;
        margin-top: 10px !important;
    }

    body.st-is-cart-page .theme-cart-empty .theme-cart-empty-shopping-button,
    body.st-is-cart-page .theme-cart-empty [data-cart-empty-shopping-button],
    body.st-is-cart-page .theme-cart-empty .theme-continue-shopping-button,
    body.st-is-cart-page .theme-cart-empty [data-zs-continue-shopping] {
        width: 100% !important;
    }
}


/* ==========================================================================
   Active Shopping Cart Section Styling
   ========================================================================== */

/* Outer Cart Layout Container (Active / Non-Empty Cart) */
body.st-is-cart-page .theme-cart-area-container.theme-cart-body:not(.theme-cart-empty),
body.st-is-cart-page div[data-cart-table]:not(.theme-cart-empty) {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: var(--st-max-width, 1280px) !important;
    margin: 48px 0px !important;
    box-sizing: border-box !important;
}

/* Shopping Cart Items Table Container (Left Column) */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-shopping-cart-table-container,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-details-container,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-cart-items] {
    flex: 1 1 65% !important;
    width: 100% !important;
    background-color: var(--st-color-surface, #FFFFFF) !important;
    border: 1px solid var(--st-color-border, #E7DED2) !important;
    border-radius: var(--st-radius-xl, 24px) !important;
    box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.06)) !important;
    padding: 32px !important;
    box-sizing: border-box !important;
}

/* Cart Table Header Row */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row.theme-cart-head {
    display: grid !important;
    grid-template-columns: 2.5fr 1.2fr 1fr auto !important;
    align-items: center !important;
    padding-bottom: 18px !important;
    margin-bottom: 24px !important;
    border-bottom: 2px solid var(--st-color-border, #E7DED2) !important;
    gap: 16px !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row.theme-cart-head .theme-cart-table-data {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    font-weight: var(--st-fw-heading, 700) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: var(--st-color-primary, #15344D) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row.theme-cart-head .theme-cart-qty {
    text-align: center !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row.theme-cart-head .theme-cart-price-label {
    text-align: right !important;
}

/* Cart Table Item Rows */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row[data-cart-item] {
    display: grid !important;
    grid-template-columns: 2.5fr 1.2fr 1fr auto !important;
    align-items: center !important;
    padding: 24px 0 !important;
    border-bottom: 1px solid var(--st-color-border, #E7DED2) !important;
    gap: 16px !important;
    transition: var(--st-transition) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row[data-cart-item]:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* Item Image & Info Flex Block */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-data.theme-cart-items {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

/* Product Thumbnail Container */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-img {
    width: 96px !important;
    height: 96px !important;
    flex-shrink: 0 !important;
    border-radius: var(--st-radius-md, 12px) !important;
    border: 1px solid var(--st-color-border, #E7DED2) !important;
    background-color: var(--st-color-bg, #FAF7F2) !important;
    overflow: hidden !important;
    position: relative !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-img a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-img:hover img {
    transform: scale(1.08) !important;
}

/* Item Details Content */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-info div a {
    font-family: var(--st-font-heading, 'Playfair Display', Georgia, serif) !important;
    font-size: var(--st-fs-body-lg, 18px) !important;
    font-weight: var(--st-fw-heading, 700) !important;
    color: var(--st-color-primary, #15344D) !important;
    text-decoration: none !important;
    line-height: 1.35 !important;
    transition: var(--st-transition) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-info div a:hover {
    color: var(--st-color-accent, #D9A520) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-info ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 4px 0 6px 0 !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-info ul li {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    color: var(--st-color-body, #555555) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-info ul li span {
    font-weight: var(--st-fw-subheading, 600) !important;
    color: var(--st-color-primary, #15344D) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-info .item-price {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    color: var(--st-color-body, #555555) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-info .theme-cart-selling-price {
    font-weight: var(--st-fw-heading, 700) !important;
    color: var(--st-color-primary, #15344D) !important;
    margin-left: 4px !important;
}

/* Quantity Control Stepper Column */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-data.theme-cart-qty {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-quantity-field-button {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid var(--st-color-border, #E7DED2) !important;
    border-radius: var(--st-radius-pill, 999px) !important;
    background-color: var(--st-color-bg, #FAF7F2) !important;
    padding: 4px 6px !important;
    min-width: 124px !important;
    height: 44px !important;
    box-sizing: border-box !important;
    transition: var(--st-transition) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity:focus-within,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity:hover {
    border-color: var(--st-color-accent, #D9A520) !important;
    box-shadow: 0 2px 8px rgba(217, 165, 32, 0.15) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity-decrease,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity-increase {
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    position: relative !important;
    transition: var(--st-transition) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity-decrease:hover,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity-increase:hover {
    background-color: rgba(21, 52, 77, 0.08) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity-decrease:active,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity-increase:active {
    transform: scale(0.92) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity-decrease svg,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity-increase svg {
    width: 16px !important;
    height: 16px !important;
    fill: var(--st-color-primary, #15344D) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-remove-button svg path {
    fill: var(--st-color-primary, #15344D) !important;
    transition: var(--st-transition) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity-decrease:hover .theme-cart-remove-button svg path {
    fill: var(--st-color-error, #DC2626) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-product-list-quantity input[data-zs-quantity] {
    width: 36px !important;
    height: 32px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-body, 16px) !important;
    font-weight: var(--st-fw-heading, 700) !important;
    color: var(--st-color-primary, #15344D) !important;
    outline: none !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-quantity-error {
    color: var(--st-color-error, #DC2626) !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-caption, 12px) !important;
    margin-top: 6px !important;
}

/* Amount Label Column */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-data.theme-cart-price-label {
    text-align: right !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-body-lg, 18px) !important;
    font-weight: var(--st-fw-heading, 700) !important;
    color: var(--st-color-primary, #15344D) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-control span {
    display: inline-block !important;
    padding-inline-start: 0 !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-control .zpbutton.theme-cart-remove-button {
    background: transparent !important;
    border: none !important;
    padding: 6px 12px !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    font-weight: var(--st-fw-subheading, 600) !important;
    color: var(--st-color-body, #555555) !important;
    cursor: pointer !important;
    border-radius: var(--st-radius-sm, 8px) !important;
    transition: var(--st-transition) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-delete] .zpbutton.theme-cart-remove-button:hover {
    color: var(--st-color-error, #DC2626) !important;
    background-color: rgba(220, 38, 38, 0.08) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-save-for-later] .zpbutton.theme-cart-remove-button:hover {
    color: var(--st-color-accent, #D9A520) !important;
    background-color: rgba(217, 165, 32, 0.1) !important;
}

/* Order Summary Container (Right Sidebar) */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-summary-container {
    flex: 0 0 380px !important;
    width: 380px !important;
    position: sticky !important;
    top: 100px !important;
    box-sizing: border-box !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-summary-inner-container,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-cart-summary-container] {
    background-color: var(--st-color-surface, #FFFFFF) !important;
    border: 1px solid var(--st-color-border, #E7DED2) !important;
    border-radius: var(--st-radius-xl, 24px) !important;
    box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.06)) !important;
    padding: 32px !important;
    box-sizing: border-box !important;
}

/* Summary Header Title Injection */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-summary-details::before {
    content: "Order Summary" !important;
    display: block !important;
    font-family: var(--st-font-heading, 'Playfair Display', Georgia, serif) !important;
    font-size: var(--st-fs-h5, 24px) !important;
    font-weight: var(--st-fw-heading, 700) !important;
    color: var(--st-color-primary, #15344D) !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--st-color-border, #E7DED2) !important;
}

/* Subtotal List Item */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-details-summary-list-item.theme-scart-details-summary-main {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-body, 16px) !important;
    color: var(--st-color-primary, #15344D) !important;
    font-weight: var(--st-fw-subheading, 600) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-details-summary-list-item.theme-scart-details-summary-main em {
    font-style: normal !important;
    font-weight: var(--st-fw-body, 400) !important;
    color: var(--st-color-body, #555555) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    margin-left: 4px !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-cart-subtotal] {
    font-family: var(--st-font-heading, 'Playfair Display', Georgia, serif) !important;
    font-size: var(--st-fs-h5, 24px) !important;
    font-weight: var(--st-fw-heading, 700) !important;
    color: var(--st-color-accent, #D9A520) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-summary-details p:last-child {
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-sm, 14px) !important;
    color: var(--st-color-body, #555555) !important;
    margin-top: 12px !important;
    margin-bottom: 24px !important;
    line-height: 1.5 !important;
}

/* Hide Empty Cart Message Graphic in Active Cart */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-error-message-not-empty,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-cart-empty-message] {
    display: none !important;
}

/* Checkout Button & Action Area */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-checkout-button-area,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-cart-summary-button] {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 24px !important;
    border: none !important;
    padding: 0 !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-cart-empty-checkout-button],
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-cart-empty-shopping-button] {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Primary Checkout Button Styling */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-checkout-button,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-checkout] {
    background-color: var(--st-color-accent, #D9A520) !important;
    color: var(--st-color-surface, #FFFFFF) !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-body, 16px) !important;
    font-weight: var(--st-fw-button, 600) !important;
    height: 52px !important;
    width: 100% !important;
    border-radius: var(--st-radius-md, 12px) !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    box-shadow: 0 4px 16px rgba(217, 165, 32, 0.28) !important;
    cursor: pointer !important;
    transition: var(--st-transition) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-checkout-button:hover,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-checkout]:hover {
    background-color: var(--st-color-accent-hover, #C1921B) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(217, 165, 32, 0.38) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-checkout-button:active,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-checkout]:active {
    transform: translateY(0) !important;
    box-shadow: 0 4px 12px rgba(217, 165, 32, 0.25) !important;
}

/* Continue Shopping Secondary Button Styling */
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-continue-shopping-button,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-continue-shopping] {
    background-color: transparent !important;
    color: var(--st-color-primary, #15344D) !important;
    font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
    font-size: var(--st-fs-body, 16px) !important;
    font-weight: var(--st-fw-button, 600) !important;
    height: 48px !important;
    width: 100% !important;
    border-radius: var(--st-radius-md, 12px) !important;
    border: 1.5px solid var(--st-color-primary, #15344D) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: var(--st-transition) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-continue-shopping-button:hover,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-continue-shopping]:hover {
    background-color: var(--st-color-primary, #15344D) !important;
    color: var(--st-color-surface, #FFFFFF) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(21, 52, 77, 0.18) !important;
}

body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-continue-shopping-button:active,
body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) [data-zs-continue-shopping]:active {
    transform: translateY(0) !important;
}

/* ==========================================================================
   Cart Area Responsive Breakpoints
   ========================================================================== */

@media screen and (max-width: 991px) {
    body.st-is-cart-page .theme-cart-area-container.theme-cart-body:not(.theme-cart-empty),
    body.st-is-cart-page div[data-cart-table]:not(.theme-cart-empty) {
        flex-direction: column !important;
        gap: 32px !important;
        margin: 32px auto !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-summary-container {
        flex: none !important;
        width: 100% !important;
        position: static !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row.theme-cart-head,
    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row[data-cart-item] {
        grid-template-columns: 2fr 1.2fr 1fr auto !important;
        gap: 12px !important;
    }
}

@media screen and (max-width: 768px) {
    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-shopping-cart-table-container,
    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-details-container {
        padding: 20px 16px !important;
        border-radius: var(--st-radius-lg, 18px) !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row.theme-cart-head {
        display: none !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-row[data-cart-item] {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
        padding: 20px 0 !important;
        position: relative !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-data.theme-cart-items {
        width: 100% !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-item-img {
        width: 80px !important;
        height: 80px !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-data.theme-cart-qty {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-data.theme-cart-qty::before {
        content: "Quantity:" !important;
        font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
        font-size: var(--st-fs-sm, 14px) !important;
        font-weight: var(--st-fw-subheading, 600) !important;
        color: var(--st-color-primary, #15344D) !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-data.theme-cart-price-label {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        text-align: left !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-data.theme-cart-price-label::before {
        content: "Total Amount:" !important;
        font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
        font-size: var(--st-fs-sm, 14px) !important;
        font-weight: var(--st-fw-subheading, 600) !important;
        color: var(--st-color-primary, #15344D) !important;
    }

    body.st-is-cart-page .theme-cart-area-container:not(.theme-cart-empty) .theme-cart-table-data.theme-cart-control.theme-cart-item-remove {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 16px !important;
        padding-top: 10px !important;
        border-top: 1px dashed var(--st-color-border, #E7DED2) !important;
    }
}


/* ==========================================================================
   CHECKOUT STYLES
   ========================================================================== */

.theme-checkout-body .theme-checkout-details {
  background-color: var(--st-color-surface, #FFFFFF) !important;
  border: 1px solid var(--st-color-border, #E7DED2) !important;
  border-radius: var(--st-radius-lg, 18px) !important;
  box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.06)) !important;
  padding: 20px;
}


/* ==========================================
   CART PAGE ITEM BRAND DISPLAY STYLES
   ========================================== */
.st-cart-item-brand {
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: var(--st-fs-sm, 14px);
  font-weight: var(--st-fw-body, 400);
  color: var(--st-color-body, #555555);
  margin-top: 4px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.4;
}

.st-cart-item-brand .st-cart-brand-label {
  font-weight: var(--st-fw-label, 500);
  color: var(--st-color-body, #555555);
}

.st-cart-item-brand .st-cart-brand-name {
  font-weight: var(--st-fw-subheading, 600);
  color: var(--st-color-primary, #15344D);
  letter-spacing: 0.3px;
}


/* ==========================================
   RESTRICTED PAGE - SIGN IN ACCESS CARD
   ========================================== */
.st-restricted-access-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 55vh;
  padding: 60px 20px;
  background-color: var(--st-color-bg, #FAF7F2);
  width: 100%;
}

.st-restricted-access-card {
  background-color: var(--st-color-surface, #FFFFFF);
  border: 1px solid var(--st-color-border, #E7DED2);
  border-radius: var(--st-radius-lg, 18px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  max-width: 520px;
  width: 100%;
  padding: 48px 36px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.st-restricted-icon-box {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(217, 165, 32, 0.12);
  color: var(--st-color-accent, #D9A520);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 4px;
}

.st-restricted-title {
  font-family: var(--st-font-heading, 'Playfair Display', Georgia, serif);
  font-size: var(--st-fs-h4, 30px);
  font-weight: var(--st-fw-heading, 700);
  color: var(--st-color-primary, #15344D);
  margin: 0;
  line-height: 1.25;
}

.st-restricted-message {
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: var(--st-fs-body, 16px);
  font-weight: var(--st-fw-body, 400);
  color: var(--st-color-body, #555555);
  margin: 0;
  line-height: 1.6;
  max-width: 440px;
}

.st-restricted-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 10px;
  width: 100%;
}

.st-restricted-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: var(--st-color-accent, #D9A520);
  color: #FFFFFF !important;
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: var(--st-fs-body, 16px);
  font-weight: var(--st-fw-button, 600);
  padding: 14px 28px;
  border-radius: var(--st-radius-md, 12px);
  text-decoration: none !important;
  transition: all 0.25s ease;
  border: none;
  cursor: pointer;
  flex: 1;
}

.st-restricted-btn-primary:hover {
  background-color: var(--st-color-accent-hover, #C1921B);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(217, 165, 32, 0.3);
}

.st-restricted-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: transparent;
  color: var(--st-color-primary, #15344D) !important;
  font-family: var(--st-font-body, 'Manrope', sans-serif);
  font-size: var(--st-fs-body, 16px);
  font-weight: var(--st-fw-button, 600);
  padding: 14px 24px;
  border-radius: var(--st-radius-md, 12px);
  border: 1px solid var(--st-color-border, #E7DED2);
  text-decoration: none !important;
  transition: all 0.25s ease;
  cursor: pointer;
  flex: 1;
}

.st-restricted-btn-secondary:hover {
  border-color: var(--st-color-primary, #15344D);
  background-color: rgba(21, 52, 77, 0.04);
}

@media (max-width: 576px) {
  .st-restricted-access-card {
    padding: 32px 20px;
  }
  .st-restricted-title {
    font-size: var(--st-fs-h5, 24px);
  }
  .st-restricted-actions {
    flex-direction: column;
    width: 100%;
  }
  .st-restricted-btn-primary,
  .st-restricted-btn-secondary {
    width: 100%;
  }
}


/* ==========================================================================
   BANDIWALA BRAND - LUXURY PRODUCT DETAIL SECTION STYLES
   ========================================================================== */

/* 1. Outer Product Details Section Background Pattern & Hairlines */
.theme-section[data-zs-product-details-primary-section].st-bandiwala-pdp-section,
body.st-bandiwala-pdp .theme-section[data-zs-product-details-primary-section],
body.st-bandiwala-pdp .theme-section[data-zs-product-id] {
  position: relative !important;
  background-color: var(--st-color-bg, #FAF7F2) !important;
  /* Royal geometric lattice vector SVG pattern (4% gold line opacity) + ambient gold radial spotlight */
  background-image: radial-gradient(circle at 50% 0%, rgba(217, 165, 32, 0.12) 0%, transparent 65%),
                    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9a520' fill-opacity='0.04'%3E%3Cpath d='M30 0l15 15-15 15L15 15zM0 30l15 15-15 15L-15 45zM60 30l15 15-15 15L45 45zM30 60l15 15-15 15L15 75z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-attachment: fixed !important;
  border-top: 1px solid rgba(217, 165, 32, 0.25) !important;
  border-bottom: 1px solid rgba(217, 165, 32, 0.25) !important;
}

/* Top Subtle Gold Accent Hairline Bar for Bandiwala Card */
body.st-bandiwala-pdp .theme-product-detail-container::before,
body.st-bandiwala-pdp [data-zs-product-primary-details]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #15344D 0%, #D9A520 50%, #15344D 100%);
  z-index: 10;
}

/* Decorative Gold Corner Watermark Ornament */
body.st-bandiwala-pdp .theme-product-detail-container::after {
  content: '';
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 140px;
  height: 140px;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0 C60 25 75 40 100 50 C75 60 60 75 50 100 C40 75 25 60 0 50 C25 40 40 25 50 0 Z' fill='%23d9a520' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}

/* 3. Luxury Royal Heritage Badge */
.st-bandiwala-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: linear-gradient(135deg, rgba(217, 165, 32, 0.12) 0%, rgba(21, 52, 77, 0.06) 100%);
  border: 1px solid rgba(217, 165, 32, 0.4);
  border-radius: var(--st-radius-pill, 999px);
  color: #B8860B;
  font-family: var(--st-font-heading, 'Playfair Display', serif);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-bottom: 14px;
  box-shadow: 0 2px 8px rgba(217, 165, 32, 0.1);
  transition: all 0.25s ease;
}

.st-bandiwala-badge:hover {
  border-color: rgba(217, 165, 32, 0.7);
  box-shadow: 0 4px 12px rgba(217, 165, 32, 0.2);
  transform: translateY(-1px);
}

.st-bandiwala-badge-icon {
  color: #D9A520;
  font-size: 12px;
}

/* 4. Bandiwala Product Title Styling */
body.st-bandiwala-pdp h1,
body.st-bandiwala-pdp .theme-product-name h1,
body.st-bandiwala-pdp [data-zs-product-name] {
  font-family: var(--st-font-heading, 'Playfair Display', Georgia, serif) !important;
  color: var(--st-color-primary, #15344D) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

/* 5. Product Image Gallery Frame Accent */
body.st-bandiwala-pdp .theme-product-detail-image-inner {
  border-radius: var(--st-radius-lg, 18px) !important;
  border: 1px solid rgba(217, 165, 32, 0.3) !important;
  box-shadow: 0 6px 20px rgba(21, 52, 77, 0.06) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

body.st-bandiwala-pdp .theme-product-detail-image-inner:hover {
  border-color: rgba(217, 165, 32, 0.6) !important;
  box-shadow: 0 10px 30px rgba(217, 165, 32, 0.12) !important;
}

.theme-product-variant {
  flex-wrap: wrap;
}

.theme-category-image-description-conatainer {
  background: none;
}


/* ==========================================================================
   CATEGORY HEADER STYLES 
   ========================================================================== */
.theme-category-image-description-conatainer.theme-category-image-description-conatainer-no-image {
  min-block-size: auto !important;
}

.theme-collection-section {
  padding-block: 0px !important;
}


/* ==========================================================================
   COLLECTION SORT BY DROPDOWN STYLES
   ========================================================================== */

/* Ensure parent containers allow absolute dropdown to overflow without cropping */
.theme-collection-sortby-section,
.theme-collection-sort,
.theme-collection-sort-inner,
.theme-sort-select-container,
.theme-produt-category-list-row,
.theme-product-category-list-row {
  overflow: visible !important;
}

.theme-collection-sortby-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 24px;
  position: relative;
  z-index: 999;
}

.theme-collection-sort {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Custom Sort Trigger Box */
.theme-collection-sort-inner.theme-custom-sort {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background-color: var(--st-color-surface, #FFFFFF) !important;
  border: 1px solid var(--st-color-border, #E7DED2) !important;
  border-radius: var(--st-radius-md, 12px) !important;
  padding: 10px 18px !important;
  cursor: pointer !important;
  position: relative !important;
  box-shadow: var(--st-shadow-card, 0 4px 12px rgba(0, 0, 0, 0.04)) !important;
  transition: var(--st-transition, all 250ms ease-out) !important;
  user-select: none !important;
}

.theme-collection-sort-inner.theme-custom-sort:hover {
  border-color: var(--st-color-accent, #D9A520) !important;
  box-shadow: var(--st-shadow-hover, 0 10px 30px rgba(0, 0, 0, 0.08)) !important;
}

.theme-collection-sort-inner.theme-custom-sort:focus-visible {
  outline: none !important;
  border-color: var(--st-color-accent, #D9A520) !important;
  box-shadow: 0 0 0 3px rgba(217, 165, 32, 0.2) !important;
}

/* Labels */
.theme-collection-sort .theme-sortby-label {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: var(--st-fs-sm, 14px) !important;
  font-weight: var(--st-fw-label, 500) !important;
  color: var(--st-color-body, #555555) !important;
  letter-spacing: 0.2px !important;
}

.theme-collection-sort .theme-sort-colon {
  display: none !important;
}

/* Selected Value Container */
.theme-collection-sort .theme-sort-select-container {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: relative !important;
}

.theme-collection-sort .theme-custom-select-value {
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: var(--st-fs-sm, 14px) !important;
  font-weight: 600 !important;
  color: var(--st-color-heading, #15344D) !important;
  white-space: nowrap !important;
}

/* Toggle Arrow Icon */
.theme-collection-sort svg.theme-sort-open-close {
  width: 12px !important;
  height: 12px !important;
  margin-left: 4px !important;
  transition: transform 250ms ease-out !important;
}

.theme-collection-sort svg.theme-sort-open-close path {
  fill: var(--st-color-primary, #15344D) !important;
  transition: fill 250ms ease-out !important;
}

.theme-collection-sort-inner.theme-custom-sort:hover svg.theme-sort-open-close path {
  fill: var(--st-color-accent, #D9A520) !important;
}

/* Rotate Chevron when expanded */
.theme-collection-sort-inner[aria-expanded="true"] svg.theme-sort-open-close,
.theme-collection-sort svg.theme-toggle-open {
  transform: rotate(180deg) !important;
}

/* Dropdown Menu Container */
.theme-collection-sort .theme-custom-select-option-container {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  min-width: 175px !important;
  width: max-content !important;
  max-width: calc(100vw - 24px) !important;
  background-color: var(--st-color-surface, #FFFFFF) !important;
  border: 1px solid var(--st-color-border, #E7DED2) !important;
  border-radius: var(--st-radius-md, 12px) !important;
  box-shadow: 0 12px 32px rgba(21, 52, 77, 0.18) !important;
  padding: 6px 0 !important;
  z-index: 999999 !important;
  display: none;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  animation: stSortFadeIn 200ms ease-out forwards;
}

/* 6. Bandiwala Product Section Overrides (Hide Price, Hide Variant Count & Disable Redirection) */
.bandiwala-product-section .theme-product-price,
.bandiwala-product-section [data-zs-pricing-container],
.bandiwala-product-section .theme-product-detail-price-area,
.bandiwala-product-section [data-zs-pricelist],
.bandiwala-product-section .st-variant-count,
.bandiwala-product-section .theme-product-variant,
.st-bandiwala-product-section .theme-product-price,
.st-bandiwala-product-section [data-zs-pricing-container],
.st-bandiwala-product-section .theme-product-detail-price-area,
.st-bandiwala-product-section [data-zs-pricelist],
.st-bandiwala-product-section .st-variant-count,
.st-bandiwala-product-section .theme-product-variant,
#bandiwala-product-section .theme-product-price,
#bandiwala-product-section [data-zs-pricing-container],
#bandiwala-product-section .theme-product-detail-price-area,
#bandiwala-product-section [data-zs-pricelist],
#bandiwala-product-section .st-variant-count,
#bandiwala-product-section .theme-product-variant {
  display: none !important;
}

/* Disable Redirection to Product Detail Page */
.bandiwala-product-section a,
.bandiwala-product-section .theme-product-name a,
.bandiwala-product-section .theme-product-image-area a,
.st-bandiwala-product-section a,
.st-bandiwala-product-section .theme-product-name a,
.st-bandiwala-product-section .theme-product-image-area a,
#bandiwala-product-section a,
#bandiwala-product-section .theme-product-name a,
#bandiwala-product-section .theme-product-image-area a {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

.bandiwala-product-section button,
.bandiwala-product-section .theme-product-wishlist,
.bandiwala-product-section .theme-product-list-addcart,
.st-bandiwala-product-section button,
.st-bandiwala-product-section .theme-product-wishlist,
.st-bandiwala-product-section .theme-product-list-addcart,
#bandiwala-product-section button,
#bandiwala-product-section .theme-product-wishlist,
#bandiwala-product-section .theme-product-list-addcart {
  pointer-events: auto !important;
}

.theme-collection-sort .theme-custom-select-option-container.theme-open-custom-sort {
  display: flex !important;
}

/* Dropdown Option Items */
.theme-collection-sort .theme-custom-select-option {
  padding: 10px 18px !important;
  font-family: var(--st-font-body, 'Manrope', sans-serif) !important;
  font-size: var(--st-fs-sm, 14px) !important;
  font-weight: 500 !important;
  color: var(--st-color-body, #555555) !important;
  cursor: pointer !important;
  transition: var(--st-transition, all 200ms ease) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  white-space: nowrap !important;
  position: relative !important;
}

.theme-collection-sort .theme-custom-select-option:hover {
  background-color: rgba(217, 165, 32, 0.08) !important;
  color: var(--st-color-primary, #15344D) !important;
  padding-left: 22px !important;
}

/* Selected / Active Option Style (Zoho Commerce active class is .theme-option-active) */
.theme-collection-sort .theme-custom-select-option.theme-selected-sort:not(.theme-option-active) {
  background-color: transparent !important;
  color: var(--st-color-body, #555555) !important;
  font-weight: 500 !important;
}

.theme-collection-sort .theme-custom-select-option.theme-selected-sort:not(.theme-option-active)::after {
  content: '' !important;
  display: none !important;
}

.theme-collection-sort .theme-custom-select-option.theme-option-active,
.theme-collection-sort .theme-custom-select-option.theme-selected-sort.theme-option-active,
.theme-custom-select-option.theme-option-active {
  background-color: rgba(217, 165, 32, 0.12) !important;
  color: var(--st-color-accent, #D9A520) !important;
  font-weight: 700 !important;
}

.theme-collection-sort .theme-custom-select-option.theme-option-active:hover,
.theme-collection-sort .theme-custom-select-option.theme-selected-sort:hover {
  background-color: rgba(217, 165, 32, 0.18) !important;
  color: var(--st-color-accent-hover, #C1921B) !important;
}

/* Animation keyframes */
@keyframes stSortFadeIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .theme-collection-sortby-section {
    overflow: visible !important;
    position: relative !important;
    z-index: 9999 !important;
  }

  .theme-collection-sort {
    position: relative !important;
    overflow: visible !important;
  }

  .theme-collection-sort-inner.theme-custom-sort {
    position: relative !important;
    overflow: visible !important;
  }

  .theme-collection-sort .theme-custom-select-option-container {
    right: 0 !important;
    left: auto !important;
    width: max-content !important;
    min-width: 165px !important;
    max-width: calc(100vw - 32px) !important;
    z-index: 999999 !important;
  }

  .theme-collection-sort .theme-custom-select-option {
    padding: 9px 14px !important;
    font-size: 13px !important;
  }
}



/* ==========================================================================
   PORTFOLIO PAGE - HIDE PRICE
   ========================================================================== */

/* Hide Variant Count and Price in Product Portfolio and Bandiwala Portfolio */
body .product-portfolio-section .theme-prod-box\:not(.product-rates .theme-prod-box) .theme-product-price {
    display: none !important;
}


/* ==========================================================================
   QUANTITY UPDATE - SUCCESS MESSAGE
   ========================================================================== */
.theme-desktop-cart-inner-container.theme-success-message {
  background: transparent !important;
  border: none;
  padding: 0px;
}


/* ==========================================================================
   ABOUT US PAGE - REMOVE PADDING
   ========================================================================== */
.st-is-about-us-page .zpelement {
    margin-block-start: 0px !important;
}