/** Shopify CDN: Minification failed

Line 271:155 Expected "}" to go with "{"

**/


/* CSS from section stylesheet tags */
.frc { padding: 28px 0; }
.frc.container .frc__inner { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.frc.full-width .frc__inner { padding: 0 16px; }
.frc__heading { text-align:center; margin: 0 0 6px; font-size: 1.5em; font-weight: bolder;}
.frc__subheading { text-align:center; opacity:.75; margin: 0 0 22px; }

/* filter wrapper */
.frc__filters { background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:14px; padding:16px; margin-bottom:18px; }
.frc__row { display:grid; grid-template-columns: 1fr; gap:16px; }
.frc__group { display:flex; flex-direction:column; gap:10px; }
.frc__group--full { grid-column: 1 / -1; }
.frc__legend { font-weight:600; font-size:13px; }

/* cards/chips (general) */
.frc__cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; }
@media (min-width: 920px){ .frc__cards { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); } }
.frc-card { display:grid; gap:6px; border-radius:12px; padding:8px; cursor:pointer; user-select:none; text-align:center; position:relative; background:#fff; }
.frc-card input { position:absolute; inset:0; opacity:0; pointer-events:none; }
.frc-card__media { aspect-ratio:1/1; border-radius:10px; overflow:hidden;  display:flex; align-items:center; justify-content:center; }
.frc-card__media img { width:100%; height:100%; object-fit:cover; }
.frc-card__placeholder { font-weight:700; font-size:20px; opacity:.35; }
.frc-card__label { font-size:15px; }
.frc-card.is-selected { border-color:#235171; box-shadow:0 0 0 2px #235171 inset; }

.frc__chips { display:flex; flex-wrap:wrap; gap:8px; }
.frc-chip { display:inline-flex; align-items:center; gap:6px; padding:8px 10px;  border-radius:999px; cursor:pointer; background:#fff; }
.frc-chip input { accent-color: currentColor; }
.frc-chip.is-selected { border-color:#111; box-shadow:0 0 0 2px #111 inset; }


/* Enhanced carat bracket chip design */
.frc__group--carat-bracket .frc-chip {
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 999px;
  background-color: #f9f9f9;
  border: 1px solid rgba(0,0,0,0.1);
  transition: all 0.2s ease-in-out;
}

.frc__group--carat-bracket .frc-chip input[type="checkbox"] {
  display: none;
}

.frc__group--carat-bracket .frc-chip span {
  pointer-events: none;
}

.frc__group--carat-bracket .frc-chip input[type="checkbox"]:checked + span {
  color: #fff;
  padding: 10px 14px;
  border-radius: 999px;
  display: inline-block;
}

/* SHAPE: force one row */
.frc__cards--one-row { 
  gap: 10px; 
  flex-wrap: nowrap; 
  overflow-x: auto; 
  -webkit-overflow-scrolling: touch;
}
.frc__cards--one-row .frc-card { min-width: 120px; }
@media (min-width: 920px){
  .frc__cards--one-row { overflow: visible; }
  .frc__cards--one-row .frc-card {
    flex: 0 0 calc((100% - (var(--cols) - 1) * 10px) / var(--cols));
    min-width: 0;
  }
}

/* SHAPE fallback chips in one row */
.frc__chips--one-row {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 920px){
  .frc__chips--one-row { overflow: visible; }
  .frc__chips--one-row .frc-chip {
    flex: 0 0 calc((100% - (var(--cols) - 1) * 10px) / var(--cols));
    justify-content: center;
  }
}

/* ranges */
.frc-range { display:grid; gap:10px; }
.frc-range__track { position:relative; height:34px; display:grid; align-items:center; }
.frc-range__track input[type="range"] { -webkit-appearance:none; appearance:none; width:100%; background:none; position:absolute; pointer-events:none; bottom: -3px; }
.frc-range__track input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:18px; height:18px; border-radius:50%; background:#111; border:2px solid #fff; box-shadow:0 0 0 1px rgba(0,0,0,.18); pointer-events:auto; }
.frc-range__track input[type="range"]::-moz-range-thumb { width:18px; height:18px; border-radius:50%; background:#111; border:2px solid #fff; box-shadow:0 0 0 1px rgba(0,0,0,.18); pointer-events:auto; }
.frc-range__track input[type="range"]::-webkit-slider-runnable-track { height:4px; background:transparent; }
.frc-range__track input[type="range"]::-moz-range-track { height:4px; background:transparent; }
.frc-range__track::before { content:""; position:absolute; left:0; right:0; height:4px; border-radius:999px; background: rgba(0,0,0,.12); }
.frc-range__fill { position:absolute; height:4px; border-radius:999px; background:#111; }
.frc-range__fields { display:grid; grid-template-columns: repeat(2,1fr); gap:8px; }
.frc-range__fields input { width:100%; padding:8px 10px; border:1px solid rgba(0,0,0,.15); border-radius:8px; }
/* Hover effect for frc-card */
.frc-card, .frc-chip {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}


.frc-card:hover, .frc-chip:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

/* Evenly spread pill layout */
.frc__group--carat-bracket .frc__chips {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px;
}

/* Default chip style */
.frc__group--carat-bracket .frc-chip {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  border-radius: 999px;
  background-color: #f3f3f3;
  color: #333;
  border: 1px solid transparent;
  padding: 10px 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Hide default checkbox */
.frc__group--carat-bracket .frc-chip input[type="checkbox"] {
  display: none;
}

/* Soft selected effect */
.frc__group--carat-bracket .frc-chip input[type="checkbox"]:checked + span {
  color: #235171;
  border-radius: 999px;
  padding: 10px 12px;
  font-weight: bolder;
}





/* === Shop Rings (mobile heading & spacing fixes) === */
@media (max-width: 767px){
  /* scope to the page template */
  .template-page-shop-rings .frc__inner{
    padding-left: 12px;
    padding-right: 12px;
  }

  /* H1 “SHOP BY DIAMOND” */
  .template-page-shop-rings .frc__heading{
    font-size: 28px;      /* was theme default (too big) */
    line-height: 1.15;
    letter-spacing: .02em;
    margin: 6px 0 8px;    /* reduce top/bottom spacing */
  }

  /* Subheading */
  .template-page-shop-rings .frc__subheading{
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 14px;
    opacity: .8;
  }

  /* Filter card/chip container padding */
  .template-page-shop-rings .frc__filters{
    padding: 12px;
    border-radius: 12px;
  }

  /* Legends (“Shape”, “Metal”, “Style”) */
  .template-page-shop-rings .frc__legend{
    font-size: 12px;
    margin-bottom: 6px;
  }

  /* Make the one-row shape cards a touch shorter */
  .template-page-shop-rings .frc-card__media{
    aspect-ratio: 1/1;
  }

  /* Chips tighten */
  .template-page-shop-rings .frc-chip{
    padding: 6px 10px;
    font-size: 12px;
  }

  /* Fields under sliders */
  .template-page-shop-rings .frc-range__fields input{
    padding: 8px 10px;
    font-size: 14px;
  }

  /* Buttons */
  .template-page-shop-rings .frc__btn{
    padding: 10px 12px;
    font-size: 14px;
  }
}

/* (Optional) If your site header itself is too tall ONLY on this page: */
@media (max-width: 767px){
  .template-page-shop-rings #shopify-section-header,
  .template-page-shop-rings .header, 
  .template-page-shop-rings .site-header{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .template-page-shop-rings .header__logo img{
    max-height: 34px;
    height: auto;
  }
}


/* actions */
.footer-group { margin-top: 4em;}
.frc__actions { display:inline-flex; gap:8px; }
.frc__btn { border:1px solid rgba(0,0,0,.2); background:#111; color:#fff; padding:10px 14px; border-radius:8px; font-size:14px; }
.frc__btn--clear { background:#fff; color:#111; }

/* results */
.frc__results { min-height: 120px; position: relative; }
.frc__loading { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background: rgba(255,255,255,.6); font-weight:600; }
  .frc.container.section-in-view .product-card{
    opacity: 1;
/* mobile helper for any scrollable rows */
@media (max-width: 599px){
  [data-scroll-snap] { display:flex; gap:10px; overflow:auto; scroll-snap-type:x mandatory; padding-bottom:2px; }
  [data-scroll-snap] .frc-card { min-width: 120px; scroll-snap-align: start; }
}
.sryr { padding: 28px 0; }
.sryr.container .sryr__inner { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.sryr.full-width .sryr__inner { max-width: none; padding: 0 16px; }
.sryr__heading { text-align:center; margin: 0 0 6px; }
.sryr__subheading { text-align:center; opacity:.8; margin: 0 0 22px; }

.sryr__filters { border: 1px solid rgba(0,0,0,.08); border-radius: 12px; padding: 14px; margin-bottom: 18px; background: #fff; }
.sryr__row { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media(min-width: 900px){ .sryr__row { grid-template-columns: repeat(6, 1fr); align-items: flex-end; } }

.sryr__chip { display:inline-flex; align-items:center; gap: 6px; padding: 6px 10px; border: 1px solid rgba(0,0,0,.12); border-radius: 999px; cursor:pointer; user-select:none; }
.sryr__chip input { accent-color: currentColor; }
.sryr__range { display:flex; align-items:center; gap:8px; }
.sryr__dash { opacity:.6; }

.sryr__actions { display:flex; gap:8px; justify-content:flex-end; }
.sryr__btn { border: 1px solid rgba(0,0,0,.2); background:#111; color:#fff; padding:10px 14px; border-radius:8px; font-size:14px; }
.sryr__btn--clear { background:#fff; color:#111; }

.sryr__results { min-height:120px; position:relative; }
.sryr__loading { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background: rgba(255,255,255,.6); font-weight:600; }