/** Shopify CDN: Minification failed

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

**/
/* ==========================================================================
   Instamart-style Quick View — ONE component, two states.

   The whole thing is a single Apple-Maps-style bottom sheet (.iqv-sheet) that
   snaps between a COLLAPSED "preview" detent and an EXPANDED "full detail"
   detent. Its vertical position is a CSS variable (--iqv-y, in px) driven by
   the JS gesture engine; a transition is toggled on only for snap animations.

   Not affiliated with / does not reuse any specific app's branding or UI.
   Recolor everything from the variables below.
   ========================================================================== */

:root {
  /* House of Viya brand palette (matches the premium cart drawer). */
  --quick-blue: #0f3b2e;
  --quick-blue-dark: #174d3c;
  --quick-green: #1f6e54;
  --quick-bg: #ffffff;
  --quick-text: #2e2e2e;
  --quick-muted: #7a7a7a;
  --quick-border: #e8e1d8;
  --quick-radius: 20px;
  --quick-gold: #c8b28a;

  --iqv-font: var(--ft1, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --iqv-z: 2147483000;
  --iqv-page-bg: #faf7f2;
  --iqv-shadow-sm: 0 2px 10px rgba(15, 59, 46, 0.12);
  --iqv-shadow-md: 0 8px 28px rgba(15, 59, 46, 0.18);
  --iqv-shadow-lg: 0 -8px 40px rgba(15, 59, 46, 0.28);
}

.iqv-overlay,
.iqv-overlay * {
  box-sizing: border-box;
}
.iqv-overlay {
  font-family: var(--iqv-font);
  color: var(--quick-text);
}
.iqv-overlay button {
  font-family: inherit;
}

/* ==========================================================================
   Body scroll lock — position:fixed pins the page behind (JS stores/restores
   the offset). overscroll-behavior on the inner scroll stops chaining.
   ========================================================================== */
html.iqv-lock {
  overflow: hidden !important;
}
html.iqv-lock body {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  overflow: hidden !important;
}

/* ==========================================================================
   Overlay + backdrop
   ========================================================================== */
.iqv-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--iqv-z);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.32s ease;
}
.iqv-overlay.is-open {
  opacity: 1;
  pointer-events: auto;
}
.iqv-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(12, 14, 18, 0.55);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.iqv-modal {
  /* purely semantic (role=dialog); the sheet positions itself */
  display: block;
}

/* ==========================================================================
   The sheet — fixed, bottom-anchored, translateY driven by --iqv-y (px).
   States (classes toggled by JS):
     .is-collapsed  → preview detent, inner scroll disabled
     .is-expanded   → full-detail detent, inner scroll enabled
     .iqv-animate   → enable the snap transition (removed while dragging)
   ========================================================================== */
.iqv-sheet {
  position: fixed;
  left: 50%;
  bottom: var(--iqv-bottom, 0px);
  width: calc(100% - 20px);
  max-width: 480px;
  height: var(--iqv-h, 60vh);
  max-height: 96dvh;
  background: var(--quick-bg);
  border-radius: var(--quick-radius);
  box-shadow: var(--iqv-shadow-lg);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* --iqv-slide slides the whole card down off-screen when closed. Detents
     are done by growing/shrinking HEIGHT (anchored at --iqv-bottom): the
     collapsed card is short and floats above the dock; the expanded card
     grows up + down to fill the screen. */
  transform: translateX(-50%) translateY(var(--iqv-slide, 110%));
  will-change: height, transform;
}
.iqv-sheet.iqv-animate {
  transition: height 0.44s cubic-bezier(0.22, 1, 0.36, 1),
    bottom 0.44s cubic-bezier(0.22, 1, 0.36, 1),
    border-radius 0.3s ease,
    transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
/* When fully expanded, square off the bottom corners (it meets the screen edge). */
.iqv-sheet.is-expanded {
  border-radius: var(--quick-radius) var(--quick-radius) 0 0;
}

/* Grabber (drag handle) */
.iqv-grabber {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  cursor: grab;
  touch-action: none;
}
.iqv-grabber__bar {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: var(--quick-border);
  transition: background 0.2s ease;
}
.iqv-sheet.is-expanded .iqv-grabber__bar {
  background: #d8cfc2;
}

/* Scroll container — disabled when collapsed, enabled when expanded */
.iqv-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.iqv-sheet.is-expanded .iqv-scroll {
  overflow-y: auto;
}

/* Horizontal pager — translated during a product swipe. position:relative so
   child offsets (used to size the collapsed detent) are measured against it. */
.iqv-pager {
  position: relative;
  will-change: transform;
}
.iqv-pager.iqv-animate {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* ==========================================================================
   Hero (image) area — top of the sheet content
   ========================================================================== */
.iqv-hero {
  position: relative;
  flex: 0 0 auto;
  height: 30vh;
  height: 30dvh;
  min-height: 210px;
  max-height: 360px;
  overflow: hidden;
  background: #f2ede6;
  touch-action: pan-y;
  transition: height 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.iqv-sheet.is-expanded .iqv-hero {
  height: 26dvh;
  min-height: 190px;
}

/* Collapsed = a compact PREVIEW: hide the secondary copy so image + title +
   variants + price/ADD fit without a giant sheet. They reveal on expand. */
.iqv-sheet.is-collapsed .iqv-explore,
.iqv-sheet.is-collapsed .iqv-subtitle,
.iqv-sheet.is-collapsed .iqv-qty {
  display: none !important;
}
.iqv-hero__track {
  position: absolute;
  inset: 0;
}
.iqv-hero__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.iqv-hero__slide.is-active {
  opacity: 1;
}
.iqv-hero__gradient {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 38%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 100%);
  pointer-events: none;
}
.iqv-hero__top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 12px 14px 0;
  z-index: 3;
}
.iqv-hero__actions {
  display: flex;
  gap: 8px;
}
.iqv-icon-btn {
  appearance: none;
  border: none;
  cursor: pointer;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: var(--iqv-shadow-sm);
  color: var(--quick-text);
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.iqv-icon-btn:active {
  transform: scale(0.9);
}
.iqv-icon-btn:focus-visible,
.iqv-variant-card:focus-visible,
.iqv-thumb:focus-visible,
.iqv-add-btn:focus-visible,
.iqv-explore:focus-visible {
  outline: 2px solid var(--quick-blue);
  outline-offset: 2px;
}
.iqv-icon-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}
.iqv-icon-btn.wishlist:not(.addto-wishlist) {
  background: var(--quick-blue);
  color: #fff;
}
.iqv-icon-btn.wishlist .iqv-heart-fill {
  display: none;
}
.iqv-icon-btn.wishlist:not(.addto-wishlist) .iqv-heart-outline {
  display: none;
}
.iqv-icon-btn.wishlist:not(.addto-wishlist) .iqv-heart-fill {
  display: block;
}
.iqv-hero__meta {
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: flex;
  gap: 8px;
  z-index: 3;
}
.iqv-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: rgba(15, 59, 46, 0.68);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  white-space: nowrap;
}
.iqv-hero__dots {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(15, 24, 20, 0.32);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.iqv-dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.6);
  transition: width 0.25s ease, background 0.25s ease;
  cursor: pointer;
}
.iqv-dot.is-active {
  width: 16px;
  background: #fff;
}

/* ==========================================================================
   Preview block (the collapsed content)
   ========================================================================== */
.iqv-preview {
  padding: 12px 16px 16px;
  background: var(--quick-bg);
}

/* Circular product carousel = OTHER products from the same grid.
   Fixed at the bottom, floating on the dimmed backdrop BELOW the collapsed
   card. Fades out when the sheet is expanded (it grows down to cover it). */
.iqv-dock {
  position: fixed;
  left: 50%;
  bottom: calc(14px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: calc(100% - 20px);
  max-width: 480px;
  z-index: 0;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.iqv-overlay:not(.is-open) .iqv-dock,
.iqv-sheet.is-expanded ~ .iqv-dock {
  opacity: 0;
  pointer-events: none;
}
.iqv-dock__rail {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  padding: 8px 22px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.iqv-dock__rail::-webkit-scrollbar {
  display: none;
}
.iqv-thumb {
  appearance: none;
  border: none;
  cursor: pointer;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
  background: var(--iqv-page-bg);
  opacity: 0.5;
  transform: scale(0.86);
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease, box-shadow 0.22s ease;
  scroll-snap-align: center;
}
.iqv-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.iqv-thumb.is-active {
  opacity: 1;
  transform: scale(1.14);
  box-shadow: 0 0 0 2.5px #fff, 0 4px 12px rgba(15, 24, 20, 0.4);
}

.iqv-explore {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--quick-blue);
  text-decoration: none;
  margin-bottom: 8px;
}
.iqv-explore svg {
  width: 13px;
  height: 13px;
}
.iqv-title {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 4px;
  letter-spacing: -0.1px;
}
.iqv-subtitle {
  font-size: 13.5px;
  color: var(--quick-muted);
  line-height: 1.5;
  margin: 0 0 8px;
}
.iqv-qty {
  font-size: 13px;
  font-weight: 500;
  color: var(--quick-muted);
  margin: 0 0 14px;
}

/* Variant cards */
.iqv-variants {
  margin-bottom: 14px;
}
.iqv-variants__label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--quick-muted);
  margin: 0 0 8px;
}
.iqv-variants__rail {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}
.iqv-variants__rail::-webkit-scrollbar {
  display: none;
}
.iqv-variant-card {
  appearance: none;
  cursor: pointer;
  flex: 0 0 auto;
  min-width: 76px;
  text-align: center;
  background: #fff;
  border: 1.5px solid var(--quick-border);
  border-radius: 14px;
  padding: 8px 12px;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.15s ease;
}
.iqv-variant-card:active {
  transform: scale(0.96);
}
.iqv-variant-card__title {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--quick-text);
  white-space: nowrap;
}
.iqv-variant-card__price {
  display: block;
  font-size: 11.5px;
  color: var(--quick-muted);
  margin-top: 2px;
  white-space: nowrap;
}
.iqv-variant-card.is-selected {
  border-color: var(--quick-blue);
  background: rgba(15, 59, 46, 0.06);
}
.iqv-variant-card.is-selected .iqv-variant-card__title,
.iqv-variant-card.is-selected .iqv-variant-card__price {
  color: var(--quick-blue-dark);
}
.iqv-variant-card.is-soldout {
  opacity: 0.5;
  cursor: not-allowed;
}
.iqv-variant-card.is-soldout .iqv-variant-card__title {
  text-decoration: line-through;
}

/* Price + ADD — one inline row */
.iqv-buybar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 -16px;
  padding: 14px 16px;
  border-top: 1px solid var(--quick-border);
  border-bottom: 1px solid var(--quick-border);
}
.iqv-buybar__info {
  flex: 1 1 auto;
  min-width: 0;
}
.iqv-discount-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 800;
  color: var(--quick-green);
  margin-bottom: 4px;
}
.iqv-price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.iqv-price {
  font-size: 22px;
  font-weight: 800;
  color: var(--quick-text);
  letter-spacing: -0.2px;
}
.iqv-compare-price {
  font-size: 14px;
  font-weight: 500;
  color: var(--quick-muted);
  text-decoration: line-through;
}
.iqv-unit-price {
  display: block;
  font-size: 12px;
  color: var(--quick-muted);
  margin-top: 3px;
}
.iqv-add-btn {
  appearance: none;
  border: none;
  cursor: pointer;
  flex: 0 0 auto;
  min-width: 128px;
  height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--quick-blue);
  color: #fff;
  font-size: 14.5px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 8px 20px rgba(15, 59, 46, 0.3);
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.iqv-add-btn:active {
  transform: scale(0.97);
}
.iqv-add-btn:hover {
  background: var(--quick-blue-dark);
}
.iqv-add-btn.is-added {
  background: var(--quick-green);
  box-shadow: 0 8px 20px rgba(31, 110, 84, 0.3);
}
.iqv-add-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
  transform: none;
}
.iqv-add-btn.is-soldout {
  background: #b9bec7;
  box-shadow: none;
}
.iqv-add-btn__spinner {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  animation: iqv-spin 0.7s linear infinite;
  display: none;
}
.iqv-add-btn.is-loading .iqv-add-btn__spinner {
  display: inline-block;
}
.iqv-add-btn.is-loading .iqv-add-btn__label {
  display: none;
}
@keyframes iqv-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Payment offers card */
.iqv-offer-card {
  background: var(--iqv-page-bg);
  border: 1px solid var(--quick-border);
  border-radius: 14px;
  padding: 12px 14px;
  margin: 16px 0 0;
}
.iqv-offer-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 700;
  color: var(--quick-text);
}
.iqv-offer-card__header svg {
  width: 14px;
  height: 14px;
  color: var(--quick-muted);
}
.iqv-offer-card__row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--quick-border);
  font-size: 12.5px;
  font-weight: 700;
  color: var(--quick-green);
}
.iqv-offer-card__row svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}

/* ==========================================================================
   Expanded "full detail" — the injected real product page
   ========================================================================== */
.iqv-detail {
  background: var(--quick-bg);
  border-top: 8px solid var(--iqv-page-bg);
  min-height: 40vh;
}
.iqv-detail__hint {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 18px 16px;
  color: var(--quick-blue);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.iqv-detail__hint svg {
  width: 20px;
  height: 20px;
  animation: iqv-bob 1.8s ease-in-out infinite;
}
@keyframes iqv-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.iqv-sheet.is-expanded .iqv-detail__hint {
  display: none;
}
.iqv-detail__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
.iqv-detail__content {
  padding: 0 0 40px;
}
/* The popup is MOBILE-ONLY, so the injected product page renders with its own
   mobile CSS at the phone's (narrow) viewport — i.e. it already lays out in a
   single column with the correct alignment, exactly like the real page. We do
   NOT force any layout here; we only (a) cap media so nothing overflows the
   sheet, and (b) hide the site chrome + the duplicate gallery. */
.iqv-detail__content img,
.iqv-detail__content video,
.iqv-detail__content iframe,
.iqv-detail__content svg {
  max-width: 100% !important;
  height: auto;
}
/* Our preview already shows the hero image + title + price + add-to-cart, so
   hide the product page's own gallery to avoid showing the image twice. */
.iqv-detail__content .hov-media {
  display: none !important;
}
/* Hide chrome that doesn't belong inside the sheet (nav/sticky bars, the
   duplicate breadcrumb, floating widgets pulled in with the page). */
.iqv-detail__content .breadcrumb,
.iqv-detail__content .stickyCart,
.iqv-detail__content .sprnav,
.iqv-detail__content #site-scroll,
.iqv-detail__content .mobile-toolbar,
.iqv-detail__content .shopify-section-header,
.iqv-detail__content [id*="shopify-section-footer"] {
  display: none !important;
}

/* ==========================================================================
   Loading / error (over the sheet)
   ========================================================================== */
.iqv-skeleton,
.iqv-error {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: var(--quick-bg);
  border-radius: var(--quick-radius) var(--quick-radius) 0 0;
  display: none;
}
.iqv-skeleton {
  align-items: center;
  justify-content: center;
}
.iqv-sheet.is-loading .iqv-skeleton {
  display: flex;
}
.iqv-sheet.has-error .iqv-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
}
.iqv-skeleton__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--quick-border);
  margin: 0 4px;
  animation: iqv-bounce 1s infinite ease-in-out both;
  display: inline-block;
}
.iqv-skeleton__dot:nth-child(2) { animation-delay: 0.15s; }
.iqv-skeleton__dot:nth-child(3) { animation-delay: 0.3s; }
@keyframes iqv-bounce {
  0%, 80%, 100% { transform: scale(0.6); opacity: 0.5; }
  40% { transform: scale(1); opacity: 1; }
}
.iqv-error p {
  color: var(--quick-muted);
  font-size: 13.5px;
  margin: 10px 0 16px;
}
.iqv-error button {
  appearance: none;
  border: none;
  cursor: pointer;
  background: var(--quick-blue);
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 10px 20px;
  border-radius: 10px;
}

/* ==========================================================================
   Standalone trigger card — snippets/instamart-quick-product-card.liquid
   (unchanged; distinct from the sheet)
   ========================================================================== */
.iqv-card {
  font-family: var(--iqv-font);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  background: var(--quick-bg);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--quick-border);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  text-decoration: none;
  color: inherit;
}
.iqv-card:hover {
  box-shadow: var(--iqv-shadow-sm);
  transform: translateY(-2px);
}
.iqv-card:focus-visible {
  outline: 2px solid var(--quick-blue);
  outline-offset: 2px;
}
.iqv-card__image {
  position: relative;
  aspect-ratio: 1 / 1;
  background: var(--iqv-page-bg);
}
.iqv-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.iqv-card__image-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #eef0f3 25%, #e4e7eb 37%, #eef0f3 63%);
  background-size: 400% 100%;
  animation: iqv-shimmer 1.4s ease infinite;
}
@keyframes iqv-shimmer {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}
.iqv-card__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background: var(--quick-green);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 8px;
  border-radius: 999px;
}
.iqv-card__badge--soldout {
  background: #4a4f58;
}
.iqv-card--soldout .iqv-card__image img {
  opacity: 0.5;
}
.iqv-card__body {
  padding: 10px 12px 12px;
}
.iqv-card__vendor {
  margin: 0 0 2px;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--quick-muted);
}
.iqv-card__title {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--quick-text);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.iqv-card__price-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}
.iqv-card__price {
  font-size: 14px;
  font-weight: 800;
  color: var(--quick-text);
}
.iqv-card__compare {
  font-size: 11.5px;
  color: var(--quick-muted);
  text-decoration: line-through;
}

/* ==========================================================================
   Tablet — same sheet, just a comfortable fixed width (not edge-to-edge).
   ========================================================================== */
@media (min-width: 760px) and (max-width: 989px) {
  .iqv-sheet {
    width: 440px;
  }
}

/* Desktop — this is a MOBILE-only experience. Never render the overlay here;
   the JS also stops intercepting product clicks at >= 990px so they navigate
   to the real product page. Belt-and-suspenders so it can't appear on desktop. */
@media (min-width: 990px) {
  .iqv-overlay {
    display: none !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .iqv-sheet,
  .iqv-pager,
  .iqv-hero__slide,
  .iqv-thumb,
  .iqv-dot,
  .iqv-add-btn,
  .iqv-detail__hint svg {
    transition: none !important;
    animation: none !important;
  }
}


/* ==========================================================================
   HOUSE OF VIYA — PREMIUM QUICK VIEW V3
   Paste this block at the VERY BOTTOM of instamart-quick-view.css
   ========================================================================== */

:root {
  --hov-forest: #0f3b2e;
  --hov-forest-deep: #0a2e24;
  --hov-cream: #fbf7f0;
  --hov-cream-2: #f5eee3;
  --hov-gold: #c79a3b;
  --hov-gold-deep: #9f7420;
  --hov-gold-soft: #f4e7c8;
  --hov-ink: #1e2925;
  --hov-muted: #77736d;
  --hov-line: rgba(80, 64, 42, 0.12);
}

/* Premium cinematic backdrop */
.iqv-overlay__backdrop {
  background:
    radial-gradient(circle at 50% 85%, rgba(199, 154, 59, 0.10), transparent 38%),
    rgba(7, 18, 14, 0.64);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  backdrop-filter: blur(12px) saturate(120%);
}

/* Luxury sheet */
.iqv-sheet {
  width: calc(100% - 16px);
  max-width: 500px;
  border-radius: 28px;
  background: var(--hov-cream);
  box-shadow:
    0 -1px 0 rgba(255, 255, 255, 0.52),
    0 -22px 70px rgba(5, 24, 18, 0.38);
}

.iqv-sheet.is-expanded {
  border-radius: 28px 28px 0 0;
}

.iqv-grabber {
  height: 20px;
  background: var(--hov-cream);
}

.iqv-grabber__bar {
  width: 42px;
  height: 4px;
  border-radius: 99px;
  background: #d8cdbd;
}

/* Image area */
.iqv-hero {
  height: clamp(245px, 34dvh, 330px);
  min-height: 0;
  max-height: none;
  background: #ffffff;
}

.iqv-sheet.is-expanded .iqv-hero {
  height: clamp(220px, 29dvh, 300px);
  min-height: 0;
}

.iqv-hero__slide {
  object-fit: contain;
  object-position: center;
  padding: 12px 16px 22px;
  background: #ffffff;
  transition: opacity 0.38s ease;
}

.iqv-hero__slide.is-active {
  transform: none;
}

.iqv-hero__gradient {
  height: 24%;
  background: linear-gradient(
    to bottom,
    rgba(8, 18, 14, 0) 0%,
    rgba(8, 18, 14, 0.08) 100%
  );
}

/* Hide the old rating chip from the image */
.iqv-hero__meta {
  display: none !important;
}

/* Premium glass actions */
.iqv-icon-btn {
  width: 40px;
  height: 40px;
  background: rgba(255, 252, 246, 0.90);
  color: var(--hov-forest);
  border: 1px solid rgba(255, 255, 255, 0.62);
  box-shadow:
    0 8px 24px rgba(7, 24, 18, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.iqv-icon-btn.wishlist:not(.addto-wishlist) {
  background: var(--hov-forest);
  color: #fff;
}

/* Elegant image pagination */
.iqv-hero__dots {
  bottom: 17px;
  gap: 5px;
  padding: 6px 9px;
  background: rgba(10, 28, 21, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.iqv-dot {
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.58);
}

.iqv-dot.is-active {
  width: 20px;
  background: #fff;
}

/* Product information floats over the image */
.iqv-preview {
  position: relative;
  z-index: 4;
  margin-top: -12px;
  padding: 18px 18px 16px;
  border-radius: 26px 26px 0 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.99) 0%, var(--hov-cream) 100%);
  box-shadow:
    0 -12px 34px rgba(22, 40, 33, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.90);
}

/* Editorial title */
.iqv-title {
  max-width: 94%;
  margin: 0 0 12px;
  color: var(--hov-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(21px, 5.2vw, 25px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.45px;
}

/* --------------------------------------------------------------------------
   PREMIUM REVIEW SUMMARY — directly below product title
   -------------------------------------------------------------------------- */
.iqv-review-summary {
  position: relative;
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0 0 17px;
  padding: 12px 13px;
  overflow: hidden;
  border: 1px solid rgba(181, 134, 36, 0.22);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 0%, rgba(199, 154, 59, 0.15), transparent 34%),
    linear-gradient(135deg, #fffdf8 0%, #f8f0df 100%);
  box-shadow:
    0 8px 22px rgba(104, 74, 18, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.90);
}

.iqv-review-summary::after {
  content: "";
  position: absolute;
  top: -18px;
  right: -12px;
  width: 76px;
  height: 76px;
  border: 1px solid rgba(199, 154, 59, 0.16);
  border-radius: 50%;
  pointer-events: none;
}

.iqv-review-summary__stars {
  color: var(--hov-gold);
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1.4px;
  white-space: nowrap;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.iqv-review-summary__score {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 28px;
  padding: 0 8px !important;
  border: 1px solid rgba(181, 134, 36, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--hov-gold-deep) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.iqv-review-summary__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 1px;
}

.iqv-review-summary__eyebrow {
  color: var(--hov-gold-deep);
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}

.iqv-review-summary__label {
  color: #6e6559;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.3;
}

.iqv-review-summary__arrow {
  position: relative;
  z-index: 1;
  color: var(--hov-gold-deep);
  font-family: Georgia, serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}

/* Fallback: when only the OLD data-iqv-rating chip exists,
   visually add golden stars. */
.iqv-preview > .iqv-chip--rating {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 15px;
  padding: 10px 13px;
  border: 1px solid rgba(181, 134, 36, 0.22);
  border-radius: 14px;
  background: linear-gradient(135deg, #fffdf8, #f7ecd5);
  color: var(--hov-gold-deep);
}

.iqv-preview > .iqv-chip--rating::before {
  content: "★★★★★";
  color: var(--hov-gold);
  font-size: 13px;
  letter-spacing: 1.4px;
}

/* Secondary copy */
.iqv-subtitle {
  color: var(--hov-muted);
  font-size: 13px;
  line-height: 1.55;
  margin: -5px 0 13px;
}

.iqv-qty {
  color: #8b857d;
  font-size: 12px;
  margin: 0 0 15px;
}

/* Premium variant selector */
.iqv-variants {
  margin-bottom: 16px;
}

.iqv-variants__label {
  margin: 0 0 9px;
  color: #796f62;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.25px;
}

.iqv-variants__rail {
  gap: 8px;
  padding: 1px 1px 4px;
}

.iqv-variant-card {
  min-width: 82px;
  padding: 10px 13px;
  border: 1px solid rgba(71, 64, 54, 0.12);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 4px 12px rgba(57, 45, 28, 0.04);
}

.iqv-variant-card__title {
  color: var(--hov-ink);
  font-size: 12.5px;
  font-weight: 700;
}

.iqv-variant-card__price {
  margin-top: 3px;
  color: #8b8378;
  font-size: 10.5px;
}

.iqv-variant-card.is-selected {
  border-color: rgba(15, 59, 46, 0.85);
  background: linear-gradient(180deg, #f8fbf9, #edf4f0);
  box-shadow:
    0 0 0 1px rgba(15, 59, 46, 0.08),
    0 7px 16px rgba(15, 59, 46, 0.08);
}

.iqv-variant-card.is-selected .iqv-variant-card__title {
  color: var(--hov-forest);
}

/* Premium purchase card */
.iqv-buybar {
  position: relative;
  gap: 12px;
  margin: 4px 0 0;
  padding: 13px;
  border: 1px solid var(--hov-line);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.96), rgba(247,241,231,0.92));
  box-shadow:
    0 12px 26px rgba(45, 35, 20, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.iqv-discount-badge {
  margin-bottom: 4px;
  color: var(--hov-gold-deep);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.55px;
  text-transform: uppercase;
}

.iqv-price-row {
  gap: 7px;
}

.iqv-price {
  color: var(--hov-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.iqv-compare-price {
  color: #9d978f;
  font-size: 12px;
}

.iqv-unit-price {
  color: #938b80;
  font-size: 10.5px;
}

/* Luxury forest green CTA */
.iqv-add-btn {
  min-width: 128px;
  height: 50px;
  padding: 0 22px;
  border-radius: 15px;
  background: linear-gradient(145deg, var(--hov-forest), var(--hov-forest-deep));
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.4px;
  box-shadow:
    0 12px 24px rgba(15, 59, 46, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.13);
}

.iqv-add-btn:hover {
  background: linear-gradient(145deg, #164c3b, #0a2e24);
}

.iqv-add-btn:active {
  transform: translateY(1px) scale(0.985);
  box-shadow:
    0 6px 14px rgba(15, 59, 46, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.iqv-add-btn.is-added {
  background: linear-gradient(145deg, #2d7d62, #1f654f);
}

/* Refined offer card */
.iqv-offer-card {
  margin-top: 13px;
  padding: 13px 14px;
  border: 1px solid rgba(199, 154, 59, 0.15);
  border-radius: 16px;
  background: rgba(255, 252, 246, 0.80);
}

.iqv-offer-card__header {
  color: var(--hov-ink);
  font-size: 12px;
}

.iqv-offer-card__row {
  color: var(--hov-forest);
  border-top-color: rgba(80, 64, 42, 0.10);
  font-size: 11.5px;
}

/* Product dock */
.iqv-dock__rail {
  gap: 13px;
  padding: 9px 24px;
}

.iqv-thumb {
  width: 48px;
  height: 48px;
  background: #f8f1e6;
  border: 1px solid rgba(255,255,255,0.55);
  opacity: 0.52;
}

.iqv-thumb.is-active {
  opacity: 1;
  transform: scale(1.12);
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 4px rgba(199, 154, 59, 0.76),
    0 10px 24px rgba(7, 24, 18, 0.34);
}

/* Expanded page transition */
.iqv-detail {
  border-top: 7px solid #f2eadf;
  background: var(--hov-cream);
}

/* Small phone tuning */
@media (max-width: 380px) {
  .iqv-preview {
    padding-left: 15px;
    padding-right: 15px;
  }

  .iqv-title {
    font-size: 21px;
  }

  .iqv-review-summary {
    gap: 7px;
    padding: 10px;
  }

  .iqv-review-summary__stars {
    font-size: 12px;
    letter-spacing: 0.9px;
  }

  .iqv-review-summary__label {
    font-size: 10.5px;
  }

  .iqv-add-btn {
    min-width: 116px;
    padding: 0 18px;
  }
}


/* ==========================================================================
   HOUSE OF VIYA — FINAL FLOW AND RESPONSIVE FIXES
   This section intentionally contains only the final behaviour overrides.
   ========================================================================== */

/* Let JavaScript own the actual collapsed and expanded sheet heights. */
.iqv-sheet.is-collapsed,
.iqv-sheet.is-expanded {
  min-height: 0 !important;
}

/* The product must remain fully visible regardless of source-image ratio. */
.iqv-hero__slide {
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* Keep pagination readable over white and light product photographs. */
.iqv-hero__dots {
  bottom: 14px;
  background: rgba(15, 59, 46, 0.82);
  border-color: rgba(255, 255, 255, 0.42);
}

/* Compact rating treatment: the JavaScript currently fills only the score. */
.iqv-review-summary {
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  min-height: 0;
  gap: 0;
  margin: 0 0 13px;
  padding: 7px 10px;
  border-radius: 999px;
  overflow: visible;
  box-shadow: none;
}

.iqv-review-summary::after,
.iqv-review-summary__stars,
.iqv-review-summary__copy,
.iqv-review-summary__arrow {
  display: none !important;
}

.iqv-review-summary__score {
  min-width: 0;
  height: auto;
  padding: 0 !important;
  border: 0;
  background: transparent !important;
  font-size: 12px !important;
}

/* Clearer hierarchy and less vertical crowding in the opening state. */
.iqv-sheet.is-collapsed .iqv-preview {
  padding-top: 17px;
  padding-bottom: 15px;
}

.iqv-sheet.is-collapsed .iqv-title {
  margin-bottom: 10px;
}

.iqv-sheet.is-collapsed .iqv-variants {
  margin-bottom: 12px;
}

/* Clean price font, including the rupee symbol. */
.iqv-price {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.3px !important;
}

/* Avoid the purchase row overflowing on narrow phones. */
@media (max-width: 420px) {
  .iqv-buybar {
    gap: 10px;
    padding: 11px;
  }

  .iqv-add-btn {
    min-width: 112px;
    height: 48px;
    padding: 0 16px;
    font-size: 12px;
  }

  .iqv-price {
    font-size: 22px;
  }
}

/* Short phones need a shorter image, not a taller forced popup. */
@media (max-height: 700px) {
  .iqv-hero,
  .iqv-sheet.is-collapsed .iqv-hero {
    height: clamp(205px, 30dvh, 255px);
    min-height: 0;
    max-height: none;
  }

  .iqv-sheet.is-expanded .iqv-hero {
    height: clamp(190px, 26dvh, 230px);
  }

  .iqv-hero__slide {
    padding: 9px 13px 17px;
  }

  .iqv-preview,
  .iqv-sheet.is-collapsed .iqv-preview {
    padding-top: 14px;
    padding-bottom: 13px;
  }

  .iqv-title {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .iqv-review-summary {
    margin-bottom: 10px;
  }
}

/* Very narrow devices. */
@media (max-width: 360px) {
  .iqv-sheet {
    width: calc(100% - 12px);
  }

  .iqv-preview {
    padding-left: 14px;
    padding-right: 14px;
  }

  .iqv-hero__slide {
    padding-left: 10px;
    padding-right: 10px;
  }

  .iqv-add-btn {
    min-width: 104px;
    padding: 0 13px;
    letter-spacing: 1px;
  }
  /* ==========================================================
   BIGGER INSTAMART QUICK VIEW — FINAL OVERRIDE
   Paste at the absolute bottom of instamart-quick-view.css
   ========================================================== */

/* Make the complete popup slightly wider */
.iqv-sheet {
  width: calc(100% - 8px) !important;
  max-width: 520px !important;
}

/* Slightly larger opening image area */
.iqv-sheet.is-collapsed .iqv-hero {
  height: clamp(250px, 34dvh, 325px) !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Make the product appear slightly larger inside the white area */
.iqv-sheet.is-collapsed .iqv-hero__slide {
  padding: 0 8px 10px !important;
  object-fit: contain !important;
  object-position: center !important;
}

.iqv-sheet.is-collapsed .iqv-hero__slide.is-active {
  transform: scale(1.07) !important;
}

/* Better transition between image and information */
.iqv-sheet.is-collapsed .iqv-preview {
  margin-top: -14px !important;
  padding: 18px 18px 17px !important;
  border-radius: 25px 25px 0 0 !important;
}

/* Limit long product titles to three lines */
.iqv-sheet.is-collapsed .iqv-title {
  display: -webkit-box !important;
  max-width: 100% !important;
  margin: 0 0 9px !important;
  overflow: hidden !important;

  font-size: clamp(20px, 5.2vw, 24px) !important;
  line-height: 1.17 !important;

  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Show a short two-line product description */
.iqv-sheet.is-collapsed .iqv-subtitle {
  display: -webkit-box !important;
  margin: 0 0 11px !important;
  overflow: hidden !important;

  color: #746f68 !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;

  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Quantity is less important in the initial view */
.iqv-sheet.is-collapsed .iqv-qty {
  display: none !important;
}

/* Keep the rating compact */
.iqv-sheet.is-collapsed .iqv-review-summary {
  margin-bottom: 10px !important;
}

/* Keep variants compact */
.iqv-sheet.is-collapsed .iqv-variants {
  margin-bottom: 11px !important;
}

/* Make the price and button clearly visible */
.iqv-sheet.is-collapsed .iqv-buybar {
  display: flex !important;
  margin-top: 10px !important;
  padding: 12px !important;
  border-radius: 17px !important;
}

/* Price styling */
.iqv-sheet.is-collapsed .iqv-price {
  font-size: 23px !important;
  line-height: 1.1 !important;
}

/* Add button */
.iqv-sheet.is-collapsed .iqv-add-btn {
  min-width: 122px !important;
  height: 49px !important;
}

/* Short mobile screens */
@media (max-height: 700px) {
  .iqv-sheet.is-collapsed .iqv-hero {
    height: clamp(215px, 30dvh, 260px) !important;
  }

  .iqv-sheet.is-collapsed .iqv-title {
    font-size: 20px !important;
    -webkit-line-clamp: 2;
  }

  .iqv-sheet.is-collapsed .iqv-subtitle {
    -webkit-line-clamp: 1;
  }
}

/* Narrow mobile screens */
@media (max-width: 380px) {
  .iqv-sheet {
    width: calc(100% - 6px) !important;
  }

  .iqv-sheet.is-collapsed .iqv-preview {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .iqv-sheet.is-collapsed .iqv-add-btn {
    min-width: 108px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
/* ==========================================================
   REAL SWIPEABLE PRODUCT IMAGE GALLERY
   Paste at the absolute bottom of instamart-quick-view.css
   ========================================================== */

.iqv-hero {
  overflow: hidden !important;
  touch-action: pan-y !important;
}

.iqv-hero__track {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate3d(0, 0, 0);
  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform;
}

.iqv-hero__track.is-dragging {
  transition: none !important;
}

.iqv-hero__slide {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(1.04) !important;
  transition: none !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}

.iqv-hero__gradient {
  z-index: 1;
}

.iqv-hero__top,
.iqv-hero__dots {
  z-index: 3 !important;
}

.iqv-hero__dots:not([hidden]) {
  display: flex !important;
}

@media (prefers-reduced-motion: reduce) {
  .iqv-hero__track {
    transition-duration: 0.01ms !important;
  }
}

/* ==========================================================
   VIEW FULL PRODUCT DETAILS — CENTER BUTTON
   Keep this at the absolute bottom of the CSS file
   ========================================================== */

/* Center the button container */
#InstamartQuickViewRoot .iqv-inline-detail > p:last-of-type {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  margin: 24px 0 10px !important;
  padding: 0 16px !important;

  text-align: center !important;
}

/* Style the dynamically generated product-details link */
#InstamartQuickViewRoot
  .iqv-inline-detail
  > p:last-of-type
  > a.iqv-explore,
#InstamartQuickViewRoot
  .iqv-detail__content
  a.iqv-explore[data-iqv-ignore] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: min(100%, 280px) !important;
  min-height: 52px !important;
  margin: 0 auto !important;
  padding: 14px 24px !important;

  border: 1px solid #0f3b2e !important;
  border-radius: 15px !important;

  background: #0f3b2e !important;
  color: #ffffff !important;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.5px !important;

  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;

  box-sizing: border-box !important;
  box-shadow: 0 10px 22px rgba(15, 59, 46, 0.22) !important;

  transition:
    background 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

#InstamartQuickViewRoot
  .iqv-detail__content
  a.iqv-explore[data-iqv-ignore]:hover {
  background: #174d3c !important;
  color: #ffffff !important;
}

#InstamartQuickViewRoot
  .iqv-detail__content
  a.iqv-explore[data-iqv-ignore]:active {
  transform: scale(0.97) !important;
  box-shadow: 0 5px 12px rgba(15, 59, 46, 0.18) !important;
}

/* Full-width button on small phones */
@media (max-width: 380px) {
  #InstamartQuickViewRoot
    .iqv-detail__content
    a.iqv-explore[data-iqv-ignore] {
    width: 100% !important;
  }
}