/** Shopify CDN: Minification failed

Line 560:13 Unexpected "{"
Line 560:22 Expected ":"

**/
button.button.button.add-to-cart-button.custom-buy-now {
    width: 100%;
}

.custom-main-product .group-block .group-block-content .spacing-style h4 {
    color: #000 !important;
}
.product-recommendations .price {
  color: #2c5f2e !important;
}
 

.custom-main-product button.button.button.add-to-cart-button.custom-buy-now {
    width: auto;
}
.jdgm-review-widget a.jdgm-write-rev-link{
    width: fit-content;
}
.custom-main-product .custom-accordion.section{
    display:block;
    width:100%;
}
.resource-list__carousel .resource-list__slide {
    width: 24.3% !important;
}

.surati-container .surati-content {
    flex: 1;
    text-align: center;
    padding: 0;
}
@media(max-width:767px){
.resource-list__carousel .resource-list__slide {
    width: 49.3% !important;
}
}

.resource-list.force-full-width.resource-list__carousel{
    max-width:1440px;
    margin:auto;
}
    
@media screen and (max-width:767px){
.shipping-faq .faq-item .faq-question{
    padding: 18px 2px;
}
.timeline-grid .timeline-box{
    padding: 25px 2px;
}
.section.section--page-width.slider_box_mobile .slick-prev.slick-arrow{
    top:30%;
}
.section.section--page-width.slider_box_mobile .slick-next.slick-arrow{
    top:30%;
}
}

#quinn-lite-cards-1.quinn_cards{
    padding: 0px !important;
}

slideshow-component[ref="collectionListMobile"] slideshow-container .slideshow-control--previous{
    margin-top: -45px;
}
slideshow-component[ref="collectionListMobile"] slideshow-container .slideshow-control--next{
    margin-top: -45px;
}


.bride-right .inner_box .mobile-view-only .product-card{
    margin-right: 10px ; 
}


.bride-right .inner_box .mobile-view-only .product-card.view-all-mobile.slick-slide{
    position:absolute;
    right:0px;
}

.damage-flow .step-list .step-item {
    /* padding: 18px; */
    gap:12px;
}
.damage-flow .step-list .step-item .step-num{
    min-width:42px;
}
.announcement-wrapper .announcement-right .countdown{
    display: none;
}

.cart-drawer__summary .cart-totals .cart-actions{
    display: none;
}

.cart-items__table .cart-items__unit-price-wrapper{
    display: none;
}

.contents.user-select-text .product-title{
 text-align: left !important;
}

.price-wrapper .price .money{
    letter-spacing: normal;
}

.footer-contact p{
    font-size: 14px ;
}

.template-blog .blog-post-card__content .h6{
        font-family: Cormorant, serif !important;
        letter-spacing: 0;
    text-transform: unset;
    font-size: 20px;
}

/* ============================================================
   BATCH 1 CRITICAL FIXES — Visual Audit 2026-06
   ============================================================ */

/* ----------------------------------------------------------
   G1 — Mobile nav: hide desktop nav row at ≤768px (extends
   Horizon's 749px breakpoint to cover 768px tablet)
   ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  /* Hide the horizontal navigation bar row */
  .header__navigation-bar-row {
    display: none !important;
  }

  /* Ensure the hamburger drawer button is always visible */
  .header__drawer,
  .header__icon--menu,
  .header__icon--summary {
    display: flex !important;
    visibility: visible !important;
  }

  /* Prevent header right-zone icon cluster overflow */
  .header-actions {
    gap: 4px !important;
  }

  /* Move currency/localization out of mobile header cluster;
     it lives in the drawer instead */
  .header__row--top .dropdown-localization {
    display: none !important;
  }
}

/* ----------------------------------------------------------
   G2 — Footer: force single-column stacking at ≤768px.
   The Horizon theme uses vertical_on_mobile but its breakpoint
   is 749px; this extends it to 768px for tablet viewports.
   ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .top_footer {
    flex-direction: column !important;
    gap: 32px !important;
  }

  .top_footer > * {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ----------------------------------------------------------
   C2 — Announcement bar: prevent 8px horizontal overflow
   at 768px caused by .announcement-right fixed sizing
   ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .announcement_container,
  .announcement-bar.section {
    overflow: hidden !important;
    max-width: 100vw !important;
  }

  .announcement-wrapper {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .announcement-right {
    display: none !important;
  }
}

/* ----------------------------------------------------------
   H1 / H2 — Quinn Instagram / Shoppable Reel widget:
   Collapse the section entirely when the embed fails to load
   (grey placeholder boxes). The widget injects .quinn_cards;
   we hide the surrounding section container.
   ---------------------------------------------------------- */
.quinn_cards:empty,
.quinn_cards:not(:has(img)):not(:has(video)):not(:has(iframe)) {
  display: none !important;
}

/* Collapse parent section when Quinn widget renders no content */
section:has(.quinn_cards:empty),
.shopify-section:has(.quinn_cards:empty) {
  display: none !important;
  min-height: 0 !important;
}

/* Interim: cap widget section height so blank placeholder
   boxes never exceed one row height  */
#quinn-lite-cards-1.quinn_cards {
  padding: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* ----------------------------------------------------------
   O3 — About Us: ensure 2-column origin grid stacks to
   single column on mobile (custom-about-us.liquid already
   has a 900px breakpoint; this extends to 768px to be safe)
   ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .origin-inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .founders-cards-grid {
    grid-template-columns: 1fr !important;
  }

  .promise-flex-grid {
    flex-direction: column !important;
    gap: 32px !important;
  }
}

/* ----------------------------------------------------------
   O4 — About Us: restore footer visibility on mobile.
   The footer was hidden at ≤480px by an inherited overflow
   or display rule on the page wrapper.
   ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .template-page .shopify-section:last-of-type,
  .template-page footer,
  .pataaree-about-page ~ .shopify-section {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    visibility: visible !important;
  }
}

/* ----------------------------------------------------------
   G3 (partial) — Announcement bar: centre text at all sizes
   ---------------------------------------------------------- */
.announcement-bar__slides {
  text-align: center;
}

.text-block .announcement-bar__text {
  text-align: center !important;
}

/* ============================================================
   BATCH 2 HIGH FIXES — Visual Audit 2026-06
   ============================================================ */

/* ----------------------------------------------------------
   G6 — Sticky header: hide announcement bar after scroll to
   recover ~40px of viewport height on laptops
   ---------------------------------------------------------- */
.announcement_container {
  transition: max-height 0.3s ease, opacity 0.3s ease;
  max-height: 80px;
  overflow: hidden;
}

body.scrolled-down .announcement_container {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

/* ----------------------------------------------------------
   H6 — CHOOSE YOUR OCCASION (carousel): ensure tiles stack
   to 2-col on mobile. Horizon's carousel already handles
   mobile_columns:2 but we reinforce with explicit CSS.
   ---------------------------------------------------------- */
@media screen and (max-width: 480px) {
  .collection-list-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ----------------------------------------------------------
   H7 — UGC / #MYPATAAREEMOMENT: cap at 2-col on mobile
   ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ----------------------------------------------------------
   H8 — FROM THE JOURNAL blog cards: 1-col on mobile
   (featured-blog-posts already has carousel_on_mobile:true
   but we add a CSS fallback)
   ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .featured-blog-posts .blog-posts-container,
  .featured-blog-posts [class*="grid"] {
    grid-template-columns: 1fr !important;
  }
}

/* ----------------------------------------------------------
   C9 — Grid view toggle: ensure active state matches columns
   (JS-driven but add CSS to reflect current state visually)
   ---------------------------------------------------------- */
[data-grid-density="1"] .collection__grid {
  grid-template-columns: 1fr !important;
}
[data-grid-density="2"] .collection__grid,
[data-grid-density="2"] [class*="product-grid"] {
  grid-template-columns: repeat(2, 1fr) !important;
}
[data-grid-density="4"] .collection__grid,
[data-grid-density="4"] [class*="product-grid"] {
  grid-template-columns: repeat(4, 1fr) !important;
}

/* ----------------------------------------------------------
   C11 — Anomalous red/orange top border on last product row
   ---------------------------------------------------------- */
.product-card:last-child,
.product-card:nth-last-child(-n+4) {
  border-top: none !important;
}

/* ----------------------------------------------------------
   P10 — Product count: ensure count is visible at all sizes
   ---------------------------------------------------------- */
.collection__product-count,
[class*="product-count"],
.products-count {
  display: block !important;
  visibility: visible !important;
}

/* ----------------------------------------------------------
   O5 — About Us CTA: ensure closing-cta-banner is visible
   and properly styled across all viewports
   ---------------------------------------------------------- */
.closing-cta-banner {
  display: block !important;
}

/* ----------------------------------------------------------
   O7 / O8 — About Us footer and content at 1440px:
   ensure page wrapper doesn't clip at wide viewports
   ---------------------------------------------------------- */
.template-page .main-page-content,
.template-page [class*="about"] {
  max-width: 100% !important;
  overflow: visible !important;
}

/* ----------------------------------------------------------
   O10 — Cart 'You may also like': 4-col grid at ≥1024px
   ---------------------------------------------------------- */
@media screen and (min-width: 1024px) {
  .cart-recommendations,
  .product-recommendations,
  [class*="recommendations"] .resource-list__carousel {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* ----------------------------------------------------------
   O11 — Cart: 4th card clipped — add scroll + fade
   ---------------------------------------------------------- */
@media screen and (max-width: 990px) {
  .cart-recommendations,
  .product-recommendations {
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 8px !important;
  }

  .cart-recommendations::after,
  .product-recommendations::after {
    content: '';
    position: sticky;
    right: 0;
    top: 0;
    min-width: 40px;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.9));
    pointer-events: none;
  }
}

/* ----------------------------------------------------------
   H3 — Hero CTA: ensure 'Shop' button is above fold
   on 1280px laptops
   ---------------------------------------------------------- */
@media screen and (max-width: 1280px) {
  .slideshow__slide .content-over-media {
    padding-bottom: 80px !important;
  }
}

/* ----------------------------------------------------------
   Scroll behaviour JS injection via CSS custom property
   (actual scroll class set by inline script in theme.liquid)
   ---------------------------------------------------------- */

/* ============================================================
   BATCH 3 MEDIUM FIXES — Visual Audit 2026-06
   ============================================================ */

/* ----------------------------------------------------------
   P12 — PDP: reduce 200-300px gap between trust icons and FAQ
   ---------------------------------------------------------- */
.custom-main-product .custom-accordion.section {
  margin-top: 24px !important;
}

/* ----------------------------------------------------------
   P13 — PDP sticky ATC bar: add padding-bottom to main so
   footer content is not overlapped by the 72px fixed bar
   ---------------------------------------------------------- */
.template-product main,
.template-product #MainContent {
  padding-bottom: 80px !important;
}

/* ----------------------------------------------------------
   P16 — Product card title truncation: 2-line clamp
   ---------------------------------------------------------- */
.product-card__content [class*="product-title"],
.product-card__content [class*="h6"],
.product-card__content .product_title,
.product-grid__card [class*="product-title"] {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
}

/* ----------------------------------------------------------
   P18 — Product card ATC button: ensure 44px min touch target
   ---------------------------------------------------------- */
.product-card .add-to-cart-button,
.product-card button[type="submit"],
.product-card .btn {
  min-height: 44px !important;
  padding-block: 0.75rem !important;
}

/* ----------------------------------------------------------
   P19 — Header: prevent account + bag icons from stacking
   vertically at 1440px
   ---------------------------------------------------------- */
.header-actions {
  flex-direction: row !important;
  align-items: center !important;
}

/* ----------------------------------------------------------
   P20 — Sale badge styling (badge injected by price.liquid)
   ---------------------------------------------------------- */
.price-badge-sale {
  display: inline-block;
  background: #8B1A1A;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 2px 8px;
  border-radius: 2px;
  margin-top: 4px;
  text-transform: uppercase;
}

/* ----------------------------------------------------------
   P21 — Trust icon labels: increase contrast (light green on
   off-white fails WCAG AA; darken to #3a5c3b)
   ---------------------------------------------------------- */
.trust-icons .trust-icon__label,
[class*="trust"] .label,
[class*="benefit"] span,
.icon-text,
.product-info__trust span {
  color: #3a5c3b !important;
}

/* ----------------------------------------------------------
   C13 — Collection hero title contrast: add scrim behind h1
   ---------------------------------------------------------- */
.collection-banner .banner-inner h1 {
  text-shadow: 0 1px 4px rgba(0,0,0,0.55), 0 2px 12px rgba(0,0,0,0.35);
}

/* ----------------------------------------------------------
   C18 — Collections list: reduce 60-80px gap between H1 and grid
   ---------------------------------------------------------- */
.main-collection-list > .section:first-child,
.collection-list-page .section-header,
[data-testid="collections-list-grid"] {
  margin-top: 16px !important;
  padding-top: 0 !important;
}

/* ----------------------------------------------------------
   H9 — UGC captions: ensure they show at all viewport widths
   ---------------------------------------------------------- */
.gallery-item .moment-overlay,
.gallery-item .caption,
[class*="moment"] .name,
[class*="moment"] .location {
  display: block !important;
  visibility: visible !important;
}

/* ----------------------------------------------------------
   H11 — CRAFTED tagline section: increase min-height at 768px
   ---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  [class*="riti-rivaj"],
  .crafted-tagline,
  .tagline-section {
    min-height: 180px !important;
    padding: 2rem 1rem !important;
  }
}

/* ----------------------------------------------------------
   H14 — Hero slideshow: move pagination dots to bottom
   ---------------------------------------------------------- */
.slideshow__slide .slideshow-progress,
.slideshow [class*="dots"],
.slideshow [class*="pagination"],
slideshow-component [class*="controls"] {
  bottom: 1.5rem !important;
  top: auto !important;
}

/* ----------------------------------------------------------
   H16 — Tabbed product slider: increase tab touch targets
   ---------------------------------------------------------- */
.tabbed-sec-{{ section.id }} .tab-btn {
  min-height: 44px !important;
}

.tab_container .tab-btn {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* ----------------------------------------------------------
   N5 — CHOOSE YOUR OCCASION tiles: add hover state + always-
   visible CTA label on mobile
   ---------------------------------------------------------- */
.collection-card:hover .collection-card__overlay,
.collection-card:hover .collection-card__info {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.collection-card .collection-card__info {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

@media screen and (max-width: 768px) {
  .collection-card .collection-card__info {
    opacity: 1 !important;
  }
}

/* ----------------------------------------------------------
   O14 — About Us page heading: consistent capitalisation
   to match nav "ABOUT US"
   ---------------------------------------------------------- */
.template-page .main-page-content h1:first-child {
  text-transform: uppercase;
}

/* ----------------------------------------------------------
   O15 — Cart empty state: reduce top whitespace
   ---------------------------------------------------------- */
.template-cart .cart--empty,
.cart--is-empty .cart__empty-text {
  padding-top: 4rem !important;
  text-align: center !important;
}

/* ----------------------------------------------------------
   O16 — Cart: tighten gap between 'Continue shopping' and
   'You may also like' section
   ---------------------------------------------------------- */
.template-cart .product-list {
  margin-top: 32px !important;
}

/* ----------------------------------------------------------
   O19 — Cart: ensure page heading visible at tablet
   ---------------------------------------------------------- */
.main-cart .cart__title,
.template-cart h1 {
  display: block !important;
  visibility: visible !important;
}