/** Shopify CDN: Minification failed

Line 30:0 All "@import" rules must come first

**/
/* ===================================================================
   Vidar custom fonts — Saudagar (uppercase serif) + Aramis (italic script)
   Sizes calibrated to match WordPress live site:
     Saudagar: 30px / weight 300 (desktop), 22px (mobile)
     Aramis italic: 40px / weight 400 (desktop), 30px (mobile)
   =================================================================== */
@font-face {
    font-family: 'Saudagar';
    src: url('/cdn/shop/files/Saudagar.woff2?v=1783557095') format('woff2'),
        url('/cdn/shop/files/Saudagar.woff?v=1783557095') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aramis';
    src: url('/cdn/shop/files/AramisItalic_65d16e2b-8ea0-448a-a206-742552f59e76.woff2?v=1783557117') format('woff2'),
        url('/cdn/shop/files/AramisItalic_ffc20103-b8a6-4e61-9e4a-9276f6b3eba0.woff?v=1783557119') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.shopify-section--featured-collections p.h6.text-center {
    font-family: "Roboto", Sans-serif !important;
    font-size: 26px !important;
    font-weight: 100 !important;
    color:#000 !important;
    letter-spacing:0 !important;
}

/* ---- Slideshow big heading — uppercase (Saudagar) + italic <em> (Aramis) ---- */
html body .slideshow__slide-content .h1,
html body .slideshow p.h1,
html body p.h1 {
    font-family: 'Saudagar', 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 300 !important;
    font-size: 30px !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
html body .slideshow__slide-content .h1 em,
html body p.h1 em {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 40px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
@media (min-width: 1024px) {
    html body .slideshow__slide-content .h1,
    html body p.h1 { font-size: 42px !important; }
    html body .slideshow__slide-content .h1 em,
    html body p.h1 em { font-size: 42px !important; }
}

/* ---- Featured-collections italic title "Our Most Popular" — Aramis 40px ---- */
html body .shopify-section--featured-collections .section-stack > .v-stack > h2.h2 {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 40px !important;
    line-height: 1.1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
@media (min-width: 1024px) {
    html body .shopify-section--featured-collections .section-stack > .v-stack > h2.h2 { font-size: 48px !important; }
}

/* ---- Reviews italic title + Instagram italic title — Aramis 40px ---- */
html body .vidar-reviews__title,
html body .vidar-insta__title {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}
@media (min-width: 1024px) {
    html body .vidar-reviews__title,
    html body .vidar-insta__title { font-size: 44px !important; }
}

/* ---- Newsletter title in footer — Aramis for italic <em> ---- */
html body .vf-newsletter__title em {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    line-height: 1 !important;
}

/* ---- Any generic <em>/<i> inside headings picks up Aramis ---- */
html body h1 em, html body h2 em, html body h3 em,
html body .h1 em, html body .h2 em, html body .h3 em,
html body [data-vidar-italic] {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ---- Product page title (Prestige "product-title") — Saudagar display ---- */
html body .product-title {
    font-family: 'Saudagar', 'Cormorant Garamond', Georgia, serif !important;
    font-weight: 300 !important;
    letter-spacing: 0.01em;
}

/* ---- Kickers (.h6.text-center e.g. "OUTSTANDING MAN, OUTSTANDING RING") ----
   Leave in the theme's default sans font so it matches WP's small kicker.   */

/* Menu color swatches (existing) */
a.link-faded-reverse.vidar-menu-link {
    display: inline-flex;
    gap: 6px;
    justify-content: flex-start;
    align-items: center;
}
a.link-faded-reverse.vidar-menu-link.white-gold-mens-rings img { opacity: 0; }
a.link-faded-reverse.vidar-menu-link.white-gold-mens-rings:after {
    background: #b9c2c1; content: ''; width: 20px; height: 20px; border-radius: 50%; position: absolute;
}
a.link-faded-reverse.vidar-menu-link.black-gold-mens-rings img { opacity: 0; }
a.link-faded-reverse.vidar-menu-link.black-gold-mens-rings:after {
    background: #0c0d0c; content: ''; width: 20px; height: 20px; border-radius: 50%; position: absolute;
}
a.link-faded-reverse.vidar-menu-link.yellow-gold-mens-rings img { opacity: 0; }
a.link-faded-reverse.vidar-menu-link.yellow-gold-mens-rings:after {
    background: #e0bc53; content: ''; width: 20px; height: 20px; border-radius: 50%; position: absolute;
}
a.link-faded-reverse.vidar-menu-link.rose-gold-mens-rings img { opacity: 0; }
a.link-faded-reverse.vidar-menu-link.rose-gold-mens-rings:after {
    background: #ff6788; content: ''; width: 20px; height: 20px; border-radius: 50%; position: absolute;
}

.after-image-description { font-size: 16px; line-height: 1.3; }
.after-image-description p { padding-bottom: 5px; }
p.text-sm.text-subdued.product_short_description { font-size: 14px; line-height: 1.3; }

/* ---- Product cards: larger, solid black title + price (collection / grids) ---- */
html body .product-card .product-title {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
}

html body .product-card .price-list,
html body .product-card .price-list sale-price,
html body .product-card .price-list compare-at-price,
html body .product-card .price-list .text-subdued {
    color: #000 !important;
    opacity: 1 !important;
}

html body .product-card .price-list sale-price,
html body .product-card .price-list compare-at-price {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

html body .product-card .price-list .text-on-sale {
    color: #e32c2b !important;
}


.vidar-collection-nav__inner {
    margin: 0 auto !important;
}
.product-card__info :is(.price-list,.rating-badge) {
    justify-content: flex-start;
}
@media screen and (min-width: 750px) {
       html body .product-card .product-title {
        font-size: 17px !important;
        font-family: 'Roboto' !important;
        text-transform: capitalize !important;
    }
    html body .product-card .price-list sale-price,
    html body .product-card .price-list compare-at-price {
        font-size: 16px !important;
    }
}

/* ---- Blog cards: uniform image / title / excerpt / Read more alignment ---- */
html body .blog-post-list {
    align-items: stretch !important;
}

html body .blog-post-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    gap: 1.25rem !important;
}

html body .blog-post-card__media {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f0f0f0;
}

html body .blog-post-card__media .blog-post-card__image,
html body .blog-post-card__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block;
}

html body .blog-post-card__info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    width: 100%;
    row-gap: 0.85rem !important;
}

html body .blog-post-card__title-wrap {
    margin: 0;
    min-height: 3.9em; /* ~3 lines so titles share one baseline */
}

html body .blog-post-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.3;
}

html body .blog-post-card__excerpt {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: 4.5em;
    line-height: 1.5;
}

html body .blog-post-card__read-more {
    margin-top: auto !important;
    align-self: flex-start;
}

/* ---- Blog section header fonts (match WP) ----
   OUR BLOG = Roboto weight 100
   Inspiring Stories... = Aramis italic
*/
html body .shopify-section--blog-posts .section-header .h2 {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 100 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #58595b !important;
    line-height: 1.3 !important;
}
@media screen and (min-width: 750px) {
    html body .shopify-section--blog-posts .section-header .h2 {
        font-size: 26px !important;
    }
}
html body .shopify-section--blog-posts .section-header .prose > p:not(.h6),
html body .shopify-section--blog-posts .section-header .prose > *:not(h2):not(.h6) {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 21px !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #1a1a1a !important;
}

/* ---- Blog page header (/blogs/news) — match WP /blog/ top section ---- */
html body .shopify-section--blog-header .blog-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
}
/* OUR BLOG = Roboto weight 200, 28px, black (WP computed) */
html body .shopify-section--blog-header .blog-header__title {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 200 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #000 !important;
    line-height: 1 !important;
    margin: 0 !important;
}
/* Inspiring Men. Inspiring Fashion = Aramis italic, 26px (WP computed) */
html body .shopify-section--blog-header .blog-header__subtitle {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #131212 !important;
    margin: 0 !important;
}
@media screen and (min-width: 750px) {
    html body .shopify-section--blog-header .blog-header__title { font-size: 28px !important; }
    html body .shopify-section--blog-header .blog-header__subtitle { font-size: 26px !important; }
}
/* Three category buttons: 1px black outline, label + divided arrow box (WP) */
html body .shopify-section--blog-header .blog-header__buttons {
    width: 100%;
    max-width: 1040px;
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}
html body .shopify-section--blog-header .blog-header__button {
    display: flex !important;
    align-items: stretch;
    min-height: 46px;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    color: #000 !important;
    background: transparent !important;
    transition: background-color .2s ease, color .2s ease;
}
html body .shopify-section--blog-header .blog-header__button-label {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.2;
}
html body .shopify-section--blog-header .blog-header__button-arrow {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    border-left: 1px solid #000;
}
html body .shopify-section--blog-header .blog-header__button:hover,
html body .shopify-section--blog-header .blog-header__button:focus-visible {
    background-color: #000 !important;
    color: #fff !important;
}
html body .shopify-section--blog-header .blog-header__button:hover .blog-header__button-arrow,
html body .shopify-section--blog-header .blog-header__button:focus-visible .blog-header__button-arrow {
    border-left-color: #fff;
}
@media screen and (max-width: 749px) {
    html body .shopify-section--blog-header .blog-header__buttons {
        grid-template-columns: minmax(0, 1fr);
        max-width: 420px;
        gap: 16px;
    }
}

/* ---- Trust icons section (match WP) ---- */
html body .shopify-section--text-with-icons-bg .text-with-icons-bg-wrapper {
  padding-block-start: 55px !important;
  padding-block-end: 65px !important;
}
html body .shopify-section--text-with-icons-bg .section-spacing,
html body .shopify-section--text-with-icons-bg .section-spacing--tight {
  padding-block: 0 !important;
}
html body .shopify-section--text-with-icons-bg .text-with-icons,
html body .shopify-section--text-with-icons-bg .text-with-icons--stacked {
  align-items: flex-start !important;
}
html body .shopify-section--text-with-icons-bg .text-with-icons__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
html body .shopify-section--text-with-icons-bg .text-with-icons__item > .v-stack {
  width: 100%;
  align-items: center !important;
  gap: 0 !important;
}
/* Equal icon row so all 4 icons share one baseline (WP "uniform line") */
html body .shopify-section--text-with-icons-bg .text-with-icons__item .constrained-image {
  display: block !important;
  width: auto !important;
  max-width: 48px !important;
  max-height: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  margin: 0 auto 30px !important;
}
html body .shopify-section--text-with-icons-bg .text-with-icons__item .v-stack.gap-2 {
  gap: 0 !important;
  width: 100%;
}
html body .shopify-section--text-with-icons-bg .text-with-icons__item .h6 {
  font-family: "Roboto", Sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #3A3A3A !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 0 20px !important;
  line-height: 1.3 !important;
}
html body .shopify-section--text-with-icons-bg .text-with-icons__item .prose,
html body .shopify-section--text-with-icons-bg .text-with-icons__item .prose p {
  font-family: "Roboto", Sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  color: #58595B !important;
  margin: 0 !important;
}
@media screen and (max-width: 749px) {
  html body .shopify-section--text-with-icons-bg .text-with-icons-bg-wrapper {
    padding-block-start: 55px !important;
    padding-block-end: 70px !important;
  }
  html body .shopify-section--text-with-icons-bg .text-with-icons__item .constrained-image {
    max-width: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
    margin-bottom: 20px !important;
  }
}

nav.vidar-collection-nav__grid {
    max-width: calc(100% - 30px);
    margin: 0 auto;
}
#main .product-card__info .short_description_jj {
    color: #58595B;
    text-transform: inherit !important;
    font-family: 'Roboto';
    font-weight: 300;
    line-height: 1.4;
    padding: 10px 0;
    text-align: left;
}
#main .product-card__info .short_description_jj {
    color: #58595B;
    text-transform: inherit !important;
    font-family: 'Roboto';
    font-weight: 300;
    line-height: 1.4;
    padding: 10px 0;
    text-align: left;
    --heading-text-transform:unset !important;
}

html body .shopify-section--featured-collections .product-card__info .v-stack.justify-items-center.gap-1 a, #main .product-card__info .v-stack.justify-items-center.gap-1 {
    text-align: left !important;
    justify-content: left !important;
    display: flex !important;
    flex-direction: column;
    width: 100%;
    text-transform: inherit !important;
    --heading-text-transform:unset !important;
}
/* ---- All road LEADS TO (overlap logo) ---- */
html body .shopify-section--vidar-memories {
  position: relative;
  z-index: 1;
  padding-bottom: 28px !important;
}
html body .shopify-section--vidar-leads {
  position: relative;
  z-index: 2;
  margin-top: 0 !important;
}

/* ---- Homepage WP pixel match ---- */

/* Hero: Saudagar 30px / 300, white */
html body .shopify-section--slideshow .prose :is(h1, h2, h3, .h1, .h2, .h3),
html body .shopify-section--slideshow .slideshow__slide .prose :is(h1, h2, .h1, .h2) {
  font-family: 'Saudagar', 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(22px, 2.4vw, 30px) !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #fff !important;
}
html body .shopify-section--slideshow .button,
html body .shopify-section--slideshow a.button {
  font-family: "Roboto", Sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  border-radius: 0 !important;
}

/* Most Popular: Roboto 26/100 + Aramis italic 20 */
html body .shopify-section--featured-collections .h6,
html body #shopify-section-featured_collections_1 .h6 {
  font-family: "Roboto", Sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #111 !important;
}
html body .shopify-section--featured-collections .h2,
html body #shopify-section-featured_collections_1 .h2 {
  font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  font-style: italic !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #111 !important;
}

/* Collection list heading pair */
html body .shopify-section--collection-list .h6,
html body #shopify-section-collection_list_DYy8FD .h6 {
  font-family: "Roboto", Sans-serif !important;
  font-size: 26px !important;
  font-weight: 100 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body .shopify-section--collection-list .h2,
html body #shopify-section-collection_list_DYy8FD .h2 {
  font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  font-style: italic !important;
  text-transform: inherit;
      margin-top: 5px;
}

/* Inspiration headings */
html body #shopify-section-multiple_media_with_text_DMCFVG .h6,
html body .shopify-section--multiple-media-with-text .h6 {
  font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(30px, 3.5vw, 40px) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body #shopify-section-multiple_media_with_text_DMCFVG .h2,
html body .shopify-section--multiple-media-with-text .h2 {
  font-family: 'Saudagar', 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(22px, 2.5vw, 30px) !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}
html body #shopify-section-multiple_media_with_text_DMCFVG .prose,
html body #shopify-section-multiple_media_with_text_DMCFVG .prose p {
  font-family: "Roboto", Sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #757575 !important;
  line-height: 1.4 !important;
}

/* Blog header already styled; tighten Certified By */
html body .shopify-section--logo-list .h2,
html body #shopify-section-logo_list_CTRThy .h2 {
  font-family: "Roboto", Sans-serif !important;
  font-size: 26px !important;
  font-weight: 100 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
}

/* Shared WP outline button feel on homepage CTAs */
html body .shopify-section--featured-collections .button,
html body .shopify-section--blog-posts .button,
html body .shopify-section--collection-list .button {
  font-family: "Roboto", Sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  border-radius: 1px !important;
}

/* Reduce default theme section gaps that fight WP rhythm */
html body .shopify-section--vidar-promos + .shopify-section--vidar-promos {
  margin-top: 0 !important;
}

/* Have It All — Roboto 26/100 heading */
html body .vidar-have-it-all__heading {
  font-family: "Roboto", Sans-serif !important;
  font-size: 26px !important;
  font-weight: 100 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body .vidar-have-it-all__body,
html body .vidar-have-it-all__body p {
  font-family: "Roboto", Sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #58595B !important;
  line-height: 1.8 !important;
}
html body .vidar-have-it-all__highlight {
  font-family: "Roboto", Sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* Collection list: first line Roboto 26/100, second Aramis italic 20 */
html body #shopify-section-collection_list_DYy8FD .section-header .h6 {
  font-family: "Roboto", Sans-serif !important;
  font-size: 26px !important;
  font-weight: 100 !important;
}
html body #shopify-section-collection_list_DYy8FD .section-header .h2 {
  font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

/* Inspiration: Aramis italic then Saudagar caps */
html body #shopify-section-multiple_media_with_text_DMCFVG .section-header .h6,
html body #shopify-section-multiple_media_with_text_DMCFVG .h6 {
  font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(30px, 3.5vw, 40px) !important;
  font-weight: 400 !important;
  font-style: italic !important;
}
html body #shopify-section-multiple_media_with_text_DMCFVG .section-header .h2,
html body #shopify-section-multiple_media_with_text_DMCFVG .h2 {
  font-family: 'Saudagar', 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(22px, 2.5vw, 30px) !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
}

/* ---- Homepage responsive QA fixes ---- */

/* Collection list: 5 cols desktop like WP, 2 on mobile */
@media screen and (min-width: 1000px) {
  html body #shopify-section-collection_list_DYy8FD .collection-list,
  html body #shopify-section-collection_list_DYy8FD [class*="collection-list"] {
    --collection-list-items-per-row: 5;
  }
}

/* Promo cards: 2-col tablet, 1-col phone; keep CTA visible */
@media screen and (max-width: 989px) and (min-width: 750px) {
  html body .vidar-promos__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media screen and (max-width: 749px) {
  html body .vidar-promos__grid {
    grid-template-columns: 1fr !important;
  }
  html body .vidar-promos__desc {
    min-height: 0 !important;
  }
  html body .vidar-leads__nav {
    width: 34px !important;
    height: 34px !important;
  }
  html body .vidar-leads__logo-wrap {
    top: -40px !important;
    width: 160px !important;
    max-width: 55vw !important;
  }
  html body .vidar-memories__nav {
    display: flex !important;
  }
  html body .vidar-have-it-all__heading {
    font-size: 22px !important;
  }
  html body .vidar-consult__inner {
    width: min(920px, 92vw) !important;
  }
  /* Trust icons: keep 2x2 on mobile instead of awkward 4-col squeeze */
  html body .shopify-section--text-with-icons-bg .text-with-icons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 16px !important;
  }
  html body .shopify-section--text-with-icons-bg .text-with-icons__item {
    min-width: 0 !important;
    scroll-snap-align: unset !important;
  }
}

/* Hide disabled leftover sections if theme still emits wrappers */
html body #shopify-section-images_with_text_scroll_1,
html body #shopify-section-image_with_text_overlay_6HGmyL {
  display: none !important;
}

/* ==============================================================
   Filter panel — exact WordPress shop filter design
   Icons: theme assets/filter-icon-*.svg (from vidarjewelry.com svg_icons)
   ============================================================== */

html body .facets-sidebar,
html body .facets-drawer {
  background: #f7f3ec;
}
html body .facets-drawer .drawer__header,
html body .facets-drawer [slot="header"] {
  font-family: Roboto, system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  letter-spacing: 0 !important;
  color: #111 !important;
}

.template-collection .short_description_jj {
    display: none;
}

html body .facets .accordion {
  border-bottom: 1px solid #d5d8dc;
}
html body .facets .accordion__toggle,
html body .facets .accordion summary {
  font-family: Roboto, system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #111 !important;
  padding: 10px 4px !important;
  line-height: 1.2 !important;
}
html body .facets .accordion__content,
html body .facets .accordion__panel {
  padding: 2px 0 15px !important;
}
html body .facets .v-stack {
  gap: 2px !important;
}


.template-collection .product-card__info {
    justify-content: flex-start;
    text-align: left;
}
.template-collection .product-card__info :is(.price-list,.rating-badge) {
    justify-content: flex-start;
}

/* Kill Prestige selected-dot + indent (looks like a bullet) */
html body .facets .vidar-filter-option {
  position: relative !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  list-style: none !important;
}
html body .facets .vidar-filter-option > input.dot-checkbox {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  inset: auto !important;
  display: none !important;
}
html body .facets .vidar-filter-option > input.dot-checkbox:checked,
html body .facets .vidar-filter-option > input.dot-checkbox:checked ~ label {
  opacity: 1 !important;
  transform: none !important;
}
html body .facets .vidar-filter-option label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100%;
  min-height: 0 !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  border: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  font-family: Roboto, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: #555 !important;
  opacity: 1 !important;
  transform: none !important;
}
html body .facets .vidar-filter-option label:hover {
  opacity: 1 !important;
  color: #111 !important;
}
html body .facets .vidar-filter-option:has(input:checked) label {
  border-color: #111;
  color: #111 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  transform: none !important;
}
html body .vidar-filter-icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}
html body .vidar-filter-label {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.2;
}

html body .facets .price-range__value,
html body .facets .price-range input {
  font-size: 13px !important;
  font-family: Roboto, system-ui, sans-serif !important;
}

@media screen and (min-width: 1000px) {
  html body .collection {
    --collection-sidebar-width: 20rem;
  }

  .shopify-section--logo-list .section-stack {
    max-width: 1120px;
    margin: 0 auto;
    gap: 20px;
}

  html body .facets-sidebar {
    width: var(--collection-sidebar-width);
    max-width: 20rem;
    padding: 4px 8px 20px 0;
  }

  .text-with-icons-bg-wrapper text-with-icons-carousel {
    max-width: 1120px;
    margin: 0 auto;
  }
  .featured-collections-carousel__item.is-selected {
    gap: 20px;
  }
}

html body .vidar-facets-intro {
  margin: 0 0 8px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 1.35;
  color: #7a7a7a;
  font-family: Roboto, system-ui, sans-serif;
}

/* Accordion + / − — ONE icon only (on toggle, not also on summary) */
html body .facets .accordion__toggle .icon-chevron-bottom,
html body .facets .accordion summary .icon-chevron-bottom,
html body .facets .accordion__toggle svg,
html body .facets summary svg,
html body .facets .accordion__toggle .animated-plus,
html body .facets .accordion .animated-plus {
  display: none !important;
}
html body .facets .accordion__toggle,
html body .facets .accordion summary {
  display: flex !important;
  align-items: center !important;
  width: 100%;
}
/* Only the inner toggle gets the +/− — prevents ++ / −− */
html body .facets .accordion summary::after {
  content: none !important;
  display: none !important;
}
html body .facets .accordion__toggle::after {
  content: '+';
  margin-inline-start: auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #111;
  font-family: Roboto, system-ui, sans-serif;
}
html body .facets details[open] > summary .accordion__toggle::after {
  content: '−';
}

/* Matching rings / Single ring — WP bottom checkboxes */
html body .vidar-facets-quantity {
  display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    align-items: center;
    margin: 0px 4px 4px;
    padding-top: 20px;
    border-top: 1px solid #d5d8dc;
    padding-bottom: 15px;
}
html body .vidar-facets-quantity .checkbox-control {
      display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: flex-end;
    line-height: 1 !important;
}
html body .vidar-facets-quantity .checkbox-control:has(input:checked) label,
html body .vidar-facets-quantity .checkbox-control label {
  border: 0 !important;
  padding: 0 !important;
  color: #555 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-family: Roboto, system-ui, sans-serif !important;
  opacity: 1 !important;
  transform: none !important;
}
html body .vidar-facets-quantity input.checkbox {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #c5c5c5;
  background: #fff;
  border-radius: 0;
  margin: 0;
  flex: 0 0 15px;
  position: relative;
}
html body .vidar-facets-quantity input.checkbox:checked {
  border-color: #111;
  background: #111;
}
html body .vidar-facets-quantity input.checkbox:checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Apply + Clear Filters — WP split Apply button */
html body .vidar-facets-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 18px;
  margin: 12px 4px 4px;
  padding-top: 4px;
}
html body .vidar-facets-actions--drawer {
  margin-top: 8px;
}
html body .vidar-facets-apply {
  display: inline-flex;
  align-items: stretch;
  padding: 0;
  border: 1px solid #b0b0b0;
  background: #ececec;
  color: #111;
  cursor: pointer;
  font-family: Roboto, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1;
  border-radius: 0;
}
html body .vidar-facets-apply span:first-child {
  padding: 9px 16px;
}
html body .vidar-facets-apply__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border-inline-start: 1px solid #b0b0b0;
  font-size: 14px;
}
html body .vidar-facets-apply:hover {
  background: #e0e0e0;
  color: #111;
}
html body .vidar-facets-clear {
  color: #555 !important;
  font-size: 13px;
  text-decoration: none;
  font-family: Roboto, system-ui, sans-serif;
  line-height: 1.2;
}
html body .vidar-facets-clear:hover {
  color: #111 !important;
  text-decoration: underline;
}

html body .facets-drawer .drawer__footer {
  background: #f7f3ec;
  padding-block: 12px !important;
}
html body .facets-drawer .vidar-facets-drawer-footer .vidar-facets-apply,
html body .facets-drawer .drawer__footer .vidar-facets-apply {
  width: auto;
  max-width: 100%;
  justify-content: flex-start;
}
html body .facets .facets__clear-all,
html body .facets a.facets-clear-all {
  color: #666;
  text-decoration: underline;
  font-size: 13px;
}
html body .active-facets {
  margin-block-end: 0.5rem;
}
/* ==============================================================
   Custom Rings page — pixel match to WP /measurement-2/
   Scoped by template section keys ([id$='__<key>']).
   WP reference (computed): hero Roboto 30/400 + 22/300; cursive
   headings Aramisi 40 italic; caps headings Saudagar 28-30/300;
   body Roboto 14-15/300; FAQ questions Saudagar ~22.
   ============================================================== */

/* Hero: CUSTOM DESIGNED RINGS: / ELEGANT, AUTHENTIC, ONE-OF-A-KIND */
html body [id$='__rich_text_hero'] p.h2 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #000 !important;
  margin-bottom: 4px;
}
html body [id$='__rich_text_hero'] p.h3 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #000 !important;
}

/* Image-with-text heading pair: Aramis cursive line + Saudagar caps line */
html body .heading-title-text .heading-cursive {
  font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 40px !important;
  line-height: 1.05 !important;
  display: block;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body [id$='__image_with_text_HhDXDD'] .prose p.h1 {
  font-family: 'Saudagar', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
}
html body [id$='__image_with_text_HhDXDD'] .heading-title-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
html body [id$='__image_with_text_HhDXDD'] .heading-title-text > span:not(.heading-cursive) {
  font-family: 'Saudagar', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  display: block;
}
html body [id$='__image_with_text_HhDXDD'] .prose p:not(.h1):not(.h2):not(.h3) {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  color: #7a7a7a !important;
}

/* Intro image+text: match WP ~1140 content, ~50/50 cols, image flush left */
html body [id$='__image_with_text_HhDXDD'] {
  --image-with-text-content-max-width: 515px;
}
html body [id$='__image_with_text_HhDXDD'] .section-spacing,
html body [id$='__image_with_text_HhDXDD'] > .color-scheme {
  padding-block: 0 !important;
}
@media screen and (min-width: 700px) {
  html body [id$='__image_with_text_HhDXDD'] .image-with-text {
    --image-with-text-gap: 2.5rem;
    max-width: 1140px;
    margin-inline: auto;
    width: 100%;
    grid-template-columns: 570px minmax(0, 1fr) !important;
    align-items: start;
  }
  html body [id$='__image_with_text_HhDXDD'] .image-with-text:not(.image-with-text--reverse) picture {
    margin-inline-start: 0 !important;
    width: 570px;
    max-width: 100%;
  }
  html body [id$='__image_with_text_HhDXDD'] .image-with-text picture img,
  html body [id$='__image_with_text_HhDXDD'] .image-with-text > img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
  html body [id$='__image_with_text_HhDXDD'] .image-with-text > .prose {
    max-width: 515px !important;
    margin-block: 0 !important;
    padding-inline: 0 !important;
    padding-inline-start: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  html body [id$='__image_with_text_HhDXDD'] .image-with-text {
    --image-with-text-gap: 45px;
  }
}

/* Hero: tighter vertical spacing like WP */
html body [id$='__rich_text_hero'] .section-spacing {
  padding-block-start: 48px !important;
  padding-block-end: 28px !important;
}
html body [id$='__rich_text_hero'] .prose {
  gap: 10px !important;
}

/* 3-step section: DESIGN YOUR RING AS YOU IMAGINE IT */
html body [id$='__multi_column_iMTMKi'] {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}
html body [id$='__multi_column_iMTMKi'] .section-header .h2,
html body [id$='__multi_column_iMTMKi'] h2 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body [id$='__multi_column_iMTMKi'] .prose p {
  font-size: 15px !important;
  font-weight: 300 !important;
  color: #333 !important;
}

/* Steps + approval on WP light-marble background (bg4.jpg, same file as WP) */
html body [id$='__multi_column_iMTMKi'],
html body [id$='__rich_text_zfbmCf'] {
  background: url('/cdn/shop/files/bg4.jpg?v=1781561951') center / cover no-repeat;
  position: relative;
}
html body [id$='__multi_column_iMTMKi'] .color-scheme,
html body [id$='__rich_text_zfbmCf'] .color-scheme {
  background: transparent !important;
  color: #000 !important;
}

/* WP circular watermark logo on the marble steps band */
html body [id$='__multi_column_iMTMKi']::after {
  content: "";
  position: absolute;
  top: -84px;
  right: max(12px, calc(50% - 700px));
  width: 167px;
  height: 176px;
  background: url('/cdn/shop/files/LOgo-black-white.png?v=1783826790') center / contain no-repeat;
  opacity: 0.9;
  pointer-events: none;
  z-index: 2;
}

@media screen and (max-width: 999px) {
  html body [id$='__multi_column_iMTMKi']::after {
    width: 110px;
    height: 116px;
    top: 16px;
    right: 12px;
  }
}

/* WP column layout: big number, label, image, text */
html body [id$='__multi_column_iMTMKi'] .multi-column__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:10px;
}
html body [id$='__multi_column_iMTMKi'] .multi-column__item::before {
  order: 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1;
  color: #111;
  text-align: center;
}
html body [id$='__multi_column_iMTMKi'] .multi-column__item::after {
  order: 1;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #111;
  text-align: center;
  margin: 2px 0 16px;
}
html body [id$='__multi_column_iMTMKi'] .multi-column__item:nth-child(1)::before { content: '1'; }
html body [id$='__multi_column_iMTMKi'] .multi-column__item:nth-child(1)::after  { content: 'DESIGN'; }
html body [id$='__multi_column_iMTMKi'] .multi-column__item:nth-child(2)::before { content: '2'; }
html body [id$='__multi_column_iMTMKi'] .multi-column__item:nth-child(2)::after  { content: '3D Model'; }
html body [id$='__multi_column_iMTMKi'] .multi-column__item:nth-child(3)::before { content: '3'; }
html body [id$='__multi_column_iMTMKi'] .multi-column__item:nth-child(3)::after  { content: 'Production'; }
html body [id$='__multi_column_iMTMKi'] .multi-column__media { order: 2; }
html body [id$='__multi_column_iMTMKi'] .multi-column__item .prose { order: 3; }

/* Approval note + Leave your details — WP outline button, black on marble */
html body [id$='__rich_text_zfbmCf'] p.h3,
html body [id$='__rich_text_zfbmCf'] .h3 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #000 !important;
}
html body [id$='__rich_text_zfbmCf'] .prose p:not(.h3) {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #000 !important;
}
html body [id$='__rich_text_zfbmCf'] .button,
html body [id$='__rich_text_zfbmCf'] a.button {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #000 !important;
  border: 1.5px solid #000 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  min-height: 53px;
  padding: 0 28px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}
html body [id$='__rich_text_zfbmCf'] .button:hover,
html body [id$='__rich_text_zfbmCf'] a.button:hover {
  background: #000 !important;
  color: #fff !important;
}

/* Testimonials: THE CRÈME DE LA CRÈME (Roboto 26/100) / Of Men (Aramis 32) */
html body [id$='__vidar_reviews_creme'] .vidar-reviews__kicker {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 26px !important;
  font-weight: 100 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  opacity: 1 !important;
  margin-bottom: 8px !important;
}
html body [id$='__vidar_reviews_creme'] .vidar-reviews__title {
  font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  letter-spacing: 0 !important;
}

/* Whether You Have a Clear Vision… — WP two-column: Aramis heading left, ring right */
html body [id$='__image_with_text_vision'] .heading-title-text .heading-cursive {
  font-size: clamp(30px, 3.4vw, 40px) !important;
  line-height: 1.15 !important;
}
html body [id$='__image_with_text_vision'] .prose p:not(.h1):not(.h2):not(.h3) {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: #000 !important;
}

/* Memories: EACH JEWEL IS UNIQUE… kicker Roboto 26/100 */
html body [id$='__vidar_memories'] .vidar-memories__kicker {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 26px !important;
  font-weight: 100 !important;
  letter-spacing: 0.04em !important;
}
html body [id$='__vidar_memories'] .vidar-memories__title {
  font-size: 32px !important;
  font-weight: 400 !important;
}

/* FAQ: Aramis italic title, Saudagar questions, Roboto answers */
html body [id$='__faq_E84RaC'] .section-header .h2,
html body [id$='__faq_E84RaC'] .section-header h2 {
  font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: clamp(28px, 3.2vw, 40px) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body [id$='__faq_E84RaC'] summary,
html body [id$='__faq_E84RaC'] summary .h5,
html body [id$='__faq_E84RaC'] summary span {
  font-family: 'Saudagar', 'Cormorant Garamond', Georgia, serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #000 !important;
}
html body [id$='__faq_E84RaC'] .accordion__content,
html body [id$='__faq_E84RaC'] .accordion__content p,
html body [id$='__faq_E84RaC'] .prose p {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  color: #58595B !important;
}
/* FAQ layout: WP is a 970px-wide accordion under a full-width one-line title */
html body [id$='__faq_E84RaC'] .section-header {
  width: 100% !important;
  max-width: none !important;
}
html body [id$='__faq_E84RaC'] .section-header .h2,
html body [id$='__faq_E84RaC'] .section-header h2 {
  line-height: 1.2 !important;
  overflow-wrap: normal;
}
html body [id$='__faq_E84RaC'] .faq__content {
  width: 100% !important;
  max-width: 970px !important;
  margin-inline: auto !important;
}
html body [id$='__faq_E84RaC'] .faq__content accordion-disclosure,
html body [id$='__faq_E84RaC'] .faq__content .accordion {
  border-top: 0 !important;
  border-bottom: 1px solid #e9e9e9 !important;
}
html body [id$='__faq_E84RaC'] .faq__content accordion-disclosure:last-child,
html body [id$='__faq_E84RaC'] .faq__content .accordion:last-child {
  border-bottom: 0 !important;
}
html body [id$='__faq_E84RaC'] summary {
  padding-block: 16px !important;
}
html body [id$='__faq_E84RaC'] summary .accordion__toggle svg,
html body [id$='__faq_E84RaC'] summary svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 auto;
}

/* Perks section: diamonds straddle white→marble seam like WP (overflow up/out) */
html body [id$='__text_with_icons_bg_perks'] {
  overflow: visible !important;
}
html body [id$='__text_with_icons_bg_perks'] .text-with-icons-bg-wrapper {
  overflow: visible !important;
}
html body [id$='__text_with_icons_bg_perks'] .section-deco-image--left-bottom {
  bottom: -40px !important;
  left: 40px !important;
  width: min(259px, 22vw) !important;
}
html body [id$='__text_with_icons_bg_perks'] .section-deco-image--right-top {
  top: -90px !important;
  right: 40px !important;
  width: min(230px, 20vw) !important;
}

/* Vision section: WP layout = 1120px centered container; heading spans the full
   width on ~2 lines; body text left column, ring image right column (no overlap).
   NOTE: this theme's .prose is display:contents, so the heading <p> and the body
   <div> are the actual grid items alongside <picture>. */
html body [id$='__image_with_text_vision'] {
  overflow: visible !important;
  position: relative;
  z-index: 2;
}
html body [id$='__image_with_text_vision'] .image-with-text {
  max-width: 1168px;
  margin-inline: auto;
  padding-inline: 24px;
  align-items: center;
  overflow: visible !important;
}
@media screen and (min-width: 1000px) {
  html body [id$='__image_with_text_vision'] .image-with-text {
    display: grid !important;
    grid-template-columns: minmax(0, 64%) minmax(0, 36%) !important;
    column-gap: 40px;
    row-gap: 8px;
  }
  html body [id$='__image_with_text_vision'] .image-with-text .heading-with-line {
    grid-column: 1 / -1;
    grid-row: 1;
    max-width: 830px;
    margin-block: 0 !important;
  }
  html body [id$='__image_with_text_vision'] .image-with-text > .prose > div:not(.heading-with-line),
  html body [id$='__image_with_text_vision'] .image-with-text > .prose > p:not(.heading-with-line) {
    grid-column: 1;
    grid-row: 2;
  }
  html body [id$='__image_with_text_vision'] .image-with-text > picture {
    grid-column: 2;
    grid-row: 2;
    order: 0;
    margin-inline-start: 0 !important;
    justify-self: end;
    align-self: center;
    position: relative;
    z-index: 3;
  }
  html body [id$='__image_with_text_vision'] .image-with-text > picture img {
    width: 100%;
    max-width: 400px;
    height: auto;
  }
}

/* Ethics badges: fill their circles like WP's larger badges */
html body [id$='__1780534760bac880c3'] [class*='icon-circle'] img {
  width: 94% !important;
  height: 94% !important;
}

/* WP after-gallery CTA: ONE beige band — Vidar wordmark LEFT + outline button/note RIGHT
   Flush with memories section above (same #E2DACF, no white gap) */
html body [id$='__vidar_memories'] .vidar-memories {
  padding-bottom: 24px !important;
}
html body [id$='__rich_text_leads_cta'] {
  background: #E2DACF !important;
  margin-top: 0 !important;
}
html body [id$='__rich_text_leads_cta'] .section-spacing,
html body [id$='__rich_text_leads_cta'] > .color-scheme {
  padding-block: 0 !important;
  background: transparent !important;
}
html body [id$='__rich_text_leads_cta'] .prose {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body .vidar-cta-band {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #E2DACF;
  padding: 28px 0 36px;
}
html body .vidar-cta-band__inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: end;
  gap: 24px 40px;
  min-height: 160px;
}
html body .vidar-cta-wordmark {
  justify-self: start;
  align-self: end;
  padding: 0;
  margin: 0;
  max-width: none;
  text-align: left;
}
html body .vidar-cta-wordmark img {
  width: min(399px, 100%);
  height: auto;
  display: block;
}
html body .vidar-cta-actions {
  justify-self: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding-bottom: 8px;
}
html body .vidar-cta-strip__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 18px;
  box-sizing: border-box;
  min-height: 53px;
  padding: 0 22px 0 26px !important;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  color: #000 !important;
  background: transparent !important;
  border: 1.5px solid #000 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
html body .vidar-cta-strip__btn:hover {
  background: #000 !important;
  color: #fff !important;
}
html body .vidar-cta-strip__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  border-left: 1px solid currentColor;
  font-size: 18px;
  line-height: 1;
}
html body .vidar-cta-strip__note {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #000 !important;
  margin: 0 !important;
  text-align: center;
}
@media screen and (max-width: 749px) {
  html body .vidar-cta-band__inner {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 20px;
  }
  html body .vidar-cta-wordmark {
    justify-self: center;
    order: 2;
  }
  html body .vidar-cta-actions {
    order: 1;
  }
  html body .vidar-cta-wordmark img { width: 220px; }
}

/* FAQ toggle icon on the LEFT of the question, like WP */
html body [id$='__faq_E84RaC'] summary .accordion__toggle {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 16px !important;
}

/* Custom form: YOUR DETAILS-style step titles Roboto 32/500 */
html body .vf-step__title {
  font-size: clamp(24px, 2.4vw, 32px) !important;
  font-weight: 500 !important;
}
html body .vf-form__heading {
  font-weight: 500 !important;
}

/* glitch-fix 1783826867 */


/* === force bust 1783827555 === */
html body [id$="__image_with_text_HhDXDD"] {
  --image-with-text-content-max-width: 515px !important;
}

/* Ethically-designed + Luxury-ring-box blocks: WP boxes content to ~1120px,
   the theme container otherwise grows nearly full-bleed on wide screens */
@media screen and (min-width: 1280px) {
  html body [id$='__1780534760bac880c3'] .container,
  html body [id$='__blocks_RCkHfX'] .container {
    max-width: 1216px !important;
    margin-inline: auto !important;
  }
}


/* === Homepage spacing pass (2026-07-12) — match WP vertical flow ==========
   WP reference at 1440: hero 569 (image natural ratio 1440x543), sections
   flush with no white gaps, featured carousel ~340px cards, consult form
   fields Full Name | Email | Phone on ONE row. */

/* WP sections are flush — these custom sections carried top margins that
   painted white strips (featured→have-it-all 48px, promos→memories 30px) */
html body .vidar-have-it-all {
  margin-top: 0 !important;
}
html body .vidar-memories {
  margin-top: 0 !important;
}

/* Slideshow: render the 1440x543 art at its natural ratio like WP (~543px),
   not stretched to 672px. Desktop only — mobile uses its own crop. */
@media screen and (min-width: 1000px) {
  html body [id$='__slideshow'] .slideshow,
  html body [id$='__slideshow'] .slideshow__slide {
    /*height: 543px !important;*/
    min-height: 0 !important;
  }
  html body [id$='__slideshow'] .slideshow__slide img {
    height: 100% !important;
    object-fit: cover;
  }


.vidar-have-it-all__inner.container {
    margin: 0 auto;
}
}

/* most-popular-mobile-1up */
@media screen and (max-width: 749px) {
  html body [id$='__featured_collections_1'] .product-list--carousel,
  html body [id$='__featured_collections_1'] scroll-carousel.product-list--carousel {
    --product-list-card-width: 100% !important;
    --product-list-default-column-gap: 0px !important;
    grid: auto / auto-flow 100% !important;
    grid-auto-columns: 100% !important;
    column-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    scroll-snap-type: x mandatory !important;
  }
  html body [id$='__featured_collections_1'] .product-list--carousel > *,
  html body [id$='__featured_collections_1'] .product-list--carousel product-card {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  html body [id$='__featured_collections_1'] .floating-controls-container > .floating-controls-container__control {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Featured "Our Most Popular": WP Owl shows 3×360px cards, 20px gap, ~1120px width */
@media screen and (min-width: 1000px) {
  html body [id$='__featured_collections_1'] .section-spacing > .container {
    max-width: 1120px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
  html body [id$='__featured_collections_1'] .product-list--carousel {
    --product-list-card-width: 360px !important;
    --product-list-default-column-gap: 20px !important;
    column-gap: 20px !important;
    grid: auto / auto-flow 360px !important;
    justify-content: start !important;
    width: 100% !important;
    max-width: 1120px !important;
  }
}

/* Consult form: WP lays Full Name | Email | Phone on one row */
@media screen and (min-width: 750px) {
  html body .vidar-consult__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 24px !important;
    align-items: start;
  }
  html body .vidar-consult__field--message,
  html body .vidar-consult__check,
  html body .vidar-consult__submit,
  html body .vidar-consult__grid > p,
  html body .vidar-consult__grid > button {
    grid-column: 1 / -1 !important;
  }
  html body .vidar-consult__field--message textarea {
    min-height: 96px;
  }
}

@media(max-width:767px){
.template-page {
    overflow-x: hidden;
}
.template-page #main .vidar-memories {
    padding-bottom: 0 !important;
}
.template-page .vidar-cta-wordmark
 {
    position: absolute;
    margin-bottom: -67px !important;
    max-width: 160px !important;
    left: 16px;
}
html body.template-page .vidar-cta-band__inner {
    min-height: 100px;
}
.template-page .vidar-cta-band__inner .vidar-cta-actions {
        margin-top: -10px;
        margin-bottom: 0px;
    }
 html body #main text-with-icons-carousel .h6 {
        font-family: "Roboto", Sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
    }
html body #main a.product-title.h6 {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    padding-bottom: 5px;
}
.template-collection #main .product-card__info price-list sale-price.h6.text-subdued {
    font-size: 14px !important;
    font-weight: 300 !important;
}
  .shopify-section--featured-collections p.h6.text-center {
      font-size: 18px !important;
  }

  html body #main .shopify-section--featured-collections .section-stack > .v-stack > h2.h2
  {
    font-size: 24px !important;
  }

  html body #main .shopify-section--featured-collections .h6, html body #main .h6 {
    font-family: "Roboto", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
  }

  html body #main .shopify-section--collection-list .h6, html body #main .h6 {
    font-family: "Roboto", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 100 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.3;
  }

  header.vidar-reviews__header {
    display: flex !important;
    flex-direction: column !important;
  }


      html body #main a.product-title.h6 {
        font-weight: 400 !important;
        font-size: 20px !important;
        line-height: 1.1 !important;
        padding-bottom: 5px;
    }

  html body #main .shopify-section--collection-list .h2, html body #main .h2 {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    font-style: italic !important;
    text-transform: inherit;
    margin-top: 5px;
    line-height: 1.2; 
  }


  html body [id$='__vidar_memories'] .vidar-memories__title {
    font-size: 20px !important;
    font-weight: 400 !important;
  }

  html body #main [id$='__vidar_memories'] .vidar-memories__carousel {
        padding: 0 !important;
    }

   html body #main .vidar-leads__carousel .vidar-leads__desc
    {
          line-height: 1.3 !important;
    }

    html body .shopify-section--text-with-icons-bg .text-with-icons__item {
      margin-left: -25px;
  }
  .shopify-section--blog-posts {
    padding-top: 40px;
  }

  .logo-list.scroll-area.bleed.sm\:unbleed {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 20px;
  }
  .logo-list.scroll-area.bleed.sm\:unbleed .logo-list__item {
    padding: 0;
  }
}
/* most-popular-3up 1784800001 */


/* ============================================================
   Blog article page — two-column layout (match WP /blog/ post)
   Left: article. Right sidebar: lead form + BEST SELLER carousel.
   Images kept at natural size (not enlarged).
   ============================================================ */
html body .shopify-section--main-article .article-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 48px;
    align-items: start;
}
/* OUR BLOG eyebrow above article title (match WP + listing header) */
html body .shopify-section--main-article .article-eyebrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
    margin-bottom: 6px;
}
html body .shopify-section--main-article .article-eyebrow__title {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 22px;
    font-weight: 200;
    letter-spacing: 0;
    text-transform: none;
    color: #000;
    line-height: 1;
}
html body .shopify-section--main-article .article-eyebrow__subtitle {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: #131212;
}
@media screen and (min-width: 750px) {
    html body .shopify-section--main-article .article-eyebrow__title { font-size: 26px; }
    html body .shopify-section--main-article .article-eyebrow__subtitle { font-size: 24px; }
}

html body .shopify-section--main-article .article-grid--no-sidebar {
    grid-template-columns: minmax(0, 1fr);
}
html body .shopify-section--main-article .article-grid__main { min-width: 0; }

/* Featured + in-body images: original size, never enlarged, centered */
html body .shopify-section--main-article .article__image--inline { margin-bottom: 34px; }
html body .shopify-section--main-article .article__image-el,
html body .shopify-section--main-article .article-grid__main .prose img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Sticky sidebar on desktop */
@media screen and (min-width: 990px) {
    html body .shopify-section--main-article .article-grid__aside {
        position: sticky;
        top: 24px;
    }
}

/* ---- Lead form (cream panel, WP fonts) ---- */
html body .shopify-section--main-article .article-lead-form {
    background: #F5F1E9;
    padding: 30px 26px 32px;
}
html body .shopify-section--main-article .article-lead-form__head {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    margin-bottom: 14px;
}
html body .shopify-section--main-article .article-lead-form__title {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic;
    font-weight: 500;
    font-size: clamp(30px, 3.4vw, 40px);
    color: #000;
}
html body .shopify-section--main-article .article-lead-form__subtitle {
    font-family: 'Saudagar', "Roboto", sans-serif !important;
    font-weight: 300;
    font-size: clamp(22px, 2.6vw, 30px);
    color: #000;
    margin-top: 2px;
}
html body .shopify-section--main-article .article-lead-form__lead {
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    color: #1a1a1a;
    margin: 8px 0 12px;
}
html body .shopify-section--main-article .article-lead-form__list {
    list-style: none;
    margin: 0 0 18px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
html body .shopify-section--main-article .article-lead-form__list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: "Roboto", sans-serif !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.4;
    color: #3a3a3a;
}
html body .shopify-section--main-article .article-lead-form__check {
    flex: 0 0 auto;
    color: #6b6b6b;
    margin-top: 1px;
}
html body .shopify-section--main-article .article-lead-form__row {
    display: flex;
    align-items: stretch;
    margin-bottom: 12px;
}
html body .shopify-section--main-article .article-lead-form__email {
    flex: 1 1 auto;
    min-width: 0;
    height: 44px;
    border: 1px solid #a3a3a3;
    border-right: none;
    background: #fff;
    padding: 0 12px;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px;
    color: #1a1a1a;
    border-radius: 0;
}
html body .shopify-section--main-article .article-lead-form__email:focus {
    outline: none;
    border-color: #000;
}
html body .shopify-section--main-article .article-lead-form__submit {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    padding: 0 16px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0;
    transition: opacity .2s ease;
}
html body .shopify-section--main-article .article-lead-form__submit:hover { opacity: .85; }
html body .shopify-section--main-article .article-lead-form__consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-family: "Roboto", sans-serif !important;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.4;
    color: #4a4a4a;
}
html body .shopify-section--main-article .article-lead-form__consent input {
    flex: 0 0 auto;
    margin-top: 2px;
}

/* ---- Best Seller carousel ---- */
html body .shopify-section--main-article .article-bestseller {
    background: #F5F1E9;
    padding: 8px 18px 26px;
    margin-top: 0;
    border-top: 1px solid #e2dccf;
}
html body .shopify-section--main-article .article-bestseller__title {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-align: center;
    color: #58595b;
    margin: 18px 0 14px;
}
html body .shopify-section--main-article .article-bestseller__viewport {
    position: relative;
    display: flex;
    align-items: center;
}
html body .shopify-section--main-article .article-bestseller__track {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
html body .shopify-section--main-article .article-bestseller__track::-webkit-scrollbar { display: none; }
html body .shopify-section--main-article .article-bestseller__slide {
    flex: 0 0 100%;
    scroll-snap-align: center;
    text-align: center;
    text-decoration: none;
    color: #131212;
}
html body .shopify-section--main-article .article-bestseller__media {
    background: #fff;
    padding: 10px;
    margin-bottom: 12px;
}
html body .shopify-section--main-article .article-bestseller__img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
}
html body .shopify-section--main-article .article-bestseller__name {
    display: block;
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic;
    font-size: 20px;
    color: #131212;
    margin-bottom: 2px;
}
html body .shopify-section--main-article .article-bestseller__price {
    display: block;
    font-family: "Roboto", sans-serif !important;
    font-weight: 300;
    font-size: 14px;
    color: #58595b;
}
html body .shopify-section--main-article .article-bestseller__nav {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #cfc8ba;
    background: rgba(255,255,255,0.9);
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
html body .shopify-section--main-article .article-bestseller__nav--prev { left: -6px; }
html body .shopify-section--main-article .article-bestseller__nav--next { right: -6px; }

/* Pagination dots (one per product, like WP owl-carousel) */
html body .shopify-section--main-article .article-bestseller__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}
html body .shopify-section--main-article .article-bestseller__dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #b7ad9a;
    background: transparent;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
html body .shopify-section--main-article .article-bestseller__dot:hover { border-color: #8a8272; }
html body .shopify-section--main-article .article-bestseller__dot.is-active {
    background: #58595b;
    border-color: #58595b;
    transform: scale(1.1);
}

/* ---- Mobile: sidebar stacks below article ---- */
@media screen and (max-width: 989px) {
    html body .shopify-section--main-article .article-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }
    html body .shopify-section--main-article .article-grid__aside { max-width: 480px; margin: 0 auto; width: 100%; }
}

/* ============================================================
   WP social-links block migrated into article body — restore the
   WordPress "wp-block-social-links" look (colored circular icons,
   no bullets, no visible labels). Matches WP computed styles.
   ============================================================ */
html body .shopify-section--main-article .prose .wp-block-social-links {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0;
}
html body .shopify-section--main-article .prose .wp-block-social-links.aligncenter { justify-content: center; }
html body .shopify-section--main-article .prose .wp-block-social-links li,
html body .shopify-section--main-article .prose li.wp-social-link {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body .shopify-section--main-article .prose li.wp-social-link::marker { content: "" !important; }
html body .shopify-section--main-article .prose .wp-social-link {
    width: 36px;
    height: 36px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: transform .15s ease, opacity .15s ease;
}
html body .shopify-section--main-article .prose .wp-social-link:hover { transform: translateY(-2px); opacity: .9; }
html body .shopify-section--main-article .prose .wp-block-social-link-anchor {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none !important;
    padding: 0;
}
html body .shopify-section--main-article .prose .wp-block-social-link-anchor svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}
html body .shopify-section--main-article .prose .wp-block-social-link-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
html body .shopify-section--main-article .prose .wp-social-link-pinterest { background-color: #e60023; }
html body .shopify-section--main-article .prose .wp-social-link-facebook  { background-color: #0866ff; }
html body .shopify-section--main-article .prose .wp-social-link-instagram { background-color: #f00075; }
html body .shopify-section--main-article .prose .wp-social-link-youtube   { background-color: #ff0000; }
html body .shopify-section--main-article .prose .wp-social-link-mail      { background-color: #f0f0f0; color: #444; }

/* ============================================================
   Blog consultation CTA (match WP "CONSULT WITH ONE OF OUR
   PROFESSIONAL DESIGNERS / No Charge, Of Course")
   ============================================================ */
html body .shopify-section--blog-consult-cta .blog-consult {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}
html body .shopify-section--blog-consult-cta .blog-consult__head { margin-bottom: 22px; }
html body .shopify-section--blog-consult-cta .blog-consult__title {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 300;
    font-size: clamp(20px, 2.6vw, 28px);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1a1a1a;
    line-height: 1.25;
    margin: 0 0 6px;
}
html body .shopify-section--blog-consult-cta .blog-consult__subtitle {
    font-family: 'Aramis', 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic;
    font-weight: 400;
    font-size: clamp(20px, 2.4vw, 26px);
    color: #131212;
    margin: 0;
}
html body .shopify-section--blog-consult-cta .blog-consult__form {
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
html body .shopify-section--blog-consult-cta .blog-consult__row {
    display: flex;
    gap: 12px;
}
html body .shopify-section--blog-consult-cta .blog-consult__field {
    width: 100%;
    min-width: 0;
    height: 46px;
    border: 1px solid #a3a3a3;
    background: #fff;
    padding: 0 14px;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px;
    color: #1a1a1a;
    border-radius: 0;
}
html body .shopify-section--blog-consult-cta .blog-consult__textarea {
    height: auto;
    padding: 12px 14px;
    line-height: 1.5;
    resize: vertical;
}
html body .shopify-section--blog-consult-cta .blog-consult__field:focus { outline: none; border-color: #000; }
html body .shopify-section--blog-consult-cta .blog-consult__consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    text-align: left;
    font-family: "Roboto", sans-serif !important;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.4;
    color: #4a4a4a;
}
html body .shopify-section--blog-consult-cta .blog-consult__consent input { flex: 0 0 auto; margin-top: 2px; }
html body .shopify-section--blog-consult-cta .blog-consult__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}
html body .shopify-section--blog-consult-cta .blog-consult__submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 46px;
    padding: 0 26px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-family: "Roboto", sans-serif !important;
    font-size: 15px;
    cursor: pointer;
    border-radius: 0;
    transition: opacity .2s ease;
}
html body .shopify-section--blog-consult-cta .blog-consult__submit:hover { opacity: .85; }
html body .shopify-section--blog-consult-cta .blog-consult__reassurance {
    font-family: "Roboto", sans-serif !important;
    font-weight: 300;
    font-size: 13px;
    color: #58595b;
    margin: 0;
}
@media screen and (max-width: 749px) {
    html body .shopify-section--blog-consult-cta .blog-consult__row { flex-direction: column; }
}

/* ============================================================
   FAQ page — nested accordion (match WP /faqs-2/)
   Category = top-level collapsible arrow; questions nested inside.
   ============================================================ */
html body .shopify-section--faq .faq__content--nested {
    display: flex;
    flex-direction: column;
}
html body .shopify-section--faq .faq__category-group {
    border-top: 1px solid #d5d8dc;
}
html body .shopify-section--faq .faq__category-group:last-child {
    border-bottom: 1px solid #d5d8dc;
}
/* Category (top-level) title */
html body .shopify-section--faq .faq__category-group > .accordion > .accordion__disclosure > summary .accordion__toggle {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #333 !important;
    padding-block: 18px !important;
}
html body .shopify-section--faq .faq__category-group > .accordion > .accordion__disclosure > summary .accordion__toggle svg {
    width: 22px;
    height: 22px;
    color: #333;
}
/* Category content: hold the nested questions */
html body .shopify-section--faq .faq__category-group > .accordion > .accordion__disclosure > .accordion__content {
    padding-block: 4px 18px;
}
/* Nested question accordions */
html body .shopify-section--faq .faq__category-group .accordion__content .accordion {
    border-top: 1px solid #ececec;
}
html body .shopify-section--faq .faq__category-group .accordion__content .accordion:first-child {
    border-top: none;
}
html body .shopify-section--faq .faq__category-group .accordion__content .accordion__toggle {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #7a7a7a !important;
    text-transform: none !important;
    padding-block: 12px !important;
}
html body .shopify-section--faq .faq__category-group .accordion__content .accordion__toggle svg {
    width: 16px;
    height: 16px;
}
/* Answer prose inside nested question */
html body .shopify-section--faq .faq__category-group .accordion__content .accordion .accordion__content .prose {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #58595b !important;
    line-height: 1.6 !important;
}

/* FAQ fix 1: nested question chevrons must follow their OWN open state.
   The theme's group-expanded rotate fires on all descendants when the parent
   category is open, so closed questions showed up-arrows. Force by own [open]. */
html body .shopify-section--faq .faq__category-group .accordion__content .accordion__disclosure .accordion__toggle svg {
    transform: none !important;
}
html body .shopify-section--faq .faq__category-group .accordion__content .accordion__disclosure[open] .accordion__toggle svg {
    transform: rotate(180deg) !important;
}

/* FAQ fix 2: center the "Our Most Popular" featured-collections section
   (its .container was margin-inline:48px fixed → left-anchored on wide screens). */
html body .shopify-section--featured-collections .container {
    margin-inline: auto !important;
}

/* FAQ category toggle with icon: darken + emphasize label (client-provided) */
html .faq .faq__content span.accordion__toggle.h6 span.text-with-icon.gap-4 {
    color: #333 !important;
    opacity: 1 !important;
    font-weight: 500;
    font-size: 18px;
}

/* ============================================================
   Quick-buy modal thumbnail strip fix.
   The product-gallery thumbnail styles are scoped to
   #shopify-section-{id}, which does NOT apply inside the cloned
   quick-buy-modal template — so arrows rendered unstyled and
   overlapped the first thumbnail. Re-style here (unscoped).
   ============================================================ */
quick-buy-modal .product-gallery__thumbnail-slider {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 4px 2px;
}
quick-buy-modal .product-gallery__thumbnail-list {
    position: static !important;
    inset-block-start: auto !important;
    display: flex;
    justify-content: center;
    width: 100%;
}
/* Horizontal scrollable thumbnail row */
quick-buy-modal .product-gallery__thumbnail-scroller {
    display: flex !important;
    grid-auto-columns: unset !important;
    gap: 10px !important;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none;
    justify-content: flex-start !important;
    justify-items: start !important;
    margin-inline: 0 !important;
    scroll-behavior: smooth;
}
quick-buy-modal .product-gallery__thumbnail-scroller::-webkit-scrollbar { display: none; }
quick-buy-modal .product-gallery__thumbnail {
    flex: 0 0 auto !important;
    inline-size: 64px !important;
    block-size: 64px !important;
    width: 64px;
    height: 64px;
    padding: 2px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    scroll-snap-align: start;
    transition: border-color .15s ease;
}
quick-buy-modal .product-gallery__thumbnail[aria-current="true"] {
    border-color: #111 !important;
}
quick-buy-modal .product-gallery__thumbnail > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
/* Circular arrow buttons, edge-anchored, no overlap */
quick-buy-modal .product-gallery__thumbnail-arrow {
    flex: 0 0 auto !important;
    inline-size: 32px !important;
    block-size: 32px !important;
    width: 32px;
    height: 32px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 999px;
    background: #fff;
    color: #111;
    cursor: pointer;
    padding: 0;
    z-index: 1;
}
quick-buy-modal .product-gallery__thumbnail-arrow svg { width: 14px; height: 14px; }
quick-buy-modal .product-gallery__thumbnail-arrow[disabled] { opacity: .35; cursor: not-allowed; }