/** Shopify CDN: Minification failed

Line 7481:0 Expected "}" to go with "{"

**/
/* ==========================================================================
   Krisar Vastrae - Luxury Silk Theme Stylesheet
   "Silk Beyond Generations" | A Unit of Krisar Silk Creations
   ========================================================================== */

/* --- Custom Variables & Palette --- */
:root {
  --krisar-maroon: #5C0E14;
  --krisar-dark-maroon: #3D0A0F;
  --krisar-gold-light: #F6D77A;
  --krisar-gold-primary: #DFB047;
  --krisar-bronze: #A66A1E;
  --krisar-cream: #FDFBF7;
  --krisar-cream-bg: #FDFBF7;
  --krisar-cream-card: #FFFFFF;
  --krisar-near-black: #1A0505;
  --krisar-gold-border: rgba(223, 176, 71, 0.28);
  --krisar-gold-border-light: rgba(223, 176, 71, 0.16);
  --krisar-gold-gradient: linear-gradient(135deg, #F6D77A 0%, #DFB047 50%, #C4922F 100%);
  --krisar-gold-btn-gradient: linear-gradient(135deg, #DFB047 0%, #C4922F 100%);
  --krisar-gold-btn-hover: linear-gradient(135deg, #F6D77A 0%, #DFB047 100%);
  --krisar-maroon-gradient: linear-gradient(180deg, #5C0E14 0%, #3D0A0F 100%);
  --krisar-glow: 0 4px 20px rgba(223, 176, 71, 0.3);
  --krisar-font-heading: 'Cormorant Garamond', Georgia, serif;
  --krisar-font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* --- Global Typography & Base --- */
.announcement-bar__message {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif);
}

html {
  overflow-x: clip;
  max-width: 100vw;
}

body {
  font-family: var(--krisar-font-body);
  color: var(--krisar-near-black);
  background-color: var(--krisar-cream-bg);
  letter-spacing: 0.015em;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
  max-width: 100vw;
  width: 100%;
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.banner__heading,
.card__heading,
.header__heading-link {
  font-family: var(--krisar-font-heading) !important;
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* Gold Gradient Heading Utility */
.krisar-gold-text {
  background: var(--krisar-gold-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* Hairline Gold Divider */
.krisar-divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--krisar-gold-primary), transparent);
  margin: 2.5rem 0;
  border: none;
}

/* --- Luxury Header Styling (Krisar Vastrae) --- */
.shopify-section-group-header-group,
.section-header.shopify-section-group-header-group,
.section-header {
  position: sticky;
  top: 0;
  z-index: 1000 !important;
  transition: box-shadow 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.section-header.is-sticky,
.shopify-section-header-sticky,
.scrolled-past-header {
  box-shadow: 0 6px 25px rgba(92, 14, 20, 0.12) !important;
}

.header-wrapper,
.krisar-header-wrapper,
sticky-header.header-wrapper {
  background-color: var(--krisar-cream-bg) !important;
  border-bottom: none !important;
  position: relative !important;
  width: 100% !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 18px rgba(92, 14, 20, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

/* Luxury Menu Bottom Border Gradient (Across All Pages) */
.header-wrapper::after,
.krisar-header-wrapper::after,
sticky-header.header-wrapper::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 3.5px !important;
  background: linear-gradient(90deg, #5C0E14 0%, #7D1922 12%, #DFB047 32%, #F6D77A 50%, #DFB047 68%, #7D1922 88%, #5C0E14 100%) !important;
  box-shadow: 0 2px 8px rgba(92, 14, 20, 0.15) !important;
  z-index: 100 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease, visibility 0.25s ease !important;
}

/* Hide header border and icons when mobile drawer is open */
body:has(.krisar-drawer-container[open]) .header-wrapper::after,
body.krisar-drawer-open .header-wrapper::after,
body:has(.krisar-drawer-container[open]) .krisar-header-wrapper::after,
body.krisar-drawer-open .krisar-header-wrapper::after,
body:has(details.menu-opening) .header-wrapper::after,
body.overflow-hidden-mobile .header-wrapper::after {
  opacity: 0 !important;
  visibility: hidden !important;
}

body:has(.krisar-drawer-container[open]) .header__zone-left,
body:has(.krisar-drawer-container[open]) .header__zone-right,
body.krisar-drawer-open .header__zone-left,
body.krisar-drawer-open .header__zone-right {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.header {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

/* 3-Zone Flex */
.header--krisar-3zone {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.header__heading-link {
  padding: 0.3rem !important;
  display: inline-flex;
  align-items: center;
}

.header__heading-logo-wrapper {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  position: relative;
  padding: 0.3rem 0.8rem;
  border-radius: 999px;
}

.header__heading-logo-wrapper::before {
  content: '';
  position: absolute;
  inset: -3px -10px;
  background: radial-gradient(ellipse at center, rgba(92, 14, 20, 0.12) 0%, rgba(92, 14, 20, 0.05) 55%, transparent 75%);
  filter: blur(10px);
  border-radius: 999px;
  pointer-events: none;
  z-index: 0;
  transition: all 0.3s ease;
}

.header__heading-link:hover .header__heading-logo-wrapper::before {
  inset: -5px -14px;
  background: radial-gradient(ellipse at center, rgba(92, 14, 20, 0.20) 0%, rgba(92, 14, 20, 0.08) 55%, transparent 80%);
  filter: blur(12px);
}

.header__heading-logo {
  position: relative;
  z-index: 1;
  max-height: 62px !important;
  width: auto !important;
  object-fit: contain;
  border-radius: 4px;
  filter: drop-shadow(0 2px 8px rgba(92, 14, 20, 0.12)) !important;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.header__heading-lion-logo {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 2px 8px rgba(92, 14, 20, 0.12)) !important;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.header__heading-logo:hover,
.header__heading-lion-logo:hover {
  transform: scale(1.02);
  filter: drop-shadow(0 3px 10px rgba(92, 14, 20, 0.2)) !important;
}

/* Navigation Links: Small-caps, Letter-spaced, Serif / Clean Font */
.header__menu-item,
.header__menu-item:hover,
.header__menu-item:focus,
.header__menu-item--active,
.header__menu-item span,
.header__menu-item:hover span,
.header__menu-item .krisar-nav-label,
.header__menu-item:hover .krisar-nav-label {
  text-decoration: none !important;
}

.header__menu-item {
  color: var(--header-text, var(--krisar-maroon)) !important;
  font-family: var(--menu-font-family, var(--krisar-font-heading)) !important;
  font-size: var(--menu-font-size, 1.7rem) !important;
  font-weight: var(--menu-font-weight, 600) !important;
  letter-spacing: var(--menu-letter-spacing, 0.12em) !important;
  font-variant: var(--menu-font-variant, all-small-caps) !important;
  text-transform: var(--menu-text-transform, uppercase) !important;
  transition: color 0.25s ease !important;
  position: relative;
  padding: var(--menu-padding-y, 0.6rem) var(--menu-padding-x, 0.4rem) !important;
}

.header__menu-item:hover,
.header__menu-item:focus,
.header__menu-item--active {
  color: var(--header-hover, var(--krisar-gold-primary)) !important;
}

/* Active & Hover Thin Gold-Maroon Flourish Underline */
.header__menu-item::after {
  content: '';
  position: absolute;
  bottom: -0.1rem;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--header-underline, #DFB047) 25%, var(--header-text, #7D1922) 50%, var(--header-underline, #DFB047) 75%, transparent 100%);
  border-radius: 2px;
  transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateX(-50%);
}

.header__menu-item:hover::after,
.header__menu-item--active::after,
.header__menu-item[aria-current="page"]::after,
.krisar-dropdown-details[open] > .header__menu-item::after {
  width: 90% !important;
}

/* Dropdown Menu: Cream Background #FDFBF7, Maroon Text, Gold Hover, Rounded 4px */
.krisar-dropdown-menu {
  background-color: var(--dropdown-bg, var(--krisar-cream)) !important;
  border: 1px solid var(--dropdown-border, var(--krisar-gold-border)) !important;
  border-radius: var(--dropdown-radius, 4px) !important;
  box-shadow: 0 10px 30px rgba(92, 14, 20, 0.08) !important;
}

.krisar-submenu-link {
  color: var(--dropdown-text, var(--krisar-maroon)) !important;
  font-family: var(--dropdown-font-family, var(--krisar-font-body)) !important;
  font-size: var(--dropdown-font-size, 1.4rem) !important;
  font-weight: var(--dropdown-font-weight, 500) !important;
  letter-spacing: var(--dropdown-letter-spacing, 0.04em) !important;
  text-transform: var(--dropdown-text-transform, none) !important;
  transition: all 0.25s ease !important;
}

.krisar-submenu-link:hover,
.krisar-submenu-link--active {
  background-color: var(--dropdown-hover-bg, rgba(223, 176, 71, 0.12)) !important;
  color: var(--dropdown-hover-text, var(--krisar-gold-primary)) !important;
  padding-left: 2.2rem !important;
}

/* Right Zone Utility Icons */
.header__icon {
  color: var(--krisar-maroon) !important;
  transition: color 0.25s ease, transform 0.25s ease !important;
}

.header__icon:hover {
  color: var(--krisar-gold-primary) !important;
  transform: translateY(-1px) !important;
}

/* Cart Item-Count Badge: Maroon Circle, Gold Border, Cream Number */
.cart-count-bubble,
#CartCountBubble {
  background: var(--krisar-maroon) !important;
  background-color: var(--krisar-maroon) !important;
  color: var(--krisar-cream) !important;
  font-family: var(--krisar-font-body) !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  min-width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid var(--krisar-gold-primary) !important;
  box-shadow: 0 2px 6px rgba(92, 14, 20, 0.2) !important;
}

.cart-count-bubble span,
#CartCountBubble span {
  color: var(--krisar-cream) !important;
  font-weight: 800 !important;
}

/* Announcement Bar & Utility Bar */
.utility-bar {
  background: #5C0E14 !important;
  background-color: #5C0E14 !important;
  border-bottom: 1px solid rgba(223, 176, 71, 0.35) !important;
  min-height: auto !important;
  position: relative !important;
  overflow: hidden !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  z-index: 12 !important;
}

.utility-bar::before,
.utility-bar::after {
  display: none !important;
}

/* Continuous Scrolling Marquee Announcement Bar */
.utility-bar--marquee {
  padding: 0 !important;
  margin: 0 !important;
}

.announcement-marquee-wrapper {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 2.5%, #000 97.5%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 2.5%, #000 97.5%, transparent 100%);
}

.announcement-marquee {
  display: flex !important;
  width: max-content !important;
  flex-shrink: 0 !important;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  animation: krisar-marquee-infinite var(--marquee-speed, 28s) linear infinite;
}

.announcement-marquee-wrapper.direction-right .announcement-marquee {
  animation-direction: reverse !important;
}

.announcement-marquee-wrapper.pause-on-hover:hover .announcement-marquee,
.announcement-marquee-wrapper.pause-on-hover:focus-within .announcement-marquee {
  animation-play-state: paused !important;
}

.announcement-marquee__track {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.announcement-marquee__item {
  display: inline-flex !important;
  align-items: center !important;
  padding: var(--announcement-padding-y, 8px) 0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.announcement-marquee__text {
  font-family: var(--announcement-font-family, var(--krisar-font-body, 'Montserrat', sans-serif)) !important;
  font-size: var(--announcement-font-size, 12.5px) !important;
  font-weight: var(--announcement-font-weight, 600) !important;
  letter-spacing: var(--announcement-letter-spacing, 1.4px) !important;
  line-height: 1.3 !important;
  text-transform: var(--announcement-text-transform, uppercase) !important;
  color: var(--announcement-text-color, #FDFBF7) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  text-shadow: none !important;
}

.announcement-marquee__badge {
  background: var(--announcement-accent-color, #DFB047) !important;
  color: #5C0E14 !important;
  font-family: var(--announcement-font-family, var(--krisar-font-body, 'Montserrat', sans-serif)) !important;
  font-size: 0.8em !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-right: 6px !important;
  line-height: 1 !important;
  display: inline-block !important;
}

.announcement-marquee__link {
  color: var(--announcement-text-color, #FDFBF7) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
  transition: color 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
}

.announcement-marquee__link:hover {
  color: var(--announcement-accent-color, #DFB047) !important;
}

.announcement-marquee__link:hover .announcement-marquee__text {
  color: var(--announcement-accent-color, #DFB047) !important;
}

.announcement-marquee__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 6px !important;
  color: var(--announcement-accent-color, #DFB047) !important;
  font-size: 1.05em !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.announcement-marquee__link:hover .announcement-marquee__arrow {
  transform: translateX(4px) !important;
}

.announcement-marquee__separator {
  color: var(--announcement-accent-color, #DFB047) !important;
  font-size: 11px !important;
  padding: 0 var(--announcement-gap, 24px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.9 !important;
  flex-shrink: 0 !important;
  user-select: none !important;
  pointer-events: none !important;
  text-shadow: 0 0 6px rgba(223, 176, 71, 0.4) !important;
}

/* Infinite Marquee 60fps Animation */
@keyframes krisar-marquee-infinite {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* Standard static fallback styles */
.utility-bar .announcement-bar {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--announcement-text-color, #FDFBF7) !important;
  border: none !important;
  padding: var(--announcement-padding-y, 8px) 1.4rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.utility-bar .announcement-bar .announcement-bar__message,
.utility-bar .announcement-bar__message,
.announcement-bar__message {
  font-family: var(--announcement-font-family, var(--krisar-font-body, 'Montserrat', sans-serif)) !important;
  font-size: var(--announcement-font-size, 1.25rem) !important;
  font-weight: var(--announcement-font-weight, 600) !important;
  letter-spacing: var(--announcement-letter-spacing, 0.08em) !important;
  text-transform: var(--announcement-text-transform, uppercase) !important;
  color: var(--announcement-text-color, #FDFBF7) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
}

.utility-bar .announcement-bar__link {
  color: var(--announcement-text-color, #FDFBF7) !important;
  text-decoration: none !important;
}

.utility-bar .announcement-bar__link:hover {
  color: var(--announcement-accent-color, #DFB047) !important;
}

/* Tablet screens (750px - 989px) */
@media screen and (max-width: 989px) {
  .utility-bar--marquee-enabled,
  .utility-bar {
    --announcement-font-size: var(--announcement-font-size-mob, 11.5px);
    --announcement-letter-spacing: var(--announcement-letter-spacing-mob, 1.1px);
    --announcement-padding-y: var(--announcement-padding-y-mob, 7px);
  }
  .announcement-marquee__separator {
    padding: 0 var(--announcement-gap-mob, 18px) !important;
    font-size: 10px !important;
  }
  .utility-bar .announcement-bar {
    padding: 0.6rem 1.2rem !important;
  }
  .utility-bar .announcement-bar .announcement-bar__message,
  .utility-bar .announcement-bar__message,
  .announcement-bar__message {
    font-size: var(--announcement-font-size-mob, 1.15rem) !important;
    letter-spacing: var(--announcement-letter-spacing-mob, 0.06em) !important;
    line-height: 1.35 !important;
  }
}

/* Mobile screens (<= 749px) */
@media screen and (max-width: 749px) {
  .utility-bar--marquee-enabled,
  .utility-bar {
    --announcement-font-size: var(--announcement-font-size-mob, 11px);
    --announcement-letter-spacing: var(--announcement-letter-spacing-mob, 1px);
    --announcement-padding-y: var(--announcement-padding-y-mob, 6px);
  }
  .announcement-marquee__separator {
    padding: 0 var(--announcement-gap-mob, 16px) !important;
    font-size: 9px !important;
  }
  .announcement-marquee-wrapper {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 2%, #000 98%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 2%, #000 98%, transparent 100%);
  }
  .utility-bar .announcement-bar {
    padding: var(--announcement-padding-y-mob, 6px) 0.8rem !important;
  }
  .utility-bar .announcement-bar .announcement-bar__message,
  .utility-bar .announcement-bar__message,
  .announcement-bar__message {
    font-size: var(--announcement-font-size-mob, 1.1rem) !important;
    letter-spacing: var(--announcement-letter-spacing-mob, 0.04em) !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}

/* Extra small mobile screens (<= 480px) */
@media screen and (max-width: 480px) {
  .utility-bar--marquee-enabled,
  .utility-bar {
    --announcement-font-size: var(--announcement-font-size-mob, 10.5px);
    --announcement-letter-spacing: var(--announcement-letter-spacing-mob, 0.8px);
    --announcement-padding-y: var(--announcement-padding-y-mob, 5px);
  }
  .announcement-marquee__separator {
    padding: 0 var(--announcement-gap-mob, 12px) !important;
    font-size: 8.5px !important;
  }
  .utility-bar .announcement-bar {
    padding: var(--announcement-padding-y-mob, 5px) 0.6rem !important;
  }
  .utility-bar .announcement-bar .announcement-bar__message,
  .utility-bar .announcement-bar__message,
  .announcement-bar__message {
    font-size: var(--announcement-font-size-mob, 1.05rem) !important;
    letter-spacing: var(--announcement-letter-spacing-mob, 0.03em) !important;
    line-height: 1.3 !important;
  }
}

/* Accessibility: reduce motion */
@media (prefers-reduced-motion: reduce) {
  .announcement-marquee {
    animation-duration: 90s !important;
  }
}

/* --- Luxury Buttons & Interactive Elements --- */
.button,
.shopify-challenge__button,
.customer button {
  font-family: var(--krisar-font-body) !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 1.4rem 3.2rem !important;
  border-radius: 2px !important;
  transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  cursor: pointer;
}

/* Primary Button (Deep Maroon with Gold Border) */
.button--primary,
.button:not(.button--secondary):not(.button--tertiary) {
  background: var(--krisar-maroon) !important;
  color: var(--krisar-cream) !important;
  border: 1px solid var(--krisar-gold-primary) !important;
  box-shadow: 0 4px 15px rgba(92, 14, 20, 0.18);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.button--primary::before,
.button:not(.button--secondary):not(.button--tertiary)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #7A141C;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}

.button--primary:hover,
.button:not(.button--secondary):not(.button--tertiary):hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(92, 14, 20, 0.28) !important;
  color: #FFFFFF !important;
}

.button--primary:hover::before,
.button:not(.button--secondary):not(.button--tertiary):hover::before {
  opacity: 1;
}

/* Secondary Button (Heritage Outline) */
.button--secondary {
  background: transparent !important;
  color: var(--krisar-maroon) !important;
  border: 1.5px solid var(--krisar-maroon) !important;
}

.button--secondary:hover {
  background: var(--krisar-maroon) !important;
  color: var(--krisar-cream) !important;
  border-color: var(--krisar-maroon) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(92, 14, 20, 0.25);
}

/* Secondary on Dark Backgrounds */
.color-scheme-3 .button--secondary {
  color: var(--krisar-gold-light) !important;
  border-color: var(--krisar-gold-primary) !important;
}

.color-scheme-3 .button--secondary:hover {
  background: var(--krisar-gold-btn-gradient) !important;
  color: var(--krisar-near-black) !important;
  border-color: var(--krisar-gold-primary) !important;
  box-shadow: var(--krisar-glow);
}

/* --- Hero Banner Enhancements --- */
.image-banner {
  position: relative;
}

/* Hide inside container box so typography floats directly on hero image */
.banner__box,
.banner--desktop-transparent .banner__box,
.slideshow__text.banner__box,
.content-container.banner__box {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 2rem 1.5rem !important;
}

/* --- Ultra-Premium Fully Responsive Hero Slideshow --- */
slideshow-component {
  position: relative !important;
  width: 100% !important;
  display: block !important;
  overflow: hidden !important;
}

slideshow-component .slideshow.banner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: none !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  position: relative !important;
}

slideshow-component .slideshow.banner::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

slideshow-component .slideshow__slide {
  flex: 0 0 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* --- Banner Heights strictly matching Shopify Theme Settings --- */

/* Mobile (< 750px) */
@media screen and (max-width: 749px) {
  slideshow-component .banner--small:not(.banner--adapt) {
    height: 28rem !important;
    min-height: 28rem !important;
  }

  slideshow-component .banner--medium:not(.banner--adapt) {
    height: 34rem !important;
    min-height: 34rem !important;
  }

  slideshow-component .banner--large:not(.banner--adapt) {
    height: 40rem !important;
    min-height: 40rem !important;
  }

  slideshow-component .slideshow.banner:not(.banner--adapt):not(.banner--small):not(.banner--medium):not(.banner--large) {
    height: 34rem !important;
    min-height: 34rem !important;
  }
}

/* Tablet (750px – 989px) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  slideshow-component .banner--small:not(.banner--adapt) {
    height: 36rem !important;
    min-height: 36rem !important;
  }

  slideshow-component .banner--medium:not(.banner--adapt) {
    height: 46rem !important;
    min-height: 46rem !important;
  }

  slideshow-component .banner--large:not(.banner--adapt) {
    height: 58rem !important;
    min-height: 58rem !important;
  }

  slideshow-component .slideshow.banner:not(.banner--adapt):not(.banner--small):not(.banner--medium):not(.banner--large) {
    height: 46rem !important;
    min-height: 46rem !important;
  }
}

/* Desktop (≥ 990px) */
@media screen and (min-width: 990px) {
  slideshow-component .banner--small:not(.banner--adapt) {
    height: 42rem !important;
    min-height: 42rem !important;
  }

  slideshow-component .banner--medium:not(.banner--adapt) {
    height: 56rem !important;
    min-height: 56rem !important;
  }

  slideshow-component .banner--large:not(.banner--adapt) {
    height: 72rem !important;
    min-height: 72rem !important;
  }

  slideshow-component .slideshow.banner:not(.banner--adapt):not(.banner--small):not(.banner--medium):not(.banner--large) {
    height: 56rem !important;
    min-height: 56rem !important;
  }
}

/* Adapt Image Mode */
slideshow-component .banner--adapt {
  height: auto !important;
  min-height: auto !important;
}

slideshow-component .banner--adapt .slideshow__slide {
  height: auto !important;
  min-height: 100% !important;
  align-self: stretch !important;
}

/* Media covers the entire slide seamlessly matching Shopify slide_height without cropping */
slideshow-component .slideshow__media {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

slideshow-component .slideshow__media img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Slide Content & Center Button Overlay */
slideshow-component .slideshow__text-wrapper {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  z-index: 10 !important;
  padding: 1.5rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

slideshow-component .slideshow__text,
slideshow-component .banner__box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: auto !important;
}

/* When button is disabled or hidden, ensure completely hidden without ghost spacing */
slideshow-component .banner__buttons:empty,
slideshow-component .banner__box:empty,
slideshow-component .slideshow__text:empty {
  display: none !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

slideshow-component .banner__buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  pointer-events: auto !important;
  margin: 0 !important;
  z-index: 25 !important;
}

slideshow-component .banner__buttons a.button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 30 !important;
  text-decoration: none !important;
  background: var(--krisar-gold-btn-gradient) !important;
  color: var(--krisar-near-black) !important;
  font-family: var(--krisar-font-body) !important;
  font-weight: 700 !important;
  border-radius: 3px !important;
  box-shadow: 0 6px 25px rgba(217, 164, 65, 0.45) !important;
  transition: all 0.3s ease !important;
  padding: 1.3rem 3.2rem !important;
  font-size: 1.3rem !important;
  letter-spacing: 0.12em !important;
}

slideshow-component .banner__buttons a.button:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 8px 32px rgba(246, 215, 122, 0.65) !important;
}

@media screen and (max-width: 749px) {
  slideshow-component .banner__buttons a.button {
    padding: 0.85rem 2rem !important;
    font-size: 1.05rem !important;
    letter-spacing: 0.08em !important;
  }
}

/* Slideshow Controls & Navigation Dots */
slideshow-component .slideshow__controls,
slideshow-component .slideshow__controls--top,
slideshow-component .slideshow__controls.slider-buttons {
  position: absolute !important;
  bottom: 2rem !important;
  right: 2.5rem !important;
  top: auto !important;
  left: auto !important;
  z-index: 25 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  background: rgba(253, 251, 247, 0.92) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--krisar-gold-border) !important;
  border-radius: 30px !important;
  padding: 0.4rem 0.9rem !important;
  width: auto !important;
  margin: 0 !important;
  box-shadow: 0 4px 15px rgba(92, 14, 20, 0.12) !important;
}

@media screen and (max-width: 749px) {
  slideshow-component .slideshow__controls,
  slideshow-component .slideshow__controls--top,
  slideshow-component .slideshow__controls.slider-buttons {
    bottom: 1.2rem !important;
    right: 1.2rem !important;
    padding: 0.3rem 0.6rem !important;
  }
}

/* Prevent Carousel/Slider Controls from Overlapping Open Mobile Menu */
body:has(.krisar-drawer-container[open]) slideshow-component .slideshow__controls,
body.krisar-drawer-open slideshow-component .slideshow__controls,
body:has(.krisar-drawer-container[open]) .slideshow__controls,
body.krisar-drawer-open .slideshow__controls,
body:has(.krisar-drawer-container[open]) .slider-buttons,
body.krisar-drawer-open .slider-buttons {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

slideshow-component .slideshow__control-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

slideshow-component .slider-counter__link--dots {
  padding: 0.35rem !important;
  line-height: 1 !important;
}

slideshow-component .slider-counter__link--dots .dot {
  width: 0.9rem !important;
  height: 0.9rem !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--krisar-gold-primary) !important;
  background-color: transparent !important;
  transition: all 0.3s ease !important;
  opacity: 0.75;
}

@media screen and (max-width: 749px) {
  slideshow-component .slider-counter__link--dots .dot {
    width: 0.75rem !important;
    height: 0.75rem !important;
  }
}

slideshow-component .slider-counter__link--active.slider-counter__link--dots .dot {
  background-color: var(--krisar-maroon) !important;
  border-color: var(--krisar-gold-primary) !important;
  transform: scale(1.25) !important;
  opacity: 1 !important;
  box-shadow: 0 0 10px rgba(223, 176, 71, 0.6) !important;
}

/* Display ONLY the carousel navigation buttons (dots) - Hide arrows and pause/autoplay controls */
slideshow-component .slideshow__autoplay,
slideshow-component .slider-button--prev,
slideshow-component .slider-button--next,
slideshow-component .slider-button,
slideshow-component .slider-counter--counter,
slideshow-component .slider-counter--numbers {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Hide all slide center text completely */
.slideshow__text .banner__heading,
.slideshow__text .banner__text,
.slideshow__slide .banner__heading,
.slideshow__slide .banner__text,
.slideshow .banner__heading,
.slideshow .banner__text,
.slideshow__slide h2.banner__heading {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.banner__heading {
  color: var(--krisar-cream) !important;
  font-size: clamp(3.2rem, 5vw, 5.6rem) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.banner__text {
  color: var(--krisar-gold-light) !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  margin-top: 1rem !important;
}

/* --- Product Cards & Grid Base --- */
.card-wrapper {
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Luxury Product Badge */
.badge {
  background: var(--krisar-maroon) !important;
  color: var(--krisar-cream) !important;
  border: 1px solid var(--krisar-gold-primary) !important;
  font-family: var(--krisar-font-body) !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 0.5rem 1rem !important;
  border-radius: 2px !important;
}

/* --- Collection Filters & Sorting --- */
.facets-vertical-sort,
.facets__wrapper {
  font-family: var(--krisar-font-body);
}

.facet-filters__sort {
  border: 1px solid var(--krisar-gold-border) !important;
  border-radius: 2px;
  background-color: var(--krisar-cream-card) !important;
  color: var(--krisar-near-black) !important;
  padding: 0.8rem 1.4rem !important;
}

.facets__summary {
  font-family: var(--krisar-font-body) !important;
  font-weight: 600 !important;
  color: var(--krisar-near-black) !important;
}

.facets__item input[type='checkbox']:checked + .facet-checkbox__text {
  color: var(--krisar-maroon) !important;
  font-weight: 600;
}

/* --- Product Detail Page (PDP) --- */
.product__title h1 {
  font-size: clamp(2.8rem, 3.5vw, 4.2rem) !important;
  color: var(--krisar-near-black);
  margin-bottom: 1rem;
}

.product__price {
  font-size: 2.4rem !important;
  color: var(--krisar-maroon) !important;
  margin-bottom: 2rem;
}

.product-form__input input[type='radio']:checked + label {
  background-color: var(--krisar-maroon) !important;
  color: var(--krisar-cream) !important;
  border-color: var(--krisar-gold-primary) !important;
  box-shadow: 0 0 0 1px var(--krisar-gold-primary);
}

.product-form__input label {
  border-radius: 2px !important;
  border: 1px solid var(--krisar-gold-border) !important;
  padding: 1rem 1.8rem !important;
  font-family: var(--krisar-font-body) !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  transition: all 0.25s ease;
}

.product-form__input label:hover {
  border-color: var(--krisar-gold-primary) !important;
}

/* Luxury Silk PDP Trust Badges */
.krisar-pdp-badges {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin: 2.5rem 0;
  padding: 2rem;
  background: var(--krisar-cream-card);
  border: 1px solid var(--krisar-gold-border);
  border-radius: 4px;
}

.krisar-pdp-badge {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.25rem;
  color: var(--krisar-near-black);
}

.krisar-pdp-badge svg {
  width: 22px;
  height: 22px;
  color: var(--krisar-gold-primary);
  flex-shrink: 0;
}

/* --- Luxury Cart Drawer --- */
.cart-drawer {
  background: rgba(26, 5, 5, 0.55) !important;
  backdrop-filter: blur(5px);
}

.drawer__inner {
  background-color: var(--krisar-cream-bg, #FDFBF7) !important;
  border-left: 2px solid var(--krisar-gold-primary, #DFB047) !important;
  width: 48rem !important;
  max-width: 100vw !important;
  height: 100% !important;
  max-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: -8px 0 25px rgba(0, 0, 0, 0.15) !important;
}

.drawer__header {
  background-color: var(--krisar-cream-bg, #FDFBF7) !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  border-bottom: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.3)) !important;
  padding: 1.8rem 2.4rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-shrink: 0 !important;
  position: relative !important;
}

.drawer__heading {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  font-size: 2.5rem !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
  line-height: 1.1 !important;
}

.drawer__close {
  color: var(--krisar-maroon, #5C0E14) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0.6rem !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  min-height: 36px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  transition: transform 0.2s ease, color 0.2s ease, background-color 0.2s ease !important;
}

.drawer__close:hover {
  color: var(--krisar-gold-dark, #8C733E) !important;
  background-color: rgba(92, 14, 20, 0.06) !important;
  transform: rotate(90deg);
}

.drawer__close .svg-wrapper {
  width: 18px !important;
  height: 18px !important;
}

cart-drawer-items {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
  scrollbar-gutter: stable;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(92, 14, 20, 0.3) transparent !important;
}

cart-drawer-items::-webkit-scrollbar {
  width: 6px !important;
}

cart-drawer-items::-webkit-scrollbar-track {
  background: transparent !important;
}

cart-drawer-items::-webkit-scrollbar-thumb {
  background: rgba(92, 14, 20, 0.25) !important;
  border-radius: 4px !important;
}

cart-drawer-items::-webkit-scrollbar-thumb:hover {
  background: rgba(92, 14, 20, 0.45) !important;
}

.cart-drawer .drawer__cart-items-wrapper {
  padding: 0 2.4rem 1.5rem 2.4rem !important;
}

.cart-drawer .cart-items {
  width: 100% !important;
  display: block !important;
  border: none !important;
}

.cart-drawer .cart-items thead {
  display: block !important;
  width: 100% !important;
  border-bottom: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.3)) !important;
  padding: 1.2rem 0 !important;
  margin-bottom: 0.5rem !important;
}

.cart-drawer .cart-items thead tr {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
}

.cart-drawer .cart-items thead th#CartDrawer-ColumnProductImage,
.cart-drawer .cart-items thead th#CartDrawer-ColumnQuantity {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
}

.cart-drawer .cart-items thead th#CartDrawer-ColumnProduct {
  width: auto !important;
  padding: 0 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--krisar-gold-dark, #8C733E) !important;
  border: none !important;
  text-align: left !important;
}

.cart-drawer .cart-items thead th#CartDrawer-ColumnTotal {
  width: auto !important;
  padding: 0 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--krisar-gold-dark, #8C733E) !important;
  border: none !important;
  text-align: right !important;
  padding-right: 0.2rem !important;
}

.cart-drawer tbody {
  display: block !important;
  width: 100% !important;
}

.cart-drawer .cart-item {
  display: grid !important;
  grid-template-columns: 85px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "media details totals"
    "media quantity quantity" !important;
  column-gap: 1.4rem !important;
  row-gap: 1rem !important;
  align-items: start !important;
  padding: 1.6rem 0 !important;
  border-bottom: 1px solid rgba(223, 176, 71, 0.2) !important;
  margin-bottom: 0 !important;
  position: relative !important;
}

.cart-drawer .cart-item:last-child {
  border-bottom: none !important;
}

.cart-drawer .cart-item > td {
  padding: 0 !important;
  border: none !important;
}

.cart-drawer .cart-item__media {
  grid-area: media !important;
  width: 85px !important;
}

.cart-drawer .cart-item__image {
  width: 85px !important;
  height: 110px !important;
  max-width: 85px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  border: 1px solid rgba(223, 176, 71, 0.25) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  display: block !important;
}

.cart-drawer .cart-item__details {
  grid-area: details !important;
  min-width: 0 !important;
  padding-right: 0.8rem !important;
}

.cart-drawer .cart-item__title {
  margin-bottom: 0.4rem !important;
}

.cart-drawer .cart-item__name {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s ease !important;
}

.cart-drawer .cart-item__name:hover {
  color: var(--krisar-gold-dark, #8C733E) !important;
}

.cart-drawer .cart-item__details .product-option,
.cart-drawer .cart-item__details .cart-item__discounted-prices {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  color: #666666 !important;
  margin-top: 0.3rem !important;
  line-height: 1.4 !important;
}

.cart-drawer .cart-item__totals {
  grid-area: totals !important;
  text-align: right !important;
  justify-self: end !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
  display: block !important;
  padding-right: 0.2rem !important;
}

.cart-drawer .cart-item__totals .price,
.cart-drawer .cart-item__totals .price--end,
.cart-drawer .cart-item__totals .cart-item__final-price {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  white-space: nowrap !important;
  display: inline-block !important;
  letter-spacing: -0.01em !important;
}

.cart-drawer .cart-item__totals .cart-item__old-price {
  font-size: 1.2rem !important;
  color: #999999 !important;
  text-decoration: line-through !important;
  margin-right: 0.4rem !important;
}

.cart-drawer .cart-item__quantity {
  grid-area: quantity !important;
  width: 100% !important;
  padding-top: 0 !important;
}

.cart-drawer .cart-item__quantity-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.cart-drawer quantity-input.quantity.cart-quantity {
  width: 105px !important;
  min-height: 34px !important;
  height: 34px !important;
  border: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.5)) !important;
  border-radius: 4px !important;
  background: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
}

.cart-drawer .quantity__button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

.cart-drawer .quantity__button:hover {
  background-color: rgba(92, 14, 20, 0.06) !important;
  color: var(--krisar-gold-dark, #8C733E) !important;
}

.cart-drawer .quantity__button svg {
  width: 10px !important;
  height: 10px !important;
}

.cart-drawer .quantity__input {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  text-align: center !important;
  padding: 0 !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  flex: 1 !important;
}

.cart-drawer cart-remove-button {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  padding-right: 0.2rem !important;
}

.cart-drawer cart-remove-button .button.cart-remove-button {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: #888888 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.cart-drawer cart-remove-button .button.cart-remove-button:hover {
  color: var(--krisar-maroon, #5C0E14) !important;
  background-color: rgba(92, 14, 20, 0.08) !important;
  border-color: rgba(92, 14, 20, 0.15) !important;
  transform: scale(1.05);
}

.cart-drawer cart-remove-button .button.cart-remove-button svg {
  width: 15px !important;
  height: 15px !important;
}

.cart-drawer__footer {
  background: #FFFFFF !important;
  border-top: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.4)) !important;
  padding: 2rem 2.4rem 0.6rem 2.4rem !important;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.03) !important;
  margin-top: auto !important;
  flex-shrink: 0 !important;
}

.cart-drawer .totals {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 1.2rem !important;
  margin-bottom: 0.8rem !important;
  width: 100% !important;
}

.cart-drawer .totals__total {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 2.2rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.cart-drawer .totals__total-value {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.85rem !important;
  font-weight: 700 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-align: right !important;
}

.cart-drawer .tax-note {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  color: #666666 !important;
  line-height: 1.4 !important;
  margin: 0 0 1rem 0 !important;
  text-align: left !important;
  display: block !important;
}

.cart-drawer .cart__ctas {
  margin: 0 !important;
  padding: 0.4rem 2.4rem 2.4rem 2.4rem !important;
  background: #FFFFFF !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.cart-drawer .cart__checkout-button {
  background-color: var(--krisar-maroon, #5C0E14) !important;
  color: #FFFFFF !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border-radius: 6px !important;
  padding: 1.4rem 2rem !important;
  width: 100% !important;
  min-height: 48px !important;
  border: 1px solid var(--krisar-maroon, #5C0E14) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(92, 14, 20, 0.2) !important;
}

.cart-drawer .cart__checkout-button:hover {
  background-color: var(--krisar-dark-maroon, #3D070B) !important;
  border-color: var(--krisar-gold-primary, #DFB047) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 15px rgba(92, 14, 20, 0.25) !important;
}

/* Tablet Layout (750px - 989px) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .drawer__inner {
    width: 46rem !important;
  }
}

/* Mobile Responsiveness down to 320px */
@media screen and (max-width: 749px) {
  .drawer__inner {
    width: 100vw !important;
    max-width: 100vw !important;
    border-left: none !important;
  }
  .drawer__header {
    padding: 1.4rem 1.6rem !important;
  }
  .drawer__heading {
    font-size: 2.1rem !important;
  }
  .cart-drawer .drawer__cart-items-wrapper {
    padding: 0 1.6rem 1.2rem 1.6rem !important;
  }
  .cart-drawer .cart-item {
    grid-template-columns: 72px minmax(0, 1fr) auto !important;
    column-gap: 1.1rem !important;
    padding: 1.4rem 0 !important;
  }
  .cart-drawer .cart-item__media {
    width: 72px !important;
  }
  .cart-drawer .cart-item__image {
    width: 72px !important;
    height: 95px !important;
    max-width: 72px !important;
  }
  .cart-drawer .cart-item__name {
    font-size: 1.4rem !important;
  }
  .cart-drawer .cart-item__totals .price,
  .cart-drawer .cart-item__totals .price--end,
  .cart-drawer .cart-item__totals .cart-item__final-price {
    font-size: 1.35rem !important;
  }
  .cart-drawer__footer {
    padding: 1.5rem 1.8rem 0.4rem 1.8rem !important;
  }
  .cart-drawer .cart__ctas {
    padding: 0.4rem 1.8rem 1.8rem 1.8rem !important;
  }
  .cart-drawer .totals__total {
    font-size: 1.85rem !important;
  }
  .cart-drawer .totals__total-value {
    font-size: 1.6rem !important;
  }
}

@media screen and (max-width: 360px) {
  .drawer__header {
    padding: 1.2rem 1.2rem !important;
  }
  .cart-drawer .drawer__cart-items-wrapper {
    padding: 0 1.2rem 1rem 1.2rem !important;
  }
  .cart-drawer .cart-item {
    grid-template-columns: 60px minmax(0, 1fr) auto !important;
    column-gap: 0.8rem !important;
  }
  .cart-drawer .cart-item__media {
    width: 60px !important;
  }
  .cart-drawer .cart-item__image {
    width: 60px !important;
    height: 80px !important;
    max-width: 60px !important;
  }
  .cart-drawer .totals__total {
    font-size: 1.65rem !important;
  }
  .cart-drawer .totals__total-value {
    font-size: 1.45rem !important;
  }
  .cart-drawer quantity-input.quantity.cart-quantity {
    width: 88px !important;
  }
  .cart-drawer__footer {
    padding: 1.2rem 1.4rem 0.3rem 1.4rem !important;
  }
  .cart-drawer .cart__ctas {
    padding: 0.3rem 1.4rem 1.4rem 1.4rem !important;
  }
}

/* --- Main Cart Page (/cart) Luxury Styling --- */
.cart-items {
  border-collapse: separate;
  border-spacing: 0;
}

.cart-items th {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--krisar-gold-dark, #8C733E) !important;
  border-bottom: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.3)) !important;
  padding-bottom: 1.4rem !important;
}

.cart-item {
  border-bottom: 1px solid rgba(223, 176, 71, 0.2) !important;
}

.cart-item__image-container {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(223, 176, 71, 0.25);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.cart-item__name {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.cart-item__name:hover {
  color: var(--krisar-gold-dark, #8C733E) !important;
}

.cart-item__totals .price {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  white-space: nowrap !important;
}

/* Empty Cart States (Drawer & Page) */
cart-drawer:not(.is-empty) .drawer__inner-empty,
cart-drawer:not(.is-empty) .cart-drawer__warnings {
  display: none !important;
}

cart-drawer.is-empty .drawer__inner-empty,
cart-drawer.is-empty .cart-drawer__warnings,
.cart__warnings {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 4rem 2rem !important;
}

cart-drawer.is-empty .drawer__header,
cart-drawer.is-empty cart-drawer-items,
cart-drawer.is-empty .drawer__footer {
  display: none !important;
}

cart-drawer:not(.is-empty) .drawer__header {
  display: flex !important;
}

cart-drawer:not(.is-empty) cart-drawer-items {
  display: block !important;
}

cart-drawer:not(.is-empty) .cart__contents {
  display: block !important;
}

cart-drawer:not(.is-empty) .drawer__footer {
  display: block !important;
}

.cart-drawer__warnings {
  position: relative !important;
  width: 100% !important;
}

.cart-drawer__warnings .drawer__close {
  position: absolute !important;
  top: 1.5rem !important;
  right: 1.5rem !important;
}

.cart__empty-text {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 2.8rem !important;
  font-weight: 600 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 2rem !important;
}

.cart__warnings .button,
.cart-drawer__warnings .button {
  background-color: var(--krisar-maroon, #5C0E14) !important;
  color: #FFFFFF !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  padding: 1.4rem 3rem !important;
  border: 1px solid var(--krisar-maroon, #5C0E14) !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cart__warnings .button:hover,
.cart-drawer__warnings .button:hover {
  background-color: var(--krisar-dark-maroon, #3D070B) !important;
  border-color: var(--krisar-gold-primary, #DFB047) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 15px rgba(92, 14, 20, 0.25) !important;
  transform: translateY(-2px) !important;
}

/* Cart Page Footer & Estimated Total Box */
.cart__footer {
  background: #FFFFFF !important;
  border: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.4)) !important;
  border-radius: 8px !important;
  padding: 3rem !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  margin-top: 3rem !important;
}

.cart__footer .totals {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 1.5rem !important;
  margin-bottom: 1rem !important;
}

.cart__footer .totals__total {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 2.4rem !important;
  font-weight: 600 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  margin: 0 !important;
}

.cart__footer .totals__total-value {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.cart__footer .cart__checkout-button {
  background-color: var(--krisar-maroon, #5C0E14) !important;
  color: #FFFFFF !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  padding: 1.6rem 3rem !important;
  width: 100% !important;
  min-height: 52px !important;
  border: 1px solid var(--krisar-maroon, #5C0E14) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.cart__footer .cart__checkout-button:hover {
  background-color: var(--krisar-dark-maroon, #3D070B) !important;
  border-color: var(--krisar-gold-primary, #DFB047) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 15px rgba(92, 14, 20, 0.25) !important;
}

/* Global Quantity Input Styling */
quantity-input.quantity {
  border: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.5)) !important;
  border-radius: 4px !important;
  background: #FFFFFF !important;
}

quantity-input.quantity .quantity__button {
  color: var(--krisar-maroon, #5C0E14) !important;
  transition: all 0.2s ease !important;
}

quantity-input.quantity .quantity__button:hover {
  background-color: rgba(92, 14, 20, 0.08) !important;
  color: var(--krisar-gold-dark, #8C733E) !important;
}

quantity-input.quantity .quantity__input {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-weight: 600 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
}

/* Custom Scrollbar for Cart Drawer Items */
cart-drawer-items::-webkit-scrollbar {
  width: 4px;
}

cart-drawer-items::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.02);
}

cart-drawer-items::-webkit-scrollbar-thumb {
  background: rgba(223, 176, 71, 0.4);
  border-radius: 2px;
}

cart-drawer-items::-webkit-scrollbar-thumb:hover {
  background: var(--krisar-gold-primary, #DFB047);
}

/* --- Luxury Footer Styling --- */
.footer {
  background-color: var(--krisar-dark-maroon) !important;
  color: var(--krisar-cream) !important;
  border-top: 1px solid var(--krisar-gold-border) !important;
}

.footer__heading {
  font-family: var(--krisar-font-heading) !important;
  color: var(--krisar-gold-light) !important;
  font-size: 2.2rem !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 1.5rem !important;
}

.footer-block__details-content .list-menu__item--link {
  color: var(--krisar-cream) !important;
  font-family: var(--krisar-font-body);
  font-size: 1.4rem;
  transition: color 0.25s ease, padding-left 0.25s ease;
}

.footer-block__details-content .list-menu__item--link:hover {
  color: var(--krisar-gold-light) !important;
  padding-left: 0.5rem;
}

.list-social__link {
  color: var(--krisar-gold-primary) !important;
  transition: transform 0.25s ease, color 0.25s ease;
}

.list-social__link:hover {
  color: var(--krisar-gold-light) !important;
  transform: translateY(-2px);
}

.footer__copyright {
  border-top: 1px solid var(--krisar-gold-border-light);
  padding-top: 2rem;
  margin-top: 3rem;
  font-size: 1.2rem;
  color: rgba(245, 237, 224, 0.7);
  letter-spacing: 0.05em;
}

.footer__copyright a {
  color: var(--krisar-gold-light);
  text-decoration: none;
}

/* --- Responsive Polish --- */
@media screen and (max-width: 749px) {
  .header {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
  }
  
  .banner__box {
    padding: 2.5rem 1.8rem !important;
  }
  
  .krisar-pdp-badges {
    grid-template-columns: 1fr;
  }
  
  .button {
    padding: 1.2rem 2.4rem !important;
    font-size: 1.25rem !important;
  }
}

/* ==========================================================================
   Krisar Vastrae Luxury Heritage Footer Section
   ========================================================================== */

.krisar-footer {
  background-color: #FDFBF7 !important;
  color: #1A0505 !important;
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(223, 176, 71, 0.35);
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif);
}

/* 1. TOP STRIP — "Join the 5th Chapter" Newsletter */
.krisar-footer__newsletter-strip {
  background: #FAF6F0;
  border-top: 1px solid rgba(223, 176, 71, 0.3);
  border-bottom: 1px solid rgba(223, 176, 71, 0.3);
  padding: 5rem 1.5rem;
  text-align: center;
  position: relative;
}

.krisar-footer__newsletter-inner {
  max-width: 680px;
  margin: 0 auto;
}

.krisar-footer__newsletter-heading {
  font-family: var(--krisar-font-heading, 'Playfair Display', Georgia, serif);
  font-size: clamp(2.4rem, 3.5vw, 3.4rem);
  font-weight: 600;
  color: #5C0E14;
  letter-spacing: 0.06em;
  margin: 0 0 1.2rem;
  text-transform: none;
}

.krisar-footer__newsletter-subtext {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif);
  font-size: 1.4rem;
  line-height: 1.7;
  color: #4A3B32;
  margin-bottom: 2.5rem;
  opacity: 0.95;
}

.krisar-footer__newsletter-subtext p {
  margin: 0;
}

.krisar-footer__newsletter-form {
  width: 100%;
}

.krisar-footer__newsletter-input-group {
  display: flex;
  max-width: 520px;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(92, 14, 20, 0.08);
}

.krisar-footer__newsletter-input {
  flex: 1;
  background: #FFFFFF !important;
  color: #1A0505 !important;
  border: 1px solid rgba(223, 176, 71, 0.5) !important;
  border-right: none !important;
  padding: 1.4rem 1.8rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.4rem !important;
  border-radius: 4px 0 0 4px !important;
  outline: none;
  box-sizing: border-box;
}

.krisar-footer__newsletter-input::placeholder {
  color: rgba(26, 5, 5, 0.55) !important;
}

.krisar-footer__newsletter-btn {
  background: #5C0E14 !important;
  color: #FDFBF7 !important;
  border: 1px solid #5C0E14 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 1.4rem 2.8rem !important;
  border-radius: 0 4px 4px 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  white-space: nowrap;
}

.krisar-footer__newsletter-btn:hover {
  background: #7A141C !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 18px rgba(92, 14, 20, 0.35) !important;
}

.krisar-footer__newsletter-message {
  margin-top: 1.2rem;
  font-size: 1.3rem;
}

.krisar-footer__newsletter-message--error {
  color: #c62828;
}

.krisar-footer__newsletter-message--success {
  color: #2e7d32;
}

/* 2. MAIN FOOTER GRID */
.krisar-footer__main {
  padding: 6.5rem 0 5rem;
  position: relative !important;
  overflow: hidden !important;
}

.krisar-footer__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.25fr;
  gap: clamp(2rem, 3vw, 4rem);
  position: relative !important;
  z-index: 2 !important;
  align-items: start;
}

/* Decorative Flower Motifs */
.krisar-footer__flower-motif {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: auto !important;
  pointer-events: none !important;
  z-index: 1 !important;
  line-height: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  user-select: none !important;
  max-width: 35vw;
  overflow: hidden;
}

.krisar-footer__flower-img {
  display: block !important;
  width: clamp(70px, 9vw, 160px) !important;
  height: auto !important;
  max-height: 600px !important;
  object-fit: contain !important;
  object-position: top left !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
  filter: drop-shadow(0 2px 10px rgba(92, 14, 20, 0.06));
}

.krisar-footer__flower-right-motif {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  line-height: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  user-select: none !important;
  max-width: 35vw;
  overflow: hidden;
}

.krisar-footer__flower-right-img {
  display: block !important;
  width: clamp(110px, 13vw, 200px) !important;
  height: auto !important;
  max-height: 340px !important;
  object-fit: contain !important;
  object-position: bottom right !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
  filter: drop-shadow(0 2px 10px rgba(92, 14, 20, 0.06));
}

@media screen and (min-width: 750px) and (max-width: 1024px) {
  .krisar-footer__flower-img {
    width: clamp(55px, 8vw, 120px) !important;
    max-height: 480px !important;
  }
  .krisar-footer__flower-right-img {
    width: clamp(90px, 12vw, 150px) !important;
    max-height: 270px !important;
  }
}

@media screen and (min-width: 501px) and (max-width: 749px) {
  .krisar-footer__flower-img {
    width: clamp(60px, 12vw, 100px) !important;
    max-height: 420px !important;
    opacity: 0.75 !important;
  }
}

@media screen and (max-width: 500px) {
  .krisar-footer__flower-motif {
    max-width: 40vw !important;
  }
  .krisar-footer__flower-img {
    width: clamp(75px, 22vw, 130px) !important;
    max-height: 520px !important;
    opacity: 0.80 !important;
  }
  .krisar-footer__flower-right-img {
    width: clamp(70px, 18vw, 110px) !important;
    max-height: 180px !important;
    opacity: 0.70 !important;
  }
}

@media screen and (max-width: 380px) {
  .krisar-footer__flower-img {
    width: clamp(65px, 20vw, 110px) !important;
    max-height: 460px !important;
  }
}

/* Thin hairline dividers between columns on desktop (1025px+) */
@media screen and (min-width: 1025px) {
  .krisar-footer__column:not(:last-child) {
    position: relative;
    padding-right: clamp(1.5rem, 2vw, 3.5rem);
  }
  .krisar-footer__column:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 5%;
    bottom: 5%;
    right: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(223, 176, 71, 0.3) 20%, rgba(223, 176, 71, 0.3) 80%, transparent);
  }
}

/* Column 1 - Brand (Left-aligned over 500px, Center-aligned under 500px) */
.krisar-footer__brand-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.krisar-footer__logo-link {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 1.5rem;
  text-decoration: none;
  text-align: left;
  box-sizing: border-box;
}

.krisar-footer__logo {
  display: block;
  margin: 0;
  height: auto;
  max-height: 140px;
  width: auto;
  max-width: var(--footer-logo-width, 280px);
  filter: drop-shadow(0 4px 14px rgba(92, 14, 20, 0.12));
  transition: transform 0.3s ease, max-width 0.3s ease;
}

.krisar-footer__logo:hover {
  transform: scale(1.03);
}

@media screen and (max-width: 500px) {
  .krisar-footer__brand-block {
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  .krisar-footer__logo-link {
    justify-content: center !important;
    margin: 0 auto 1.5rem !important;
    text-align: center !important;
  }
  .krisar-footer__logo {
    margin: 0 auto !important;
    max-width: min(var(--footer-logo-width, 240px), 240px, 85vw);
    max-height: 110px;
  }
  .krisar-footer__tagline {
    text-align: center !important;
    margin: 0 auto 1rem !important;
  }
  .krisar-footer__brand-desc {
    text-align: center !important;
    margin: 0 auto 1.5rem !important;
  }
  .krisar-footer__brand-desc p {
    text-align: center !important;
  }
  .krisar-footer__social-links {
    justify-content: center !important;
    margin: 0 auto !important;
  }
}

@media screen and (max-width: 380px) {
  .krisar-footer__logo {
    max-width: min(var(--footer-logo-width, 210px), 210px, 85vw) !important;
    max-height: 85px !important;
  }
}

.krisar-footer__tagline {
  font-family: var(--krisar-font-heading, 'Playfair Display', Georgia, serif);
  font-size: 1.6rem;
  font-style: italic;
  color: #DFB047;
  letter-spacing: 0.04em;
  margin: 0 0 1rem;
  text-align: left;
}

.krisar-footer__brand-desc {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif);
  font-size: 1.35rem;
  line-height: 1.65;
  color: #4A3B32;
  opacity: 0.95;
  margin: 0 0 1.8rem;
  text-align: left;
  max-width: 380px;
}

.krisar-footer__brand-desc p {
  margin: 0 0 0.8rem;
  text-align: left;
}

/* Social icons */
.krisar-footer__social-links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.2rem;
  margin: 0;
  flex-wrap: wrap;
}

.krisar-footer__social-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  border: 1px solid rgba(223, 176, 71, 0.4);
  background: #FFFFFF;
  color: #5C0E14;
  transition: all 0.3s ease;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(92, 14, 20, 0.05);
}

.krisar-footer__social-icon-link svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: currentColor;
  transition: transform 0.25s ease;
}

.krisar-footer__social-icon-link:hover {
  color: #FDFBF7;
  border-color: #5C0E14;
  background: #5C0E14;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(92, 14, 20, 0.25);
}

.krisar-footer__social-icon-link:hover svg {
  transform: scale(1.1);
}

/* Column Headings - Deep Maroon (#5C0E14) with Gold Underline */
.krisar-footer__column-heading {
  font-family: var(--krisar-font-heading, 'Playfair Display', Georgia, serif);
  font-size: 1.55rem;
  font-weight: 700;
  color: #5C0E14;
  letter-spacing: 0.14em;
  font-variant: small-caps;
  text-transform: uppercase;
  margin: 0 0 2rem;
  position: relative;
  display: inline-block;
}

.krisar-footer__column-heading::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.6rem;
  width: 2.8rem;
  height: 1.5px;
  background: #DFB047;
}

/* Link Lists */
.krisar-footer__linklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.krisar-footer__linklist li {
  margin-bottom: 1.1rem;
}

.krisar-footer__link {
  color: #4A3B32;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif);
  font-size: 1.35rem;
  text-decoration: none;
  transition: all 0.25s ease;
  display: inline-block;
}

.krisar-footer__link:hover {
  color: #5C0E14;
  transform: translateX(3px);
}

/* Contact Details */
.krisar-footer__contact-info {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif);
  font-size: 1.35rem;
  line-height: 1.6;
}

.krisar-footer__contact-item {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  margin-bottom: 1.3rem;
  color: #4A3B32;
}

.krisar-footer__contact-svg {
  flex-shrink: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: 0.25rem;
  fill: #DFB047;
}

/* WhatsApp Chat Button - Gold pill button with WhatsApp icon */
.krisar-footer__whatsapp-wrapper {
  margin-top: 2rem;
}

.krisar-footer__whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  background: linear-gradient(135deg, #DFB047 0%, #C4922F 100%);
  color: #1A0505 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 1rem 2.2rem;
  border-radius: 30px;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(223, 176, 71, 0.25);
  transition: all 0.3s ease;
}

.krisar-footer__whatsapp-icon {
  width: 1.8rem;
  height: 1.8rem;
  fill: #1A0505;
}

.krisar-footer__whatsapp-btn:hover {
  background: linear-gradient(135deg, #F6D77A 0%, #DFB047 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(223, 176, 71, 0.4);
}

/* 3. TRUST/PROOF STRIP */
.krisar-footer__trust-strip {
  background: #FAF6F0;
  border-top: 1px solid rgba(223, 176, 71, 0.25);
  border-bottom: 1px solid rgba(223, 176, 71, 0.25);
  padding: 1.8rem 1.5rem;
  text-align: center;
}

.krisar-footer__trust-content {
  font-family: var(--krisar-font-heading, 'Playfair Display', Georgia, serif);
  font-size: clamp(1.3rem, 1.8vw, 1.55rem);
  color: #5C0E14;
  font-weight: 600;
  letter-spacing: 0.06em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.8rem 1.2rem;
}

.krisar-footer__trust-divider {
  color: #DFB047;
  opacity: 0.85;
}

.krisar-footer__trust-hairline {
  color: rgba(223, 176, 71, 0.6);
  margin: 0 0.4rem;
}

/* 4. BOTTOM BAR */
.krisar-footer__bottom-bar {
  background: #FAF6F0;
  border-top: 1px solid rgba(223, 176, 71, 0.2);
  padding: 2.2rem 1.5rem;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif);
  font-size: 1.25rem;
  color: #6B5B52;
}

.krisar-footer__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.8rem;
}

/* Payment Icons */
.krisar-footer__payment-methods {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.krisar-footer__payment-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.8rem;
  padding: 0 0.4rem;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid rgba(223, 176, 71, 0.35);
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.04);
  transition: all 0.3s ease;
}

.krisar-footer__payment-svg {
  height: 2.2rem;
  width: auto;
  display: block;
}

.krisar-footer__payment-badge:hover {
  border-color: #DFB047;
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(223, 176, 71, 0.25);
}

/* Policy Links */
.krisar-footer__policy-links {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.krisar-footer__policy-link {
  color: #6B5B52;
  text-decoration: none;
  transition: color 0.2s ease;
  font-size: 1.25rem;
}

.krisar-footer__policy-link:hover {
  color: #5C0E14;
  text-decoration: underline;
  text-decoration-color: #DFB047;
}

.krisar-footer__policy-separator {
  color: rgba(217, 164, 65, 0.5);
  user-select: none;
}

/* ==========================================================================
   RESPONSIVE ADAPTATIONS
   ========================================================================== */

/* Desktop / Tablet: Full visibility */
@media screen and (min-width: 750px) {
  .krisar-footer__column-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .krisar-footer__column-header {
    pointer-events: none;
    cursor: default;
  }

  .krisar-footer__accordion-icon {
    display: none !important;
  }
}

/* Tablet & Medium Screens (750px - 1024px): 2-Column Grid with comfortable spacing */
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .krisar-footer__main {
    padding: 4.5rem 0 3.5rem;
  }
  .krisar-footer__grid {
    grid-template-columns: 1.15fr 1fr !important;
    gap: 3.5rem 3rem !important;
  }
  .krisar-footer__column:not(:last-child) {
    padding-right: 0 !important;
  }
  .krisar-footer__column:not(:last-child)::after {
    display: none !important;
  }
  .krisar-footer__column:nth-child(odd) {
    position: relative;
    padding-right: 2.5rem;
  }
  .krisar-footer__column:nth-child(odd)::after {
    content: '';
    position: absolute;
    top: 5%;
    bottom: 5%;
    right: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(223, 176, 71, 0.3) 20%, rgba(223, 176, 71, 0.3) 80%, transparent);
    display: block !important;
  }
  .krisar-footer__column-heading {
    font-size: 1.45rem;
    margin-bottom: 1.6rem;
  }
  .krisar-footer__link {
    font-size: 1.3rem;
  }
  .krisar-footer__contact-item {
    font-size: 1.3rem;
    gap: 1rem;
  }
  .krisar-footer__logo {
    max-width: min(var(--footer-logo-width, 280px), 280px);
  }
}

/* Mobile: Single column accordion */
@media screen and (max-width: 749px) {
  .krisar-footer__main {
    padding: 3.5rem 0 2.5rem;
  }

  .krisar-footer__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .krisar-footer__column {
    border-bottom: 1px solid rgba(217, 164, 65, 0.2);
    padding: 1.8rem 0;
  }

  .krisar-footer__column:first-child {
    padding-top: 0;
  }

  .krisar-footer__column:last-child {
    border-bottom: none;
  }

  .krisar-footer__column-heading::after {
    display: none;
  }

  .krisar-footer__column-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    padding: 0.4rem 0;
  }

  .krisar-footer__column-header .krisar-footer__column-heading {
    margin: 0;
  }

  .krisar-footer__accordion-icon {
    font-size: 2.2rem;
    font-weight: 300;
    color: #D9A441;
    transition: transform 0.3s ease;
    line-height: 1;
    display: block !important;
  }

  .krisar-footer__accordion-wrapper.is-open .krisar-footer__accordion-icon {
    transform: rotate(45deg);
  }

  .krisar-footer__column-content {
    display: none;
    padding-top: 1.6rem;
  }

  .krisar-footer__accordion-wrapper.is-open .krisar-footer__column-content {
    display: block;
  }

  .krisar-footer__bottom-inner {
    flex-direction: column;
    text-align: center;
    gap: 1.5rem;
  }

  .krisar-footer__payment-methods {
    justify-content: center;
  }

  .krisar-footer__policy-links {
    justify-content: center;
    flex-wrap: wrap;
  }

  .krisar-footer__newsletter-input-group {
    flex-direction: column;
    gap: 1rem;
    box-shadow: none;
  }

  .krisar-footer__newsletter-input {
    border-radius: 3px !important;
    border-right: 1px solid #D9A441 !important;
    text-align: center;
  }

  .krisar-footer__newsletter-btn {
    border-radius: 3px !important;
    width: 100%;
  }
}

/* --- Policy & Content Page Typography Enhancements --- */
.krisar-policy-content ul,
.page-policy-content ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 1.8rem 0 2.4rem 0 !important;
}

.krisar-policy-content ul > li,
.page-policy-content ul > li {
  position: relative !important;
  padding-left: 2.4rem !important;
  margin-bottom: 1.2rem !important;
  line-height: 1.7 !important;
  color: var(--krisar-near-black, #1A0505) !important;
}

.krisar-policy-content ul > li::before,
.page-policy-content ul > li::before {
  content: "✦" !important;
  position: absolute !important;
  left: 0.4rem !important;
  top: -0.05em !important;
  color: var(--krisar-gold-primary, #DFB047) !important;
  font-size: 1.25rem !important;
  line-height: 1.7 !important;
}

.krisar-policy-content ol,
.page-policy-content ol {
  list-style: none !important;
  counter-reset: policy-step-counter;
  padding-left: 0 !important;
  margin: 2rem 0 2.6rem 0 !important;
}

.krisar-policy-content ol > li,
.page-policy-content ol > li {
  position: relative !important;
  counter-increment: policy-step-counter;
  padding-left: 4rem !important;
  margin-bottom: 1.6rem !important;
  line-height: 1.7 !important;
  color: var(--krisar-near-black, #1A0505) !important;
  font-size: 1.55rem !important;
}

.krisar-policy-content ol > li::before,
.page-policy-content ol > li::before {
  content: counter(policy-step-counter) !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.15rem !important;
  width: 2.6rem !important;
  height: 2.6rem !important;
  border-radius: 50% !important;
  background: var(--krisar-gold-btn-gradient, linear-gradient(135deg, #DFB047 0%, #C4922F 100%)) !important;
  color: #1A0505 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(223, 176, 71, 0.25) !important;
}

/* ==========================================================================
   KRISAR LUXURY SEARCH & FILTER UI REDESIGN
   ========================================================================== */

/* --- 1. Header Search Modal & Overlay --- */
.search-modal {
  background: #FDFBF7 !important;
  background-color: var(--krisar-cream-bg, #FDFBF7) !important;
  border-bottom: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.4)) !important;
  box-shadow: 0 12px 36px rgba(26, 5, 5, 0.08) !important;
  min-height: auto !important;
  padding: 1.6rem 0 !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

details[open] .modal-overlay {
  background-color: rgba(26, 5, 5, 0.45) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.search-modal__content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 86rem !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
  position: relative !important;
}

.search-modal__form {
  flex: 1 1 auto !important;
  max-width: 100% !important;
  position: relative !important;
  margin: 0 !important;
}

/* --- 2. Search Field / Rounded Pill Bar (No Overlapping Borders) --- */
.search-modal .field,
.template-search__search .field {
  display: flex !important;
  align-items: center !important;
  background: #FFFFFF !important;
  border: 1.5px solid rgba(223, 176, 71, 0.5) !important;
  border-radius: 50px !important;
  padding: 0 6px 0 20px !important;
  min-height: 50px !important;
  height: 50px !important;
  box-shadow: 0 4px 16px rgba(92, 14, 20, 0.04) !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Strip default Dawn pseudo-element rectangular borders */
.search-modal .field:before,
.search-modal .field:after,
.template-search__search .field:before,
.template-search__search .field:after,
.search-modal .field__input:before,
.search-modal .field__input:after,
.template-search__search .field__input:before,
.template-search__search .field__input:after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.search-modal .field:hover,
.template-search__search .field:hover {
  border-color: var(--krisar-gold-primary, #DFB047) !important;
  box-shadow: 0 4px 20px rgba(92, 14, 20, 0.08) !important;
}

.search-modal .field:focus-within,
.template-search__search .field:focus-within {
  border-color: var(--krisar-gold-primary, #DFB047) !important;
  box-shadow: 0 0 0 3.5px rgba(223, 176, 71, 0.2), 0 6px 24px rgba(92, 14, 20, 0.08) !important;
  background: #FFFFFF !important;
}

/* Search Input */
.search-modal .search__input.field__input,
.template-search__search .search__input.field__input {
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: auto !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.45rem !important;
  font-weight: 500 !important;
  color: var(--krisar-near-black, #1A0505) !important;
  letter-spacing: 0.02em !important;
  line-height: normal !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 8px 0 0 !important;
  margin: 0 !important;
  width: auto !important;
  box-sizing: border-box !important;
}

.search-modal .search__input.field__input::placeholder,
.template-search__search .search__input.field__input::placeholder {
  color: #8C733E !important;
  opacity: 0.65 !important;
  font-weight: 400 !important;
  font-size: 1.4rem !important;
}

/* Hide floating label */
.search-modal .field__label,
.template-search__search .field__label {
  display: none !important;
}

/* Reset / Clear Button (No Square Box, Seamless Icon) */
.search-modal .reset__button,
.template-search__search .reset__button {
  position: static !important;
  transform: none !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  margin: 0 4px 0 0 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #888888 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: color 0.2s ease, background-color 0.2s ease !important;
  flex-shrink: 0 !important;
}

.search-modal .reset__button:before,
.search-modal .reset__button:after,
.template-search__search .reset__button:before,
.template-search__search .reset__button:after,
.search-modal .reset__button::after,
.template-search__search .reset__button::after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

.search-modal .reset__button:focus,
.search-modal .reset__button:focus-visible,
.template-search__search .reset__button:focus,
.template-search__search .reset__button:focus-visible {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.search-modal .reset__button:hover,
.template-search__search .reset__button:hover {
  color: var(--krisar-maroon, #5C0E14) !important;
  background: rgba(92, 14, 20, 0.08) !important;
}

.search-modal .reset__button svg,
.template-search__search .reset__button svg {
  width: 14px !important;
  height: 14px !important;
}

/* Search Submit Button inside Pill */
.search-modal .search__button.field__button,
.template-search__search .search__button.field__button {
  position: static !important;
  transform: none !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--krisar-maroon, #5C0E14) !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.4, 1) !important;
  box-shadow: 0 2px 6px rgba(92, 14, 20, 0.25) !important;
  flex-shrink: 0 !important;
}

.search-modal .search__button.field__button:before,
.search-modal .search__button.field__button:after,
.template-search__search .search__button.field__button:before,
.template-search__search .search__button.field__button:after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}

.search-modal .search__button.field__button:hover,
.template-search__search .search__button.field__button:hover {
  background: var(--krisar-dark-maroon, #3D070B) !important;
  color: var(--krisar-gold-primary, #DFB047) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 10px rgba(92, 14, 20, 0.3) !important;
}

.search-modal .search__button svg,
.template-search__search .search__button svg {
  width: 15px !important;
  height: 15px !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
}

/* Close Button outside Pill */
.search-modal__close-button {
  position: static !important;
  transform: none !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  margin: 0 0 0 12px !important;
  background: rgba(92, 14, 20, 0.05) !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  border: 1px solid rgba(223, 176, 71, 0.35) !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  flex-shrink: 0 !important;
  outline: none !important;
}

.search-modal__close-button:hover {
  background: var(--krisar-maroon, #5C0E14) !important;
  color: #FFFFFF !important;
  border-color: var(--krisar-maroon, #5C0E14) !important;
  transform: rotate(90deg) !important;
  box-shadow: 0 2px 8px rgba(92, 14, 20, 0.2) !important;
}

.search-modal__close-button svg {
  width: 14px !important;
  height: 14px !important;
}

/* --- 3. Predictive Search Dropdown Panel --- */
.predictive-search {
  background: #FFFFFF !important;
  border: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.35)) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 45px rgba(26, 5, 5, 0.12) !important;
  margin-top: 1rem !important;
  overflow: hidden !important;
}

.predictive-search__heading {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 1.65rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  border-bottom: 1px solid rgba(223, 176, 71, 0.25) !important;
  padding: 1.4rem 2rem 0.8rem !important;
  margin: 0 !important;
}

.predictive-search__item {
  padding: 1.2rem 2rem !important;
  transition: background-color 0.2s ease !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.predictive-search__item:hover,
.predictive-search__item[aria-selected="true"] {
  background-color: rgba(223, 176, 71, 0.08) !important;
}

.predictive-search__item-heading {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 1.55rem !important;
  font-weight: 600 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  transition: color 0.2s ease !important;
}

.predictive-search__item--term {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  padding: 1.4rem 2rem !important;
  background: var(--krisar-cream-bg, #FDFBF7) !important;
  border-top: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.3)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.predictive-search__item--term:hover {
  background: rgba(223, 176, 71, 0.15) !important;
  color: var(--krisar-dark-maroon, #3D070B) !important;
}

/* --- 4. Search Page & Collection Facet Filters --- */
.facets-container {
  padding: 0.5rem 0 !important;
  border: none !important;
  border-bottom: none !important;
}

.facets-vertical .facets__heading {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.facets__disclosure-vertical {
  border-bottom: 1px solid rgba(223, 176, 71, 0.25) !important;
}

.facet-checkbox {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  color: #2D2D2D !important;
  transition: all 0.2s ease !important;
  padding: 0.75rem 1rem !important;
  border-radius: 6px !important;
}

.facet-checkbox:hover {
  background-color: rgba(223, 176, 71, 0.12) !important;
  color: #5C0E14 !important;
}

/* Active Facets Filter Tags */
.active-facets__button {
  border-radius: 50px !important;
  background: rgba(92, 14, 20, 0.05) !important;
  border: 1px solid var(--krisar-gold-border, rgba(223, 176, 71, 0.45)) !important;
  padding: 0.5rem 1.4rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: var(--krisar-maroon, #5C0E14) !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  text-decoration: none !important;
}

.active-facets__button:hover {
  background: var(--krisar-maroon, #5C0E14) !important;
  color: #FFFFFF !important;
  border-color: var(--krisar-maroon, #5C0E14) !important;
  transform: translateY(-1px) !important;
}

.active-facets__button svg {
  width: 10px !important;
  height: 10px !important;
}

.active-facets__button-remove {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--krisar-gold-dark, #8C733E) !important;
  text-decoration: underline !important;
  transition: color 0.2s ease !important;
}

.active-facets__button-remove:hover {
  color: var(--krisar-maroon, #5C0E14) !important;
}

/* Mobile Facets Drawer Base Styles handled in dedicated section */

/* Mobile Search Modal Responsiveness down to 320px */
@media screen and (max-width: 749px) {
  .search-modal {
    padding: 1.2rem 0 !important;
  }
  .search-modal__content {
    padding: 0 1.2rem !important;
  }
  .search-modal .field,
  .template-search__search .field {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 4px 0 16px !important;
  }
  .search-modal .search__input.field__input,
  .template-search__search .search__input.field__input {
    font-size: 1.35rem !important;
  }
  .search-modal .search__button.field__button,
  .template-search__search .search__button.field__button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }
  .search-modal .reset__button,
  .template-search__search .reset__button {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    margin-right: 2px !important;
  }
  .search-modal__close-button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    margin-left: 8px !important;
  }
}

@media screen and (max-width: 360px) {
  .search-modal__content {
    padding: 0 0.8rem !important;
  }
  .search-modal .field,
  .template-search__search .field {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 3px 0 12px !important;
  }
  .search-modal .search__input.field__input,
  .template-search__search .search__input.field__input {
    font-size: 1.25rem !important;
  }
  .search-modal .search__button.field__button,
  .template-search__search .search__button.field__button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }
  .search-modal .reset__button,
  .template-search__search .reset__button {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
  }
  .search-modal__close-button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin-left: 6px !important;
  }
}

/* ==========================================================================
   Krisar Vastrae - Collection Filter & Sorting Bar Luxury Redesign
   Single-row horizontal alignment, consistent typography, comfortable dropdown padding,
   reduced empty space, and full responsiveness down to 320px
   ========================================================================== */

/* 1. Main Facets Container & Form */
.facets-container {
  display: block !important;
  padding: 0.5rem 0 !important;
  margin-bottom: 1.5rem !important;
  border: none !important;
  border-bottom: none !important;
}

.facets__form {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1.4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  border: none !important;
  border-bottom: none !important;
}

@media screen and (max-width: 989px) {
  .facets__form {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.9rem !important;
    width: 100% !important;
  }

  #FacetsWrapperDesktop.facets__wrapper,
  .facets__wrapper {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.8rem 1rem !important;
    margin: 0 !important;
    justify-content: flex-start !important;
  }

  .facets__sorting-zone {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 0.8rem 1rem !important;
    margin: 0 !important;
    padding-top: 0.8rem !important;
    border-top: 1px solid rgba(223, 176, 71, 0.22) !important;
  }

  .facets__sorting-zone .product-count,
  .facets__form > .product-count {
    margin-left: auto !important;
  }
}

@media screen and (max-width: 576px) {
  .facets__heading {
    font-size: 1.15rem !important;
    margin-right: 0.2rem !important;
  }

  summary.facets__summary,
  .facets__summary,
  .facets__disclosure > summary {
    padding: 0 1.2rem !important;
    font-size: 1.15rem !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  .facets__sorting-zone {
    gap: 0.6rem 0.8rem !important;
  }

  .facet-filters__label {
    font-size: 1.15rem !important;
    margin-right: 0.4rem !important;
  }

  .facet-filters__sort.select__select,
  .facet-filters__field .select__select {
    font-size: 1.15rem !important;
    padding: 0 2.6rem 0 0.9rem !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }

  .facet-filters__field .select,
  .pagination-filter .select {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  .pagination-filter .select {
    min-width: 70px !important;
  }

  .pagination-filter .select__select {
    min-width: 70px !important;
    padding: 0 2.2rem 0 0.9rem !important;
  }

  .product-count__text,
  .facets-container .product-count__text {
    font-size: 1.1rem !important;
  }
}

@media screen and (max-width: 420px) {
  #FacetsWrapperDesktop.facets__wrapper,
  .facets__wrapper {
    gap: 0.6rem 0.7rem !important;
  }

  .facets__sorting-zone {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.6rem !important;
  }

  .facet-filters.sorting {
    flex: 1 1 auto !important;
  }

  .facet-filters.sorting .select {
    width: 100% !important;
  }

  .facet-filters.sorting .select__select {
    width: 100% !important;
  }

  .facet-filters.pagination-filter {
    flex: 0 0 auto !important;
  }

  .facets__sorting-zone .product-count,
  .facets__form > .product-count {
    width: 100% !important;
    justify-content: flex-end !important;
    margin-top: 0.2rem !important;
    height: auto !important;
  }
}

/* 2. Left Side: "Filter:", "Availability", "Price" */
#FacetsWrapperDesktop.facets__wrapper,
.facets__wrapper {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 1.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
  flex-shrink: 0 !important;
  order: 1 !important;
}

.facets__heading {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0.4rem 0 0 !important;
  padding: 0 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #5C0E14 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 38px !important;
  height: 38px !important;
  white-space: nowrap !important;
}

.facets__disclosure {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  position: relative !important;
}

summary.facets__summary,
.facets__summary,
.facets__disclosure > summary,
.facets__disclosure.js-filter > summary {
  list-style: none !important;
  position: relative !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgba(223, 176, 71, 0.55) !important;
  border-radius: 4px !important;
  padding: 0 1.6rem !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #5C0E14 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  cursor: pointer !important;
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  box-sizing: border-box !important;
  user-select: none !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

summary.facets__summary::-webkit-details-marker {
  display: none !important;
}

summary.facets__summary > div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.2rem !important;
  width: auto !important;
}

.facets__summary-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

summary.facets__summary:hover,
details[open] > summary.facets__summary,
.facets__disclosure[open] > summary.facets__summary {
  border-color: #DFB047 !important;
  background-color: #FAF6EE !important;
  color: #5C0E14 !important;
  box-shadow: 0 2px 8px rgba(223, 176, 71, 0.25) !important;
}

summary.facets__summary .icon-caret,
summary.facets__summary .svg-wrapper {
  position: static !important;
  margin: 0 !important;
  color: #DFB047 !important;
  transition: transform 0.2s ease !important;
  width: 10px !important;
  height: 6px !important;
  min-width: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
  transform: none !important;
}

summary.facets__summary .icon-caret svg,
summary.facets__summary .svg-wrapper svg {
  width: 10px !important;
  height: 6px !important;
  display: block !important;
  color: #DFB047 !important;
}

details[open] > summary.facets__summary .icon-caret,
details[open] > summary.facets__summary .svg-wrapper,
.facets__disclosure[open] > summary.facets__summary .icon-caret,
.facets__disclosure[open] > summary.facets__summary .svg-wrapper {
  transform: rotate(180deg) !important;
}

/* 3. Filter Popups */
.facets__display {
  top: calc(100% + 0.6rem) !important;
  left: 0 !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgba(223, 176, 71, 0.35) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(92, 14, 20, 0.1) !important;
  padding: 0 !important;
  min-width: 26rem !important;
  z-index: 100 !important;
}

.facets__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 1.2rem 1.6rem !important;
  border-bottom: 1px solid rgba(223, 176, 71, 0.25) !important;
  background: #FAF7F2 !important;
  border-radius: 10px 10px 0 0 !important;
}

.facets__selected {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  text-transform: none !important;
  font-variant: normal !important;
  letter-spacing: 0.01em !important;
  line-height: 1.35 !important;
  flex: 1 1 auto !important;
}

.facets__reset {
  color: #5C0E14 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-transform: none !important;
  font-variant: normal !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: color 0.2s ease !important;
}

.facets__reset:hover {
  color: #DFB047 !important;
}

.facets__price,
.facets__display .facets__price {
  padding: 1.6rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.2rem !important;
  background: #FFFFFF !important;
  border-radius: 0 0 10px 10px !important;
  box-sizing: border-box !important;
}

.facets__price .field {
  position: relative !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  background: #FAF7F2 !important;
  border: 1.5px solid rgba(223, 176, 71, 0.45) !important;
  border-radius: 6px !important;
  padding: 0 0.8rem !important;
  height: 42px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease !important;
}

.facets__price .field:hover {
  border-color: #DFB047 !important;
  background: #FFFFFF !important;
}

.facets__price .field:focus-within {
  border-color: #5C0E14 !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(223, 176, 71, 0.25) !important;
}

.facets__price .field-currency {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #5C0E14 !important;
  margin-right: 0.5rem !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  user-select: none !important;
}

.facets__price .field__input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

.facets__price .field__input::placeholder,
.facets__price .field input::placeholder {
  opacity: 1 !important;
  color: #8C733E !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-weight: 500 !important;
  font-size: 1.25rem !important;
}

.facets__price .field__input::-webkit-input-placeholder {
  opacity: 1 !important;
  color: #8C733E !important;
}

.facets__price .field__input::-moz-placeholder {
  opacity: 1 !important;
  color: #8C733E !important;
}

.facets__price .field__input:-ms-input-placeholder {
  opacity: 1 !important;
  color: #8C733E !important;
}

.facets__price .field__label {
  display: none !important;
}

.facets__list {
  padding: 0.8rem 1rem !important;
  list-style: none !important;
  margin: 0 !important;
}

.facets__item {
  margin: 0.2rem 0 !important;
  list-style: none !important;
}

.facet-checkbox {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  padding: 0.75rem 1rem !important;
  border-radius: 6px !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  color: #2D2D2D !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

.facet-checkbox:hover {
  background-color: rgba(223, 176, 71, 0.12) !important;
  color: #5C0E14 !important;
}

.facet-checkbox.active {
  background-color: rgba(92, 14, 20, 0.05) !important;
  color: #5C0E14 !important;
  font-weight: 600 !important;
}

.facet-checkbox.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.facet-checkbox input[type='checkbox'],
.facet-checkbox > input[type='checkbox'] {
  position: absolute !important;
  opacity: 0 !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

.facet-checkbox > svg,
.facet-checkbox > svg.icon-square {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  border: 1.5px solid #DFB047 !important;
  border-radius: 4px !important;
  background-color: #FAF7F2 !important;
  margin-right: 1.1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

.facet-checkbox > svg rect,
.facet-checkbox > svg.icon-square rect {
  display: none !important;
}

.facet-checkbox:hover > svg {
  border-color: #5C0E14 !important;
}

.facet-checkbox input[type='checkbox']:checked + svg,
.facet-checkbox.active > svg {
  background-color: #5C0E14 !important;
  border-color: #5C0E14 !important;
}

.facet-checkbox .svg-wrapper {
  position: absolute !important;
  left: 1.35rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 11px !important;
  height: 9px !important;
  pointer-events: none !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: opacity 0.15s ease !important;
}

.facet-checkbox input[type='checkbox']:checked ~ .svg-wrapper,
.facet-checkbox.active .svg-wrapper {
  visibility: visible !important;
  opacity: 1 !important;
}

.facet-checkbox .svg-wrapper .icon-checkmark {
  width: 11px !important;
  height: 9px !important;
  visibility: visible !important;
  color: #FFFFFF !important;
  display: block !important;
}

.facet-checkbox .svg-wrapper .icon-checkmark path {
  stroke: #FFFFFF !important;
  stroke-width: 2.2px !important;
  fill: none !important;
}

.facet-checkbox__text {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  color: #2D2D2D !important;
  line-height: 1.35 !important;
}

.facet-checkbox:hover .facet-checkbox__text,
.facet-checkbox.active .facet-checkbox__text {
  color: #5C0E14 !important;
}

.facet-checkbox__text-label {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 500 !important;
}

.facets__sorting-zone {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 1.4rem !important;
  margin-left: auto !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
  order: 2 !important;
}

.facet-filters.sorting,
.facet-filters {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 38px !important;
}

.facet-filters__field {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
  margin: 0 !important;
  height: 38px !important;
}

.facet-filters__label {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0.8rem 0 0 !important;
  padding: 0 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.facet-filters__label label {
  margin: 0 !important;
  cursor: pointer !important;
}

/* Comfortable Sort & Page Size Dropdown Container */
.facet-filters__field .select {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(223, 176, 71, 0.55) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  margin: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  box-sizing: border-box !important;
}

.facet-filters__field .select:hover {
  border-color: #DFB047 !important;
  box-shadow: 0 2px 8px rgba(223, 176, 71, 0.25) !important;
}

.facet-filters__field .select:focus-within {
  border-color: #5C0E14 !important;
  box-shadow: 0 0 0 2px rgba(223, 176, 71, 0.3) !important;
}

/* Sort & PageSize Select Input */
.facet-filters__sort.select__select,
.facet-filters__field .select__select {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 3.2rem 0 1.2rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  white-space: nowrap !important;
  line-height: 36px !important;
  display: block !important;
  margin: 0 !important;
  font-variant: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  box-sizing: border-box !important;
}

.pagination-filter .select {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 82px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(223, 176, 71, 0.55) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.04) !important;
  box-sizing: border-box !important;
}

.pagination-filter .select:hover {
  border-color: #DFB047 !important;
  box-shadow: 0 2px 8px rgba(223, 176, 71, 0.25) !important;
}

.pagination-filter .select:after,
.pagination-filter .select:before {
  content: none !important;
  display: none !important;
}

.pagination-filter .select__select {
  width: 100% !important;
  min-width: 82px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  line-height: 36px !important;
  padding: 0 2.8rem 0 1.4rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  display: block !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
}

/* Caret in Sort & PageSize Dropdown */
.facet-filters__field .select .svg-wrapper,
.facet-filters__field .select .icon-caret {
  position: absolute !important;
  right: 1.1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: #DFB047 !important;
  width: 10px !important;
  height: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.facet-filters__field .select .svg-wrapper svg,
.facet-filters__field .select .icon-caret svg {
  width: 10px !important;
  height: 6px !important;
  display: block !important;
  color: #DFB047 !important;
}

/* Product Count on Desktop */
.facets__form > .product-count {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 0 0.8rem !important;
  padding: 0 !important;
  align-self: center !important;
  height: 38px !important;
  white-space: nowrap !important;
  grid-column-start: auto !important;
}

.facets__form > .product-count .product-count__text {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #8C733E !important;
  margin: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Active Facet Pills */
.active-facets.active-facets-desktop,
.active-facets-desktop {
  order: 3 !important;
  flex-basis: 100% !important;
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.8rem 1.2rem !important;
  align-items: center !important;
  margin-top: 1.2rem !important;
  padding: 0 !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

.active-facets.active-facets-desktop:empty,
.active-facets-desktop:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

@media screen and (min-width: 750px) {
  .active-facets.active-facets-mobile,
  .active-facets-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 749px) {
  .active-facets.active-facets-desktop,
  .active-facets-desktop {
    display: none !important;
  }
}

.active-facets__button {
  text-decoration: none !important;
}

.active-facets__button-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  background: #5C0E14 !important;
  color: #FFFFFF !important;
  border: 1px solid #DFB047 !important;
  border-radius: 20px !important;
  padding: 0.45rem 1.1rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  box-shadow: 0 2px 6px rgba(92, 14, 20, 0.15) !important;
  transition: all 0.2s ease !important;
}

.active-facets__button-inner:hover {
  background: #3D070B !important;
  border-color: #F6D77A !important;
  transform: translateY(-1px) !important;
}

.active-facets__button-inner .svg-wrapper {
  color: #DFB047 !important;
  width: 9px !important;
  height: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.active-facets__button-remove {
  color: #5C0E14 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.04em !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.2s ease !important;
  padding-left: 0.4rem !important;
}

.active-facets__button-remove:hover {
  color: #8C733E !important;
}

/* Hide duplicate mobile product count on desktop */
@media screen and (min-width: 750px) {
  .facets-container > .product-count.medium-hide.large-up-hide,
  .product-count.medium-hide.large-up-hide {
    display: none !important;
  }
}

/* 6. Mobile & Tablet Responsive Layout & Filter Toolbar (Down to 320px) */
.product-count__text,
.facets-container .product-count__text {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #8C733E !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 749px) {
  .facets-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 0.8rem 1.2rem !important;
    padding: 0.8rem 0 !important;
    margin-bottom: 1.5rem !important;
  }

  .mobile-facets__wrapper {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    flex: 0 0 auto !important;
    order: 1 !important;
  }

  .mobile-facets__open-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.8rem 1.4rem !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(223, 176, 71, 0.45) !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 4px rgba(92, 14, 20, 0.04) !important;
    height: 38px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
  }

  .mobile-facets__open {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.8rem !important;
    color: #5C0E14 !important;
  }

  .mobile-facets__open-label {
    font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
  }

  .mobile-facets__open .svg-wrapper {
    width: 15px !important;
    height: 15px !important;
    color: #DFB047 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .facets-container > .product-count.medium-hide.large-up-hide,
  .facets-container > .product-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    margin-left: auto !important;
    height: 38px !important;
    order: 2 !important;
    flex: 0 0 auto !important;
  }

  .facets-container > .active-facets.active-facets-mobile {
    width: 100% !important;
    flex-basis: 100% !important;
    order: 3 !important;
    margin-top: 0.8rem !important;
  }

  .mobile-facets__count {
    font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
    font-size: 1.2rem !important;
    color: #8C733E !important;
    margin: 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
  }
}

/* Disable transform containing blocks that trap position:fixed mobile drawer */
.facets-container.scroll-trigger,
.facets-container.animate--fade-in,
.facets-wrapper.scroll-trigger,
.facets-wrapper.animate--fade-in,
.facets-container,
.facets-wrapper,
.facets,
facet-filters-form,
menu-drawer.mobile-facets__wrapper {
  transform: none !important;
}

/* Lower Announcement Bar & Header z-index when Mobile Filter Drawer is open */
body:has(.mobile-facets__disclosure[open]) .shopify-section-group-header-group,
body:has(.mobile-facets__disclosure[open]) .section-header,
body:has(.mobile-facets__disclosure[open]) .utility-bar,
body:has(.mobile-facets__disclosure[open]) .announcement-bar,
body:has(.mobile-facets__disclosure[open]) .announcement-bar-section,
body:has(.mobile-facets__disclosure[open]) .header-wrapper,
body:has(.mobile-facets__disclosure[open]) sticky-header,
body:has(.mobile-facets__wrapper details[open]) .shopify-section-group-header-group,
body:has(.mobile-facets__wrapper details[open]) .section-header,
body:has(.mobile-facets__wrapper details[open]) .utility-bar,
body:has(.mobile-facets__wrapper details[open]) .announcement-bar,
body:has(.mobile-facets__wrapper details[open]) .announcement-bar-section,
body:has(.mobile-facets__wrapper details[open]) .header-wrapper,
body:has(.mobile-facets__wrapper details[open]) sticky-header,
body:has(details.menu-opening) .shopify-section-group-header-group,
body:has(details.menu-opening) .section-header,
body:has(details.menu-opening) .utility-bar,
body:has(details.menu-opening) .announcement-bar,
body:has(details.menu-opening) .announcement-bar-section,
body:has(details.menu-opening) .header-wrapper,
body:has(details.menu-opening) sticky-header,
body.overflow-hidden-mobile .shopify-section-group-header-group,
body.overflow-hidden-mobile .section-header,
body.overflow-hidden-mobile .utility-bar,
body.overflow-hidden-mobile .announcement-bar,
body.overflow-hidden-mobile .announcement-bar-section,
body.overflow-hidden-mobile .header-wrapper,
body.overflow-hidden-mobile sticky-header {
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Elevate Main / Facets stacking context when Mobile Filter Drawer is open */
body:has(.mobile-facets__disclosure[open]) main,
body:has(.mobile-facets__disclosure[open]) #MainContent,
body:has(.mobile-facets__disclosure[open]) .facets-container,
body:has(.mobile-facets__disclosure[open]) .facets-wrapper,
body:has(.mobile-facets__disclosure[open]) .mobile-facets__wrapper,
body:has(.mobile-facets__wrapper details[open]) main,
body:has(.mobile-facets__wrapper details[open]) #MainContent,
body:has(.mobile-facets__wrapper details[open]) .facets-container,
body:has(.mobile-facets__wrapper details[open]) .facets-wrapper,
body:has(.mobile-facets__wrapper details[open]) .mobile-facets__wrapper,
body:has(details.menu-opening) main,
body:has(details.menu-opening) #MainContent,
body:has(details.menu-opening) .facets-container,
body:has(details.menu-opening) .facets-wrapper,
body:has(details.menu-opening) .mobile-facets__wrapper {
  z-index: 999999 !important;
  position: relative !important;
}

/* 7. Mobile Filter Drawer (Slide-Out Panel & Controls) */
.mobile-facets {
  position: fixed !important;
  top: var(--header-height, var(--krisar-drawer-top, 72px)) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: calc(100vh - var(--header-height, var(--krisar-drawer-top, 72px))) !important;
  height: calc(100dvh - var(--header-height, var(--krisar-drawer-top, 72px))) !important;
  max-height: calc(100dvh - var(--header-height, var(--krisar-drawer-top, 72px))) !important;
  z-index: 999999 !important;
  background-color: rgba(30, 4, 7, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

.mobile-facets__inner {
  position: relative !important;
  width: min(88vw, 380px) !important;
  height: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin-left: auto !important;
  background: #FDFBF7 !important;
  border-left: 2px solid #DFB047 !important;
  box-shadow: -8px 0 30px rgba(92, 14, 20, 0.25) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  z-index: 1000000 !important;
}

.mobile-facets__header {
  flex: 0 0 auto !important;
  background: #FFFFFF !important;
  border-bottom: 1px solid rgba(223, 176, 71, 0.3) !important;
  padding: 1.4rem 1.8rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  z-index: 10 !important;
  min-height: 60px !important;
  box-sizing: border-box !important;
}

.mobile-facets__header-inner {
  text-align: left !important;
  flex: 1 1 auto !important;
}

.mobile-facets__heading {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: #5C0E14 !important;
  letter-spacing: 0.03em !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.mobile-facets__count {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  color: #6B5B52 !important;
  margin: 0.2rem 0 0 !important;
}

/* Dedicated Close Button in Header */
.mobile-facets__header-close-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(92, 14, 20, 0.06) !important;
  border: 1px solid rgba(223, 176, 71, 0.35) !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  margin: 0 0 0 1rem !important;
  cursor: pointer !important;
  color: #5C0E14 !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
}

.mobile-facets__header-close-btn:hover,
.mobile-facets__header-close-btn:active {
  background: #5C0E14 !important;
  color: #FFFFFF !important;
  transform: rotate(90deg) !important;
}

.mobile-facets__header-close-btn svg {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
}

.mobile-facets__header-close-btn:hover svg path {
  stroke: #FFFFFF !important;
}

/* Hide the duplicate floating summary close button */
.mobile-facets__close {
  display: none !important;
}

.mobile-facets__main {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 0 !important;
  background: #FDFBF7 !important;
}

.mobile-facets__details {
  border-bottom: 1px solid rgba(223, 176, 71, 0.2) !important;
  width: 100% !important;
  display: block !important;
  background: #FFFFFF !important;
}

summary.mobile-facets__summary,
.mobile-facets__summary {
  display: block !important;
  width: 100% !important;
  padding: 1.5rem 2rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  background: #FFFFFF !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  user-select: none !important;
  transition: background-color 0.15s ease !important;
}

summary.mobile-facets__summary:hover,
summary.mobile-facets__summary:focus {
  background: #FAF7F2 !important;
}

summary.mobile-facets__summary::-webkit-details-marker {
  display: none !important;
}

.mobile-facets__summary > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.mobile-facets__arrow {
  color: #DFB047 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
}

.mobile-facets__arrow svg {
  width: 14px !important;
  height: 14px !important;
  stroke: #DFB047 !important;
}

/* Mobile Sort Row & Page Size Row */
.mobile-facets__sort {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 1.2rem !important;
}

.mobile-facets__sort label {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.mobile-facets__sort .select {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  background: #FAF7F2 !important;
  border: 1px solid rgba(223, 176, 71, 0.5) !important;
  border-radius: 4px !important;
  height: 38px !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: 60% !important;
  box-shadow: 0 1px 3px rgba(92, 14, 20, 0.04) !important;
}

.mobile-facets__sort .select .select__select {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 2.8rem 0 1.2rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  line-height: 36px !important;
  display: block !important;
  width: 100% !important;
  text-overflow: ellipsis !important;
}

.mobile-facets__sort .select .svg-wrapper,
.mobile-facets__sort .select .icon-caret {
  position: absolute !important;
  right: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: #DFB047 !important;
  width: 10px !important;
  height: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

/* Mobile Drawer Footer */
.mobile-facets__footer {
  flex: 0 0 auto !important;
  background: #FFFFFF !important;
  border-top: 1px solid rgba(223, 176, 71, 0.3) !important;
  padding: 1.4rem 1.8rem !important;
  padding-bottom: max(1.4rem, env(safe-area-inset-bottom, 1.4rem)) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.2rem !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 10 !important;
  box-shadow: 0 -4px 15px rgba(92, 14, 20, 0.05) !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.mobile-facets__footer > * {
  width: auto !important;
}

.mobile-facets__footer > * + * {
  margin-left: 0 !important;
}

.mobile-facets__clear-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mobile-facets__clear {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  white-space: nowrap !important; /* Single line guarantee */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: color 0.2s ease !important;
  padding: 0.8rem 0.6rem !important;
  line-height: 1.2 !important;
}

.mobile-facets__clear:hover,
.mobile-facets__clear:active {
  color: #DFB047 !important;
}

.mobile-facets__footer .button,
.mobile-facets__footer .button--primary,
.mobile-facets__apply-btn {
  flex: 1 1 auto !important;
  min-width: 120px !important;
  background: #5C0E14 !important;
  color: #FFFFFF !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 6px !important;
  padding: 0.8rem 1.8rem !important;
  border: 1px solid #5C0E14 !important;
  cursor: pointer !important;
  min-height: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 3px 10px rgba(92, 14, 20, 0.2) !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.mobile-facets__footer .button:hover,
.mobile-facets__footer .button:active,
.mobile-facets__apply-btn:hover {
  background: #3D0A0F !important;
  border-color: #DFB047 !important;
  box-shadow: 0 4px 14px rgba(223, 176, 71, 0.3) !important;
}

/* 8. Hide Floating WhatsApp & Back-To-Top when Mobile Drawers are Open */
body.mobile-facets-open .krisar-fab-container,
body:has(.mobile-facets__disclosure[open]) .krisar-fab-container,
body:has(details.menu-opening) .krisar-fab-container,
body:has(.mobile-facets__wrapper details[open]) .krisar-fab-container,
body:has(.krisar-drawer-container[open]) .krisar-fab-container,
body:has(.cart-drawer-container[open]) .krisar-fab-container,
body.overflow-hidden-mobile .krisar-fab-container,
details.mobile-facets__disclosure[open] ~ * .krisar-fab-container,
.mobile-facets__wrapper[open] ~ * .krisar-fab-container {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -100 !important;
  display: none !important;
  transform: scale(0.8) !important;
}

/* ==========================================================================
   9. Krisar Vastrae Luxury Product Card Redesign (3:4 Ratio, Warm Off-White,
      Left-Aligned Maroon Serif Title, Bold Maroon Price, Fully Responsive)
   ========================================================================== */

/* Product Card Wrapper */
.product-card-wrapper,
.card-wrapper.product-card-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
  background: transparent !important;
  text-decoration: none !important;
}

.product-card-wrapper .card,
.card-wrapper .card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-align: left !important;
}

.product-card-wrapper .card:not(.ratio) {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* 3:4 Product Image with Rounded Corners & Warm Off-White Backdrop */
.product-card-wrapper .card__inner {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: #FAF6F0 !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(92, 14, 20, 0.04) !important;
  transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  flex-shrink: 0 !important;
}

.product-card-wrapper .card__inner.ratio::before {
  padding-bottom: 133.333333% !important;
}

.product-card-wrapper .card__inner:after {
  display: none !important;
}

.product-card-wrapper .card__media {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: #FAF6F0 !important;
}

.product-card-wrapper .card__media .media {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: #FAF6F0 !important;
}

.product-card-wrapper .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 8px !important;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease !important;
  display: block !important;
}

/* Subtle image zoom & hover transition */
.product-card-wrapper:hover .card__inner {
  box-shadow: 0 8px 24px rgba(92, 14, 20, 0.08) !important;
}

.product-card-wrapper:hover .card__media img:first-child:not(:only-child) {
  opacity: 0 !important;
}

.product-card-wrapper:hover .card__media img:only-child,
.product-card-wrapper:hover .card__media img + img {
  transform: scale(1.03) !important;
}

/* Product Card Information & Content Container */
.product-card-wrapper .card__content {
  padding: 1.2rem 0 0.4rem 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  flex-grow: 1 !important;
  background: transparent !important;
  border: none !important;
}

.product-card-wrapper .card__information {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

.product-card-wrapper .card-information {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

/* Product Title - Left-Aligned Maroon Serif with 2-Line Limit & Ellipsis */
.product-card-wrapper .card__heading,
.product-card-wrapper .card__heading.h5,
.card-wrapper .card__heading,
.card__heading {
  margin: 0 0 0.6rem 0 !important;
  padding: 0 !important;
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', 'Cinzel', Georgia, serif) !important;
  font-size: 1.85rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.015em !important;
  color: #5C0E14 !important;
  text-align: left !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.product-card-wrapper .card__heading a,
.card-wrapper .card__heading a,
.card__heading a {
  color: #5C0E14 !important;
  text-decoration: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  transition: color 0.2s ease !important;
}

.product-card-wrapper .card__heading a:hover,
.product-card-wrapper:hover .card__heading a,
.card-wrapper:hover .card__heading a {
  color: #3D0A0F !important;
  text-decoration: none !important;
}

/* Product Price - Bold Maroon */
.product-card-wrapper .price,
.card-wrapper .price {
  text-align: left !important;
  margin: 0.2rem 0 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 0.6rem !important;
  color: #5C0E14 !important;
}

.product-card-wrapper .price__container,
.card-wrapper .price__container {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 0.6rem !important;
  text-align: left !important;
}

.product-card-wrapper .price .price-item,
.product-card-wrapper .price .price-item--regular,
.product-card-wrapper .price .price-item--last,
.product-card-wrapper .price__regular .price-item,
.card-wrapper .price .price-item--regular,
.card-wrapper .price .price-item--last {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', 'Cinzel', Georgia, serif) !important;
  font-size: 1.85rem !important;
  font-weight: 700 !important;
  color: #5C0E14 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Sale Strikethrough Price */
.product-card-wrapper .price--on-sale .price-item--regular,
.product-card-wrapper .price s.price-item--regular,
.card-wrapper .price--on-sale .price-item--regular {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 500 !important;
  color: #8C7A70 !important;
  text-decoration: line-through !important;
  margin-right: 0.4rem !important;
}

.product-card-wrapper .price--on-sale .price-item--last,
.card-wrapper .price--on-sale .price-item--last {
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', 'Cinzel', Georgia, serif) !important;
  font-size: 1.85rem !important;
  font-weight: 700 !important;
  color: #5C0E14 !important;
}

/* Card Badges */
.product-card-wrapper .card__badge,
.card-wrapper .card__badge {
  position: absolute !important;
  top: 1rem !important;
  left: 1rem !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
  margin: 0 !important;
  display: flex !important;
  gap: 0.5rem !important;
}

.product-card-wrapper .card__badge .badge,
.card-wrapper .card__badge .badge {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding: 0.4rem 0.8rem !important;
  border-radius: 4px !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.product-card-wrapper .card__badge .badge.color-scheme-4,
.product-card-wrapper .card__badge .badge[id*="sale"],
.product-card-wrapper .card__badge .badge--bottom-left {
  background-color: #5C0E14 !important;
  color: #DFB047 !important;
}

.product-card-wrapper .card__badge .badge[id*="sold_out"],
.product-card-wrapper .card__badge .badge.color-scheme-3 {
  background-color: #2D2D2D !important;
  color: #FFFFFF !important;
}

/* Quick Add Button */
.product-card-wrapper .quick-add,
.card-wrapper .quick-add {
  margin: 1rem 0 0 0 !important;
  width: 100% !important;
  z-index: 3 !important;
}

.product-card-wrapper .quick-add__submit,
.card-wrapper .quick-add__submit {
  background: transparent !important;
  border: 1px solid #5C0E14 !important;
  color: #5C0E14 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  padding: 0.8rem 1.4rem !important;
  min-height: 38px !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.product-card-wrapper .quick-add__submit:hover,
.card-wrapper .quick-add__submit:hover {
  background: #5C0E14 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(92, 14, 20, 0.2) !important;
}

/* Ratings */
.product-card-wrapper .rating {
  margin: 0.2rem 0 !important;
}

/* Tablet Screens (750px - 989px) - Consistent Product Title & Spacing */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .product-card-wrapper .card__content {
    padding: 1rem 0 0.3rem 0 !important;
  }

  .product-card-wrapper .card__heading,
  .product-card-wrapper .card__heading.h5,
  .card-wrapper .card__heading,
  .card__heading,
  .krisar-product-card__title {
    font-size: 1.65rem !important;
    line-height: 1.3 !important;
    min-height: 4.3rem !important;
    margin: 0 0 0.5rem 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .product-card-wrapper .card__heading a,
  .card-wrapper .card__heading a,
  .card__heading a,
  .krisar-product-card__title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .product-card-wrapper .price,
  .card-wrapper .price {
    margin: 0.2rem 0 0 0 !important;
    gap: 0.5rem !important;
  }

  .product-card-wrapper .price .price-item,
  .product-card-wrapper .price .price-item--regular,
  .product-card-wrapper .price .price-item--last,
  .product-card-wrapper .price__regular .price-item,
  .card-wrapper .price .price-item--regular,
  .card-wrapper .price .price-item--last,
  .krisar-product-card__price {
    font-size: 1.7rem !important;
  }

  .product-card-wrapper .price--on-sale .price-item--regular,
  .product-card-wrapper .price s.price-item--regular,
  .card-wrapper .price--on-sale .price-item--regular,
  .krisar-product-card__price--compare {
    font-size: 1.25rem !important;
  }

  .product-card-wrapper .quick-add__submit,
  .card-wrapper .quick-add__submit {
    font-size: 1.2rem !important;
    min-height: 36px !important;
    padding: 0.7rem 1.2rem !important;
  }
}

/* Mobile Screens (<= 749px) - Consistent Product Title & Spacing */
@media screen and (max-width: 749px) {
  .product-card-wrapper .card__content {
    padding: 0.85rem 0 0.2rem 0 !important;
  }

  .product-card-wrapper .card__heading,
  .product-card-wrapper .card__heading.h5,
  .card-wrapper .card__heading,
  .card__heading,
  .krisar-product-card__title {
    font-size: 1.5rem !important;
    line-height: 1.28 !important;
    min-height: 3.84rem !important;
    margin: 0 0 0.4rem 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .product-card-wrapper .card__heading a,
  .card-wrapper .card__heading a,
  .card__heading a,
  .krisar-product-card__title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .product-card-wrapper .price,
  .card-wrapper .price {
    margin: 0.2rem 0 0 0 !important;
    gap: 0.45rem !important;
  }

  .product-card-wrapper .price .price-item,
  .product-card-wrapper .price .price-item--regular,
  .product-card-wrapper .price .price-item--last,
  .product-card-wrapper .price__regular .price-item,
  .card-wrapper .price .price-item--regular,
  .card-wrapper .price .price-item--last,
  .krisar-product-card__price {
    font-size: 1.55rem !important;
    line-height: 1.2 !important;
  }

  .product-card-wrapper .price--on-sale .price-item--regular,
  .product-card-wrapper .price s.price-item--regular,
  .card-wrapper .price--on-sale .price-item--regular,
  .krisar-product-card__price--compare {
    font-size: 1.2rem !important;
  }

  .product-card-wrapper .quick-add__submit,
  .card-wrapper .quick-add__submit {
    font-size: 1.15rem !important;
    min-height: 36px !important;
    padding: 0.65rem 1rem !important;
  }

  .product-card-wrapper .card__inner,
  .product-card-wrapper .card__media,
  .product-card-wrapper .card__media .media,
  .product-card-wrapper .card__media img {
    border-radius: 6px !important;
  }
}

/* Small Mobile Screens (<= 380px) */
@media screen and (max-width: 380px) {
  .product-card-wrapper .card__content {
    padding: 0.7rem 0 0.1rem 0 !important;
  }

  .product-card-wrapper .card__heading,
  .product-card-wrapper .card__heading.h5,
  .card-wrapper .card__heading,
  .card__heading,
  .krisar-product-card__title {
    font-size: 1.38rem !important;
    line-height: 1.25 !important;
    min-height: 3.45rem !important;
    margin: 0 0 0.35rem 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .product-card-wrapper .card__heading a,
  .card-wrapper .card__heading a,
  .card__heading a,
  .krisar-product-card__title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .product-card-wrapper .price .price-item,
  .product-card-wrapper .price .price-item--regular,
  .product-card-wrapper .price .price-item--last,
  .product-card-wrapper .price__regular .price-item,
  .card-wrapper .price .price-item--regular,
  .card-wrapper .price .price-item--last,
  .krisar-product-card__price {
    font-size: 1.42rem !important;
  }

  .product-card-wrapper .price--on-sale .price-item--regular,
  .product-card-wrapper .price s.price-item--regular,
  .card-wrapper .price--on-sale .price-item--regular,
  .krisar-product-card__price--compare {
    font-size: 1.15rem !important;
  }

  .product-card-wrapper .quick-add__submit,
  .card-wrapper .quick-add__submit {
    font-size: 1.1rem !important;
    min-height: 34px !important;
    padding: 0.6rem 1rem !important;
  }
}

/* ==========================================================================
   10. Krisar Vastrae Luxury Product Detail Page (PDP) Visual Polish
       - Refined borders, corners, shadows, and smooth hover effects
       - Preserved typography, spacing, colors, layout, and functionality
   ========================================================================== */

/* Main Product Media Gallery - Subtle Border, Rounded Corners & Ambient Shadow */
.product__media-wrapper .product__media-item,
.product__media-wrapper .product__media,
.product__media-wrapper .product__modal-opener,
.product__media-wrapper .product__media-list .global-media-settings {
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(223, 176, 71, 0.25) !important;
  box-shadow: 0 4px 20px rgba(92, 14, 20, 0.05) !important;
  transition: box-shadow 0.35s ease, border-color 0.35s ease !important;
}

.product__media-wrapper .product__media img {
  border-radius: 8px !important;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.product__media-wrapper .product__modal-opener:hover img {
  transform: scale(1.02) !important;
}

/* Thumbnails - Refined Corners, Borders & Subtle Hover/Active Shadows */
.product__media-wrapper .thumbnail-list__item {
  border-radius: 6px !important;
}

.product__media-wrapper .thumbnail,
.product__media-wrapper .thumbnail.global-media-settings {
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 1px solid rgba(223, 176, 71, 0.35) !important;
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.04) !important;
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.product__media-wrapper .thumbnail img {
  border-radius: 5px !important;
  transition: transform 0.3s ease, opacity 0.2s ease !important;
}

.product__media-wrapper .thumbnail:hover {
  opacity: 1 !important;
  border-color: #5C0E14 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(92, 14, 20, 0.15) !important;
}

.product__media-wrapper .thumbnail:hover img {
  transform: scale(1.04) !important;
}

/* Active Selected Thumbnail - Rich Maroon/Gold Border & Focus Glow */
.product__media-wrapper .thumbnail[aria-current="true"],
.product__media-wrapper .thumbnail.is-active,
.product__media-wrapper .thumbnail[aria-current] {
  border: 2px solid #5C0E14 !important;
  box-shadow: 0 2px 10px rgba(92, 14, 20, 0.2) !important;
  outline: none !important;
}

/* Quantity Selector - Clean Unbordered Label & Refined Stepper Box */
.product-form__quantity .quantity__label,
.product-form__quantity .form__label,
.quantity__label,
.product-form__quantity label {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 0 0.8rem 0 !important;
  margin: 0 !important;
  display: block !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  color: #2D2D2D !important;
  letter-spacing: 0.04em !important;
}

.product-form__quantity .quantity,
.product-form__input .quantity {
  border-radius: 6px !important;
  border: 1px solid rgba(223, 176, 71, 0.45) !important;
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.03) !important;
  overflow: hidden !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.product-form__quantity .quantity:hover,
.product-form__quantity .quantity:focus-within {
  border-color: #5C0E14 !important;
  box-shadow: 0 0 0 1px #5C0E14, 0 2px 8px rgba(92, 14, 20, 0.08) !important;
}

.product-form__quantity .quantity__button {
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease !important;
}

.product-form__quantity .quantity__button:hover {
  background-color: rgba(223, 176, 71, 0.18) !important;
  color: #5C0E14 !important;
}

.product-form__quantity .quantity__button:active {
  transform: scale(0.92) !important;
}

/* "ADD TO CART" Button - Refined Corners, Crisp Border & Subtle Elevation on Hover */
.product-form__buttons .product-form__submit,
.product-form__buttons .button--secondary {
  border-radius: 6px !important;
  border: 1.5px solid #5C0E14 !important;
  box-shadow: 0 2px 6px rgba(92, 14, 20, 0.04) !important;
  transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.product-form__buttons .product-form__submit:hover,
.product-form__buttons .button--secondary:hover {
  background-color: #5C0E14 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(92, 14, 20, 0.2) !important;
}

.product-form__buttons .product-form__submit:active,
.product-form__buttons .button--secondary:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 2px 8px rgba(92, 14, 20, 0.15) !important;
}

/* Legacy dynamic checkout button rules consolidated in Section 13 */

/* PDP Trust / Feature Badges Card */
.krisar-pdp-badges {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.4rem 1.8rem !important;
  margin: 2.2rem 0 !important;
  padding: 1.6rem 1.8rem !important;
  background: var(--krisar-cream-card, #FFFDF9) !important;
  border: 1px solid rgba(223, 176, 71, 0.4) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 12px rgba(92, 14, 20, 0.03) !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  box-sizing: border-box !important;
}

.krisar-pdp-badges:hover {
  border-color: rgba(223, 176, 71, 0.75) !important;
  box-shadow: 0 4px 18px rgba(92, 14, 20, 0.06) !important;
}

.krisar-pdp-badge {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  text-align: left !important;
  min-width: 0 !important;
}

.krisar-pdp-badge svg {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  color: #DFB047 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.krisar-pdp-badge:hover svg {
  transform: scale(1.12) !important;
}

.krisar-pdp-badge-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0.2rem !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.krisar-pdp-badge-title,
.krisar-pdp-badge strong {
  display: block !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #1A0505 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.krisar-pdp-badge-sub,
.krisar-pdp-badge span {
  display: block !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  color: #554840 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

@media screen and (max-width: 768px) {
  .krisar-pdp-badges {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.2rem 1.2rem !important;
    padding: 1.4rem 1.4rem !important;
    margin: 1.8rem 0 !important;
  }

  .krisar-pdp-badge {
    gap: 0.8rem !important;
  }

  .krisar-pdp-badge-title,
  .krisar-pdp-badge strong {
    font-size: 1.15rem !important;
  }

  .krisar-pdp-badge-sub,
  .krisar-pdp-badge span {
    font-size: 1.05rem !important;
  }
}

@media screen and (max-width: 440px) {
  .krisar-pdp-badges {
    grid-template-columns: 1fr !important;
    gap: 1.1rem !important;
    padding: 1.2rem 1.4rem !important;
  }

  .krisar-pdp-badge-title,
  .krisar-pdp-badge strong {
    font-size: 1.2rem !important;
  }

  .krisar-pdp-badge-sub,
  .krisar-pdp-badge span {
    font-size: 1.1rem !important;
  }
}

/* Share Link - Smooth Hover State */
.share-button__button,
.share-button a {
  transition: color 0.2s ease, opacity 0.2s ease !important;
}

.share-button__button:hover,
.share-button a:hover {
  color: #5C0E14 !important;
  opacity: 0.85 !important;
}

.share-button__button svg {
  transition: transform 0.2s ease !important;
}

.share-button__button:hover svg {
  transform: translateY(-2px) !important;
}

/* Variant Pickers (Pills) - Refined Corners, Border, Shadow & Hover */
.product-form__input input[type='radio'] + label {
  border-radius: 6px !important;
  border: 1px solid rgba(223, 176, 71, 0.35) !important;
  box-shadow: 0 1px 3px rgba(92, 14, 20, 0.03) !important;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.product-form__input input[type='radio'] + label:hover {
  border-color: #5C0E14 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 10px rgba(92, 14, 20, 0.1) !important;
}

.product-form__input input[type='radio']:checked + label {
  border: 1.5px solid #5C0E14 !important;
  box-shadow: 0 2px 8px rgba(92, 14, 20, 0.12) !important;
}

/* Collapsible Accordions (if present on PDP) */
.product__accordion {
  border-top: 1px solid rgba(223, 176, 71, 0.25) !important;
  border-bottom: 1px solid rgba(223, 176, 71, 0.25) !important;
  transition: background-color 0.2s ease !important;
}

.product__accordion summary {
  border-radius: 4px !important;
  transition: background-color 0.2s ease !important;
}

.product__accordion summary:hover {
  background-color: rgba(223, 176, 71, 0.08) !important;
}

/* ==========================================================================
   11. Krisar Vastrae Luxury Collections List Page Redesign
       - Refined rounded corners, borders, soft shadows & smooth hover effects
       - Preserved typography, spacing, colors, grid layout, links & functionality
       - Fully responsive across desktop, tablet, and mobile down to 320px
   ========================================================================== */

/* Collection Card Wrapper */
.collection-card-wrapper,
.card-wrapper.collection-card-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
  background: transparent !important;
  text-decoration: none !important;
}

.collection-card-wrapper .card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-align: left !important;
}

/* Collection Card Media - Rounded Corners, Refined Border & Soft Resting Shadow */
.collection-card-wrapper .card__inner {
  position: relative !important;
  width: 100% !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: #FAF6F0 !important;
  border: 1px solid rgba(223, 176, 71, 0.25) !important;
  box-shadow: 0 4px 18px rgba(92, 14, 20, 0.05) !important;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  flex-shrink: 0 !important;
}

.collection-card-wrapper .card__inner:after {
  display: none !important;
}

.collection-card-wrapper .card__media {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  background-color: #FAF6F0 !important;
}

.collection-card-wrapper .card__media .media {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  background-color: #FAF6F0 !important;
}

.collection-card-wrapper .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 7px !important;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), filter 0.4s ease !important;
  display: block !important;
}

/* Smooth Image Hover Effect & Elevated Shadow */
.collection-card-wrapper:hover .card__inner {
  border-color: rgba(223, 176, 71, 0.6) !important;
  box-shadow: 0 10px 30px rgba(92, 14, 20, 0.12) !important;
  transform: translateY(-3px) !important;
}

.collection-card-wrapper:hover .card__media img {
  transform: scale(1.04) !important;
}

/* Collection Card Content & Title */
.collection-card-wrapper .card__content {
  padding: 1.2rem 0 0 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
}

.collection-card-wrapper .card__information {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

.collection-card-wrapper .card__heading,
.collection-card-wrapper .card__heading a {
  display: inline-block !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

/* Hide arrow buttons/icons on collection cards */
.collection-card-wrapper .icon-wrap,
.collection-list .icon-wrap,
.collection-card-wrapper .card__heading .icon-wrap,
.collection-card-wrapper .card__caption .icon-wrap {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Responsive Grid Polish down to 320px */
@media screen and (max-width: 749px) {
  .collection-card-wrapper .card__content {
    padding: 0.9rem 0 0 0 !important;
  }

  .collection-card-wrapper .card__inner,
  .collection-card-wrapper .card__media,
  .collection-card-wrapper .card__media .media,
  .collection-card-wrapper .card__media img {
    border-radius: 6px !important;
  }
}

/* ==========================================================================
   12. Krisar Vastrae "Shop by Collection" Uniform Styles
       - Uniform circular image ratios & borders
       - Consistent 2-line title clamping with uniform spacing & alignment
       - Mobile slider indicator bar (progress bar) & removal of mobile nav buttons
   ========================================================================== */

.krisar-category-circle__card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 100% !important;
  text-decoration: none !important;
}

.krisar-category-circle__image-wrapper {
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.krisar-category-circle__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 50% !important;
  display: block !important;
}

.krisar-category-circle__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin-top: 1.4rem !important;
  padding: 0 0.3rem !important;
  flex-grow: 1 !important;
  box-sizing: border-box !important;
}

.krisar-category-circle__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  text-align: center !important;
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  font-variant: all-small-caps !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  line-height: 1.25 !important;
  height: 4rem !important;
  min-height: 4rem !important;
  max-height: 4rem !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  color: #5C0E14 !important;
}

.krisar-category-circle__link-text {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  pointer-events: none !important;
}

/* Tablet Shop by Collection Title */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .krisar-category-circle__content {
    margin-top: 1.3rem !important;
  }
  .krisar-category-circle__title {
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
    height: 3.75rem !important;
    min-height: 3.75rem !important;
    max-height: 3.75rem !important;
  }
}

/* Shop by Collection Progress Bar (Active under 1024px) */
@media screen and (max-width: 1024px) {
  .krisar-category-slider__nav-btn {
    display: none !important;
  }
  .krisar-category-slider__dots {
    display: none !important;
  }
  .krisar-category-slider__indicator {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 1.8rem auto 0 auto !important;
    width: 100% !important;
  }
  .krisar-category-slider__indicator-track {
    width: 160px !important;
    max-width: 60vw !important;
    height: 5px !important;
    background: #E8DEC8 !important;
    border: 1px solid rgba(223, 176, 71, 0.5) !important;
    border-radius: 999px !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08) !important;
  }
  .krisar-category-slider__indicator-thumb {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    min-height: 5px !important;
    width: 25%;
    min-width: 25px !important;
    background: #5C0E14 !important;
    background-color: #5C0E14 !important;
    border-radius: 999px !important;
    will-change: width;
    transition: width 0.12s ease-out !important;
    display: block !important;
    box-shadow: 0 0 5px rgba(92, 14, 20, 0.35) !important;
  }
}

@media screen and (min-width: 1025px) {
  .krisar-category-slider__indicator {
    display: none !important;
  }
}

/* Mobile Shop by Collection Layout */
@media screen and (max-width: 749px) {
  .krisar-category-circle__content {
    margin-top: 1.1rem !important;
    padding: 0 0.2rem !important;
  }
  .krisar-category-circle__title {
    font-size: 1.35rem !important;
    letter-spacing: 0.04em !important;
    line-height: 1.25 !important;
    height: 3.38rem !important;
    min-height: 3.38rem !important;
    max-height: 3.38rem !important;
  }
}

/* Small Mobile Shop by Collection Title */
@media screen and (max-width: 380px) {
  .krisar-category-circle__title {
    font-size: 1.2rem !important;
    line-height: 1.22 !important;
    height: 2.93rem !important;
    min-height: 2.93rem !important;
    max-height: 2.93rem !important;
  }
}

/* ==========================================================================
   13. Add to Cart & Quantity Selector Modern Desktop UI Row & Full-Width Buy It Now
   ========================================================================== */

/* Hide redundant standalone quantity selector block on PDP when actions row is active */
.product__info-container .product-form__input.product-form__quantity:not(.product-form__actions-row *) {
  display: none !important;
}

.product-form__buttons {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 380px !important;
  margin: 1.2rem 0 !important;
  gap: 0.75rem !important;
}

/* Row 1: Quantity Selector + Add to Cart side-by-side */
.product-form__actions-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.75rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Quantity Selector Container - Modern Medium Size */
.product-form__quantity-wrapper {
  flex: 0 0 105px !important;
  width: 105px !important;
  height: 44px !important;
  display: flex !important;
  align-items: stretch !important;
  margin: 0 !important;
}

.product-form__quantity-wrapper .quantity {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  background: #FAF8F5 !important;
  border: 1px solid #DFB047 !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 2px !important;
  box-sizing: border-box !important;
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.product-form__quantity-wrapper .quantity:hover,
.product-form__quantity-wrapper .quantity:focus-within {
  border-color: #5C0E14 !important;
  box-shadow: 0 2px 8px rgba(92, 14, 20, 0.12) !important;
}

.product-form__quantity-wrapper .quantity__button {
  width: 30px !important;
  height: 30px !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  color: #5C0E14 !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

.product-form__quantity-wrapper .quantity__button:hover {
  background-color: rgba(92, 14, 20, 0.08) !important;
  color: #5C0E14 !important;
}

.product-form__quantity-wrapper .quantity__button:active {
  background-color: rgba(92, 14, 20, 0.15) !important;
}

.product-form__quantity-wrapper .quantity__button svg {
  width: 12px !important;
  height: 12px !important;
  stroke-width: 1.5px !important;
}

.product-form__quantity-wrapper .quantity__input {
  width: 100% !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  text-align: center !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  color: #5C0E14 !important;
  padding: 0 !important;
  outline: none !important;
  -moz-appearance: textfield !important;
}

.product-form__quantity-wrapper .quantity__input::-webkit-outer-spin-button,
.product-form__quantity-wrapper .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* "ADD TO CART" Button directly right of quantity */
.product-form__actions-row .product-form__submit {
  flex: 1 1 auto !important;
  width: auto !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  background-color: #5C0E14 !important;
  color: #FFFFFF !important;
  border: 1px solid #5C0E14 !important;
  border-radius: 6px !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 3px 10px rgba(92, 14, 20, 0.2) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.product-form__actions-row .product-form__submit:hover {
  background-color: #75121A !important;
  border-color: #75121A !important;
  color: #FFFFFF !important;
  box-shadow: 0 5px 14px rgba(92, 14, 20, 0.3) !important;
  transform: translateY(-1px) !important;
}

.product-form__actions-row .product-form__submit:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.15) !important;
}

.product-form__actions-row .product-form__submit[disabled] {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  border-color: #5C0E14 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Row 2: "Buy It Now" Full-Width Dynamic Payment Button */
.product-form__dynamic-checkout {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.product-form__dynamic-checkout .shopify-payment-button {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
}

.product-form__dynamic-checkout .shopify-payment-button__button,
.product-form__dynamic-checkout .shopify-payment-button__button--unbranded {
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 6px !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  background: #DFB047 !important;
  background-color: #DFB047 !important;
  color: #3E080C !important;
  border: 1px solid #D1A238 !important;
  box-shadow: 0 3px 10px rgba(223, 176, 71, 0.25) !important;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.product-form__dynamic-checkout .shopify-payment-button__button:hover,
.product-form__dynamic-checkout .shopify-payment-button__button--unbranded:hover {
  background-color: #EAC25C !important;
  background: #EAC25C !important;
  color: #260306 !important;
  border-color: #DFB047 !important;
  box-shadow: 0 5px 14px rgba(223, 176, 71, 0.4) !important;
  transform: translateY(-1px) !important;
}

.product-form__dynamic-checkout .shopify-payment-button__button:active,
.product-form__dynamic-checkout .shopify-payment-button__button--unbranded:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 1px 4px rgba(223, 176, 71, 0.2) !important;
}

/* Remove default Dawn outline / ghost pseudo elements */
.product-form__actions-row .product-form__submit::before,
.product-form__actions-row .product-form__submit::after,
.product-form__dynamic-checkout .shopify-payment-button::before,
.product-form__dynamic-checkout .shopify-payment-button::after,
.product-form__dynamic-checkout .shopify-payment-button__button::before,
.product-form__dynamic-checkout .shopify-payment-button__button::after,
.product-form__dynamic-checkout .shopify-payment-button__button--unbranded::before,
.product-form__dynamic-checkout .shopify-payment-button__button--unbranded::after,
.product-form__quantity-wrapper .quantity::before,
.product-form__quantity-wrapper .quantity::after,
.product-form__quantity-wrapper .quantity__button::before,
.product-form__quantity-wrapper .quantity__button::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Tablet Layout (750px - 989px) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .product-form__buttons {
    max-width: 380px !important;
  }
  .product-form__quantity-wrapper {
    flex: 0 0 105px !important;
    width: 105px !important;
  }
}

/* Mobile Responsive Layout (501px - 749px) */
@media screen and (min-width: 501px) and (max-width: 749px) {
  .product-form__buttons {
    max-width: 100% !important;
  }
  .product-form__actions-row {
    gap: 0.6rem !important;
  }
  .product-form__quantity-wrapper {
    flex: 0 0 100px !important;
    width: 100px !important;
    height: 44px !important;
  }
  .product-form__quantity-wrapper .quantity,
  .product-form__actions-row .product-form__submit,
  .product-form__dynamic-checkout .shopify-payment-button,
  .product-form__dynamic-checkout .shopify-payment-button__button,
  .product-form__dynamic-checkout .shopify-payment-button__button--unbranded {
    height: 44px !important;
    min-height: 44px !important;
  }
  .product-form__actions-row .product-form__submit,
  .product-form__dynamic-checkout .shopify-payment-button__button,
  .product-form__dynamic-checkout .shopify-payment-button__button--unbranded {
    font-size: 1.25rem !important;
    letter-spacing: 0.05em !important;
  }
  .product-form__quantity-wrapper .quantity__button {
    width: 28px !important;
    height: 28px !important;
  }
  .product-form__quantity-wrapper .quantity__input {
    font-size: 1.35rem !important;
  }
}

/* Mobile Layout Under 500px: 1-by-1 Vertical Stack (Quantity, Add to Cart, Buy It Now) */
@media screen and (max-width: 500px) {
  .product-form__buttons {
    max-width: 100% !important;
    width: 100% !important;
    gap: 0.75rem !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .product-form__actions-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0.75rem !important;
  }
  .product-form__quantity-wrapper {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
  }
  .product-form__quantity-wrapper .quantity {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 1.25rem !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }
  .product-form__quantity-wrapper .quantity__button {
    width: 36px !important;
    height: 36px !important;
  }
  .product-form__quantity-wrapper .quantity__input {
    font-size: 1.4rem !important;
  }
  .product-form__actions-row .product-form__submit {
    width: 100% !important;
    flex: 1 1 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    font-size: 1.3rem !important;
    letter-spacing: 0.06em !important;
    margin: 0 !important;
  }
  .product-form__dynamic-checkout {
    width: 100% !important;
    margin: 0 !important;
  }
  .product-form__dynamic-checkout .shopify-payment-button,
  .product-form__dynamic-checkout .shopify-payment-button__button,
  .product-form__dynamic-checkout .shopify-payment-button__button--unbranded {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    font-size: 1.3rem !important;
    letter-spacing: 0.06em !important;
    margin: 0 !important;
  }
}

/* --- Quick Add and Card-Level Quantity Controls --- */
.krisar-card-action-container {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.quick-add .krisar-card-action-container {
  margin-top: 0.5rem;
}

.krisar-card-qty-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #5C0E14 !important;
  border: 1.5px solid #DFB047 !important;
  border-radius: 4px !important;
  padding: 0.35rem 0.6rem !important;
  box-shadow: 0 4px 14px rgba(92, 14, 20, 0.3) !important;
  touch-action: manipulation !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

.krisar-card-qty-btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 3px !important;
  background: rgba(223, 176, 71, 0.2) !important;
  color: #DFB047 !important;
  border: 1px solid rgba(223, 176, 71, 0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease, border-color 0.2s ease !important;
  touch-action: manipulation !important;
  flex-shrink: 0 !important;
}

.krisar-card-qty-btn:hover {
  background: #DFB047 !important;
  color: #5C0E14 !important;
  border-color: #F6D77A !important;
  transform: scale(1.08) !important;
}

.krisar-card-qty-btn:active {
  transform: scale(0.92) !important;
}

.krisar-card-qty-display {
  color: #FDFBF7 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
  letter-spacing: 0.05em !important;
  min-width: 34px !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  user-select: none !important;
}

.krisar-card-qty-wrapper .spinner {
  display: none;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #DFB047;
  border-radius: 50%;
  animation: krisar-spin 0.6s linear infinite;
}

.krisar-card-qty-wrapper.is-loading .krisar-card-qty-count {
  display: none !important;
}

.krisar-card-qty-wrapper.is-loading .spinner {
  display: inline-block !important;
}

/* --- C. Products Section Grid Spacing (Aligned with Our Favourites) --- */
.product-grid,
.collection .grid,
.template-collection .product-grid,
.featured-collection .grid,
.facets-vertical .product-grid-container .product-grid,
.main-collection-product-grid .product-grid {
  gap: 2.4rem !important;
  column-gap: 2.4rem !important;
  row-gap: 2.4rem !important;
}

@media screen and (min-width: 990px) and (max-width: 1199px) {
  .product-grid,
  .collection .grid,
  .template-collection .product-grid,
  .featured-collection .grid,
  .facets-vertical .product-grid-container .product-grid {
    gap: 2rem !important;
    column-gap: 2rem !important;
    row-gap: 2rem !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .product-grid,
  .collection .grid,
  .template-collection .product-grid,
  .featured-collection .grid,
  .facets-vertical .product-grid-container .product-grid {
    gap: 1.8rem !important;
    column-gap: 1.8rem !important;
    row-gap: 1.8rem !important;
  }
}

@media screen and (max-width: 749px) {
  .product-grid,
  .collection .grid,
  .template-collection .product-grid,
  .featured-collection .grid,
  .facets-vertical .product-grid-container .product-grid {
    gap: 1.2rem !important;
    column-gap: 1.2rem !important;
    row-gap: 1.4rem !important;
  }

  .krisar-card-qty-wrapper {
    min-height: 36px !important;
    padding: 0.25rem 0.4rem !important;
  }

  .krisar-card-qty-btn {
    width: 26px !important;
    height: 26px !important;
  }

  .krisar-card-qty-display {
    font-size: 1.2rem !important;
  }
}

@media screen and (max-width: 380px) {
  .product-grid,
  .collection .grid,
  .template-collection .product-grid,
  .featured-collection .grid,
  .facets-vertical .product-grid-container .product-grid {
    gap: 0.85rem !important;
    column-gap: 0.85rem !important;
    row-gap: 1.1rem !important;
  }
}

/* ==========================================================================
   14. Collection Page Complete UI Redesign
       - 2-Line Clamped Titles & Subtexts with Ellipsis
       - Baseline Grid Alignment across all Breakpoints
       - Luxury Collection Hero Lockup & Flourish
       - Refined Facets Filters & Sorting Bar
       - High-End Product Card Presentation & Elevation
       - Krisar Signature Gold Pagination
   ========================================================================== */

/* --- A. Collection Hero / Banner --- */
.collection-hero {
  background-color: var(--krisar-cream-bg, #FDFBF7) !important;
  border-bottom: none !important;
  padding: 4.5rem 0 3.5rem 0 !important;
  text-align: center !important;
  position: relative !important;
}

.collection-hero__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin: 0 auto !important;
}

.collection-hero__text-wrapper {
  max-width: 820px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.collection-hero__eyebrow {
  color: #DFB047 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  font-variant: all-small-caps !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  margin-bottom: 0.6rem !important;
  display: block !important;
}

.collection-hero__title {
  color: #5C0E14 !important;
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 3.8rem !important;
  font-weight: 700 !important;
  font-variant: all-small-caps !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.collection-hero__flourish {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.4rem !important;
  margin-top: 1.2rem !important;
  margin-bottom: 1.4rem !important;
}

.collection-hero__flourish-line {
  width: 50px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #DFB047) !important;
}

.collection-hero__flourish-line:last-child {
  background: linear-gradient(90deg, #DFB047, transparent) !important;
}

.collection-hero__flourish-icon {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 2px rgba(92, 14, 20, 0.15)) !important;
}

.collection-hero__description {
  color: #3D0A0F !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.45rem !important;
  line-height: 1.65 !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  text-align: center !important;
  opacity: 0.9 !important;
}

/* --- B. 2-Line Title & Text Clamping with Ellipsis --- */
.template-collection .card__heading,
.template-collection .card__heading a,
.product-grid .card__heading,
.product-grid .card__heading a,
.main-collection-product-grid .card__heading,
.main-collection-product-grid .card__heading a,
.facets-vertical .product-grid .card__heading,
.facets-vertical .product-grid .card__heading a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  font-family: var(--krisar-font-heading, 'Cormorant Garamond', Georgia, serif) !important;
  color: #5C0E14 !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  font-size: 1.6rem !important;
  min-height: 4.2rem !important;
  margin: 0 !important;
}

.template-collection .card__heading a:hover,
.product-grid .card__heading a:hover,
.main-collection-product-grid .card__heading a:hover {
  color: #A66A1E !important;
}

/* 2-line clamping for any descriptions, vendor text, or subtext on cards */
.template-collection .card-information > .caption-large,
.template-collection .card-information > .caption-with-letter-spacing,
.template-collection .card__information .card__caption,
.product-grid .card-information > .caption-large,
.product-grid .card-information > .caption-with-letter-spacing,
.main-collection-product-grid .card-information > .caption-large {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.35 !important;
  margin-top: 0.2rem !important;
}

/* --- C. Product Card Presentation & Alignment on Collection Grid --- */
.template-collection .product-card-wrapper,
.main-collection-product-grid .product-card-wrapper {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.template-collection .card,
.main-collection-product-grid .card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
}

.template-collection .card__inner,
.main-collection-product-grid .card__inner {
  aspect-ratio: 3 / 4 !important;
  width: 100% !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(223, 176, 71, 0.22) !important;
  box-shadow: 0 4px 16px rgba(92, 14, 20, 0.06) !important;
  transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.35s ease, border-color 0.35s ease !important;
}

.template-collection .product-card-wrapper:hover .card__inner,
.main-collection-product-grid .product-card-wrapper:hover .card__inner {
  transform: translateY(-4px) !important;
  border-color: #DFB047 !important;
  box-shadow: 0 12px 28px rgba(92, 14, 20, 0.12) !important;
}

.template-collection .card__content,
.main-collection-product-grid .card__content {
  padding: 1.3rem 0 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: space-between !important;
}

.template-collection .card__information,
.main-collection-product-grid .card__information {
  padding: 0 !important;
}

.template-collection .price,
.main-collection-product-grid .price {
  margin-top: 0.5rem !important;
}

.template-collection .price .price-item--regular,
.template-collection .price .price-item--sale,
.main-collection-product-grid .price .price-item--regular,
.main-collection-product-grid .price .price-item--sale {
  color: #5C0E14 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
}

.template-collection .price--on-sale .price-item--regular,
.main-collection-product-grid .price--on-sale .price-item--regular {
  color: rgba(92, 14, 20, 0.45) !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
}

/* --- Collection Hero Flourish --- */
.collection-hero__flourish {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.5rem !important;
  margin: 1.4rem auto 0 auto !important;
}

.collection-hero__flourish-line {
  display: inline-block !important;
  width: 60px !important;
  height: 1.5px !important;
  background: linear-gradient(90deg, transparent, #DFB047) !important;
}

.collection-hero__flourish-line:last-child {
  background: linear-gradient(90deg, #DFB047, transparent) !important;
}

.collection-hero__flourish-icon {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  opacity: 0.9 !important;
}


/* --- E. Pagination --- */
.pagination-wrapper {
  margin-top: 5rem !important;
  margin-bottom: 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.5rem !important;
  padding: 2.5rem 0 1rem 0 !important;
  border-top: 1px solid rgba(223, 176, 71, 0.25) !important;
  width: 100% !important;
}

.pagination-summary {
  display: block !important;
  text-align: center !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #8C733E !important;
}

.pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.pagination__list {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.8rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pagination__list > li {
  flex: none !important;
  max-width: none !important;
  margin: 0 !important;
}

.pagination__item,
a.pagination__item,
span.pagination__item {
  color: #5C0E14 !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 1.35rem !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(223, 176, 71, 0.45) !important;
  border-radius: 4px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 0.8rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.04) !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

a.pagination__item:hover {
  border-color: #DFB047 !important;
  background-color: #FAF6EE !important;
  color: #5C0E14 !important;
  box-shadow: 0 2px 8px rgba(223, 176, 71, 0.25) !important;
  transform: translateY(-1px) !important;
}

.pagination__item--current,
a.pagination__item--current {
  background-color: #5C0E14 !important;
  color: #FFFFFF !important;
  border-color: #DFB047 !important;
  box-shadow: 0 4px 12px rgba(92, 14, 20, 0.25) !important;
  pointer-events: none !important;
}

.pagination__item--current::after,
a.pagination__item:hover::after,
.pagination__item:hover::after {
  display: none !important;
}

.pagination__item-arrow svg,
.pagination__item--arrow svg,
.pagination__item-arrow .svg-wrapper,
.pagination__item--prev svg,
.pagination__item--next svg {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
}

.pagination__item--gap {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #8C733E !important;
  min-width: 24px !important;
}

/* --- F. Responsive Breakpoint Adjustments --- */

/* Small Desktop / Laptop (990px - 1199px) */
@media screen and (min-width: 990px) and (max-width: 1199px) {
  .collection-hero__title {
    font-size: 3.4rem !important;
  }

  .template-collection .card__heading,
  .template-collection .card__heading a,
  .product-grid .card__heading,
  .product-grid .card__heading a {
    font-size: 1.55rem !important;
    min-height: 4.1rem !important;
  }
}

/* Tablet (750px - 989px) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .collection-hero {
    padding: 3.5rem 0 2.8rem 0 !important;
  }

  .collection-hero__title {
    font-size: 3rem !important;
  }

  .template-collection .card__heading,
  .template-collection .card__heading a,
  .product-grid .card__heading,
  .product-grid .card__heading a {
    font-size: 1.65rem !important;
    min-height: 4.3rem !important;
    line-height: 1.3 !important;
  }

  .template-collection .price .price-item--regular,
  .template-collection .price .price-item--sale {
    font-size: 1.65rem !important;
  }
}

/* Mobile (< 750px) */
@media screen and (max-width: 749px) {
  .collection-hero {
    padding: 2.8rem 1.6rem 2.2rem 1.6rem !important;
  }

  .collection-hero__eyebrow {
    font-size: 1.15rem !important;
    letter-spacing: 0.16em !important;
  }

  .collection-hero__title {
    font-size: 2.5rem !important;
  }

  .collection-hero__flourish {
    margin-top: 1rem !important;
    margin-bottom: 1.1rem !important;
    gap: 1.2rem !important;
  }

  .collection-hero__flourish-line {
    width: 40px !important;
  }

  .collection-hero__description {
    font-size: 1.35rem !important;
    line-height: 1.55 !important;
  }

  .template-collection .card__heading,
  .template-collection .card__heading a,
  .product-grid .card__heading,
  .product-grid .card__heading a {
    font-size: 1.48rem !important;
    line-height: 1.28 !important;
    min-height: 3.8rem !important;
    margin-bottom: 0.35rem !important;
  }

  .template-collection .price .price-item--regular,
  .template-collection .price .price-item--sale {
    font-size: 1.55rem !important;
  }

  .template-collection .card__content,
  .main-collection-product-grid .card__content {
    padding: 1rem 0 0 0 !important;
  }
}

/* Small Mobile (<= 380px) */
@media screen and (max-width: 380px) {
  .collection-hero__title {
    font-size: 2.2rem !important;
  }

  .template-collection .card__heading,
  .template-collection .card__heading a,
  .product-grid .card__heading,
  .product-grid .card__heading a {
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
    min-height: 3.4rem !important;
  }
}

/* ==========================================================================
   15. KRISAR VASTRAE COLLECTIONS PAGE (/collections) LUXURY REDESIGN
   ========================================================================== */

.krisar-list-collections-section {
  background-color: #FAF6F0 !important;
  padding: 0 0 8rem 0 !important;
  min-height: 80vh;
}

/* --- Hero Banner Lockup --- */
.krisar-list-collections__hero {
  background: linear-gradient(180deg, #F5EEE6 0%, #FAF6F0 100%) !important;
  padding: 5.5rem 2rem 4.5rem 2rem !important;
  text-align: center !important;
  border-bottom: none !important;
  margin-bottom: 4.5rem !important;
  position: relative;
}

.krisar-list-collections__hero::before {
  display: none !important;
}

.krisar-list-collections__header {
  max-width: 780px;
  margin: 0 auto;
}

.krisar-list-collections__eyebrow {
  display: inline-block !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #8C733E !important;
  margin-bottom: 1rem !important;
}

.krisar-list-collections__title {
  font-family: var(--krisar-font-heading, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(3.2rem, 4.5vw, 4.8rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: #5C0E14 !important;
  margin: 0 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}

.krisar-list-collections__flourish {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.6rem !important;
  margin: 1.4rem auto 1.6rem auto !important;
}

.krisar-list-collections__flourish-line {
  width: 60px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #DFB047, transparent) !important;
}

.krisar-list-collections__flourish-icon {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 3px rgba(92, 14, 20, 0.25)) !important;
}

.krisar-list-collections__subtitle {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.5rem !important;
  color: #4A3B32 !important;
  max-width: 620px !important;
  margin: 0 auto !important;
  line-height: 1.6 !important;
  font-style: italic !important;
  opacity: 0.95;
}

/* --- Collections Grid & Spacing --- */
.krisar-list-collections__grid-container .collection-list {
  column-gap: 2.4rem !important;
  row-gap: 3.5rem !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* --- Collection Card Wrapper --- */
.krisar-list-collections-section .collection-card-wrapper {
  background: #FFFFFF !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(223, 176, 71, 0.35) !important;
  box-shadow: 0 4px 20px rgba(92, 14, 20, 0.06) !important;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.krisar-list-collections-section .collection-card-wrapper:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 30px rgba(92, 14, 20, 0.14) !important;
  border-color: #DFB047 !important;
}

.krisar-list-collections-section .collection-card-wrapper .card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #FFFFFF !important;
}

/* Inner Image Container */
.krisar-list-collections-section .card__inner {
  border-radius: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  background: #FAF6F0 !important;
}

.krisar-list-collections-section .card__media {
  overflow: hidden !important;
}

.krisar-list-collections-section .card__media img {
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

.krisar-list-collections-section .collection-card-wrapper:hover .card__media img {
  transform: scale(1.06) !important;
}

/* Hide overlapping text inside card__inner if standard Dawn overlay is present */
.krisar-list-collections-section .card__inner .card__content {
  display: none !important;
}

/* Outer Card Content Box */
.krisar-list-collections-section .card > .card__content {
  padding: 2.2rem 2rem 2rem 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  background: #FFFFFF !important;
  box-sizing: border-box !important;
}

.krisar-list-collections-section .card__information {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 0 !important;
}

/* Collection Title with 2-Line Ellipsis & Uniform Alignment */
.krisar-list-collections-section .card__heading,
.krisar-list-collections-section .card__heading a {
  font-family: var(--krisar-font-heading, 'Playfair Display', Georgia, serif) !important;
  font-size: 1.85rem !important;
  font-weight: 700 !important;
  color: #5C0E14 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  line-height: 1.3 !important;
  margin: 0 0 1.2rem 0 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 4.8rem !important;
  transition: color 0.25s ease !important;
}

.krisar-list-collections-section .collection-card-wrapper:hover .card__heading a {
  color: #8C733E !important;
}

/* Card Footer: Saree Count Badge & Action Link */
.krisar-collection-card__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 1.4rem !important;
  border-top: 1px solid rgba(223, 176, 71, 0.25) !important;
  margin-top: auto !important;
  gap: 1rem !important;
  position: relative !important;
  z-index: 2 !important;
}

.krisar-collection-card__badge {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #8C733E !important;
  background: #FAF6F0 !important;
  border: 1px solid rgba(223, 176, 71, 0.4) !important;
  padding: 0.35rem 0.9rem !important;
  border-radius: 20px !important;
  white-space: nowrap !important;
}

.krisar-collection-card__action-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #5C0E14 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.krisar-collection-card__action-link svg {
  transition: transform 0.25s ease !important;
  color: #DFB047;
}

.krisar-list-collections-section .collection-card-wrapper:hover .krisar-collection-card__action-link {
  color: #8C733E !important;
}

.krisar-list-collections-section .collection-card-wrapper:hover .krisar-collection-card__action-link svg {
  transform: translateX(4px) !important;
}

/* --- Responsive Breakpoints for Collections Page --- */

/* Small Desktop / Laptop (990px - 1199px) */
@media screen and (min-width: 990px) and (max-width: 1199px) {
  .krisar-list-collections__grid-container .collection-list {
    column-gap: 2.0rem !important;
    row-gap: 3.0rem !important;
  }

  .krisar-list-collections-section .card__heading,
  .krisar-list-collections-section .card__heading a {
    font-size: 1.7rem !important;
    min-height: 4.4rem !important;
  }
}

/* Tablet (750px - 989px) */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .krisar-list-collections__hero {
    padding: 4.5rem 2rem 3.5rem 2rem !important;
    margin-bottom: 3.5rem !important;
  }

  .krisar-list-collections__title {
    font-size: 3.2rem !important;
  }

  .krisar-list-collections__grid-container .collection-list {
    column-gap: 1.8rem !important;
    row-gap: 2.5rem !important;
  }

  .krisar-list-collections-section .card > .card__content {
    padding: 1.8rem 1.4rem 1.6rem 1.4rem !important;
  }

  .krisar-list-collections-section .card__heading,
  .krisar-list-collections-section .card__heading a {
    font-size: 1.6rem !important;
    min-height: 4.2rem !important;
    line-height: 1.3 !important;
  }
}

/* Mobile (< 750px) */
@media screen and (max-width: 749px) {
  .krisar-list-collections-section {
    padding-bottom: 5rem !important;
  }

  .krisar-list-collections__hero {
    padding: 3.5rem 1.6rem 2.8rem 1.6rem !important;
    margin-bottom: 2.5rem !important;
  }

  .krisar-list-collections__eyebrow {
    font-size: 1.15rem !important;
    letter-spacing: 0.16em !important;
  }

  .krisar-list-collections__title {
    font-size: 2.6rem !important;
  }

  .krisar-list-collections__flourish {
    margin: 1rem auto 1.2rem auto !important;
    gap: 1.2rem !important;
  }

  .krisar-list-collections__flourish-line {
    width: 40px !important;
  }

  .krisar-list-collections__subtitle {
    font-size: 1.35rem !important;
    line-height: 1.5 !important;
  }

  .krisar-list-collections__grid-container .collection-list {
    column-gap: 1.2rem !important;
    row-gap: 1.8rem !important;
  }

  .krisar-list-collections-section .card > .card__content {
    padding: 1.4rem 1.1rem 1.2rem 1.1rem !important;
  }

  .krisar-list-collections-section .card__heading,
  .krisar-list-collections-section .card__heading a {
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
    min-height: 3.5rem !important;
    margin-bottom: 0.8rem !important;
  }

  .krisar-collection-card__footer {
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.6rem !important;
    padding-top: 0.9rem !important;
  }

  .krisar-collection-card__badge {
    font-size: 1.05rem !important;
    padding: 0.25rem 0.7rem !important;
  }

  .krisar-collection-card__action-link {
    font-size: 1.1rem !important;
  }
}

/* Small Mobile (<= 380px) */
@media screen and (max-width: 380px) {
  .krisar-list-collections__grid-container .collection-list {
    column-gap: 0.85rem !important;
    row-gap: 1.4rem !important;
  }

  .krisar-list-collections__title {
    font-size: 2.3rem !important;
  }

  .krisar-list-collections-section .card > .card__content {
    padding: 1.1rem 0.8rem 1rem 0.8rem !important;
  }

  .krisar-list-collections-section .card__heading,
  .krisar-list-collections-section .card__heading a {
    font-size: 1.2rem !important;
    line-height: 1.22 !important;
    min-height: 3.0rem !important;
  }

  .krisar-collection-card__badge {
    font-size: 0.95rem !important;
    padding: 0.2rem 0.6rem !important;
  }

/* ==========================================================================
   KRISAR LUXURY QUANTITY SELECTOR
   ========================================================================== */
.quantity__label,
.quantity__label.form__label,
label[for*="Quantity"],
label[for*="quantity"],
.product-form__input .form__label {
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 0.8rem !important;
  display: block !important;
  line-height: 1.2 !important;
}

.price-per-item__container {
  display: flex !important;
  align-items: center !important;
  gap: 1.2rem !important;
}

.quantity,
quantity-input,
quantity-input.quantity,
.product-form__input .quantity {
  position: relative !important;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background-color: #FFFFFF !important;
  border: 1px solid rgba(223, 176, 71, 0.55) !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 4px rgba(92, 14, 20, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

.quantity:hover,
quantity-input:hover,
quantity-input.quantity:hover,
.quantity:focus-within,
quantity-input:focus-within,
quantity-input.quantity:focus-within {
  border-color: #DFB047 !important;
  box-shadow: 0 2px 8px rgba(223, 176, 71, 0.25) !important;
}

.quantity::before,
.quantity::after,
.quantity:before,
.quantity:after,
quantity-input::before,
quantity-input::after,
quantity-input:before,
quantity-input:after,
quantity-input.quantity::before,
quantity-input.quantity::after,
quantity-input.quantity:before,
quantity-input.quantity:after {
  content: none !important;
  display: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.quantity__button {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #5C0E14 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
  flex-shrink: 0 !important;
}

.quantity__button:first-child,
.quantity__button:last-child {
  margin: 0 !important;
}

.quantity__button:hover {
  background-color: #FAF7F2 !important;
  color: #8C733E !important;
}

.quantity__button:active {
  background-color: rgba(223, 176, 71, 0.15) !important;
}

.quantity__button:focus,
.quantity__button:focus-visible {
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.quantity__button .svg-wrapper {
  width: 12px !important;
  height: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
}

.quantity__button svg {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  stroke: currentColor !important;
  fill: currentColor !important;
}

.quantity__input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  color: #5C0E14 !important;
  text-align: center !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  line-height: 42px !important;
  opacity: 1 !important;
}

.quantity__input:focus,
.quantity__input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.quantity__rules {
  margin-top: 0.6rem !important;
  font-family: var(--krisar-font-body, 'Montserrat', sans-serif) !important;
  font-size: 1.15rem !important;
  color: #8C733E !important;
}