/* Framework-free behavior and snapshot normalization. The visual system itself
   is the exact compiled stylesheet from the current storefront. */
/* Use the same light, narrow page scrollbar across the storefront. */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 3px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #fff;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #aaa;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: #888;
}
@supports (-moz-appearance: none) {
  html,
  body {
    scrollbar-width: thin;
    scrollbar-color: #aaa #fff;
  }
}
/* Match the reference frontend's shared header, page, and footer container. */
.pixel-static .container-luxe {
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 768px) {
  .pixel-static .container-luxe {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.pixel-static [style*="opacity: 0"][style*="translateY"] { opacity: 1 !important; transform: none !important; }
.pixel-static .static-reel-placeholder { width: 100%; height: 100%; display: grid; place-items: center; background: #160e0e; color: #fff; }
.pixel-static .vanilla-hidden { display: none !important; }
.pixel-static .vanilla-modal-backdrop { position: fixed; inset: 0; z-index: 200; background: rgb(0 0 0 / .65); }
.pixel-static .vanilla-drawer { position: fixed; inset: 0 auto 0 0; z-index: 301; width: min(360px,88vw); padding: 72px 28px 30px; background: #fff; box-shadow: 20px 0 60px rgb(0 0 0 / .18); transform: translateX(-105%); transition: transform .3s ease; }
.pixel-static .vanilla-drawer.open { transform: translateX(0); }
.pixel-static .vanilla-drawer a { display: block; padding: 14px 0; border-bottom: 1px solid var(--color-border); font-family: var(--font-display); }
.pixel-static .vanilla-drawer button { position: absolute; top: 18px; right: 20px; border: 0; background: none; font-size: 30px; }
.pixel-static .vanilla-overlay { position: fixed; inset: 0; z-index: 300; visibility: hidden; opacity: 0; background: rgb(0 0 0 / .5); transition: .25s; }
.pixel-static .vanilla-overlay.open { visibility: visible; opacity: 1; }
.pixel-static .vanilla-dialog { position: fixed; left: 50%; top: 50%; z-index: 401; width: min(420px,calc(100% - 30px)); padding: 28px; background: var(--color-background); border-radius: 16px; box-shadow: 0 25px 80px rgb(0 0 0 / .25); transform: translate(-50%,-45%) scale(.96); visibility: hidden; opacity: 0; transition: .25s; }
.pixel-static .vanilla-dialog.open { visibility: visible; opacity: 1; transform: translate(-50%,-50%) scale(1); }
.pixel-static .vanilla-dialog h3 { margin: 0 0 12px; font-size: 24px; }
.pixel-static .vanilla-dialog-close { position: absolute; right: 15px; top: 12px; border: 0; background: none; font-size: 25px; cursor: pointer; }
.pixel-static .vanilla-count { position: absolute; right: 1px; top: 1px; min-width: 15px; height: 15px; padding: 0 3px; display: grid; place-items: center; border-radius: 999px; background: #8d0c10; color: #fff; font-size: 8px; line-height: 1; }
.pixel-static .vanilla-product-image { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.pixel-static .vanilla-search { position: fixed; left: 50%; top: 95px; z-index: 401; width: min(720px,calc(100% - 30px)); padding: 22px; background: #fff; box-shadow: 0 20px 70px rgb(0 0 0 / .2); transform: translate(-50%,-15px); visibility: hidden; opacity: 0; transition: .25s; }
.pixel-static .vanilla-search.open { visibility: visible; opacity: 1; transform: translate(-50%,0); }
.pixel-static .vanilla-search form { display: flex; border-bottom: 1px solid var(--color-gold-dark); }
.pixel-static .vanilla-search input { flex: 1; padding: 14px 5px; border: 0; outline: 0; font-size: 18px; }
.pixel-static .vanilla-search button { padding: 0 15px; border: 0; background: transparent; cursor: pointer; }
.pixel-static .vanilla-mega { position: fixed; left: 0; right: 0; top: 172px; z-index: 250; visibility: hidden; opacity: 0; padding: 28px max(30px,calc((100vw - 1340px)/2)); background: #fff; border-top: 1px solid var(--color-border); box-shadow: 0 20px 45px rgb(0 0 0 / .1); transition: .2s; }
.pixel-static .vanilla-mega.open { visibility: visible; opacity: 1; }
.pixel-static .vanilla-mega-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 35px; }
.pixel-static .vanilla-mega h4 { margin: 0 0 10px; color: var(--color-gold-dark); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.pixel-static .vanilla-mega a { display: block; padding: 6px 0; font-size: 13px; }
@media(max-width:1023px){.pixel-static .vanilla-mega{display:none}.pixel-static .vanilla-search{top:72px}}

/* Complete static parity layer */
[hidden]{display:none!important}.source-quick>div:last-child{max-height:calc(100dvh - 32px);overflow-y:auto}.source-quick{z-index:300}[data-source-overlay]{overscroll-behavior:contain}[data-source-carousel]{overflow:hidden}[data-source-track]{will-change:transform}[data-source-filters] .source-filter-selected{border-color:var(--gold-dark);background:color-mix(in srgb,var(--gold) 10%,transparent);color:var(--ink);font-weight:600}[data-source-filters] [data-filter-key="genders"].source-filter-selected,[data-source-filters] [data-filter-key="designs"].source-filter-selected,[data-source-filters] [data-filter-key="finishes"].source-filter-selected,[data-source-filters] [data-filter-key="availabilities"].source-filter-selected{background:var(--ink);color:var(--background);border-color:var(--ink)}[data-source-filters] [data-filter-key="sizes"].source-filter-selected{background:var(--gold-dark);color:#fff;transform:scale(1.05)}.pixel-static header a[aria-label="Cart"] .vanilla-count{background:var(--brand-blue)}.pixel-static .vanilla-count{top:-2px;right:-2px;width:16px;height:16px;font-size:9px}.source-quick .rj-primary{background:initial}header nav[inert]{visibility:hidden}main input.input-luxe{min-width:0}
.pixel-static header .vanilla-mega{position:absolute;top:100%;padding:0;z-index:60;background:var(--color-background,#fff);max-height:calc(100dvh - 64px);overflow:auto}.vanilla-mega-inner{display:flex;justify-content:space-between;gap:40px;padding-top:40px;padding-bottom:40px}.pixel-static .vanilla-mega-grid{flex:1;gap:40px}.pixel-static .vanilla-mega h4{margin-bottom:20px}.pixel-static .vanilla-mega a{font-size:14px;padding:0;margin-bottom:12px;color:var(--color-foreground);opacity:.75}.pixel-static .vanilla-mega a:hover{color:var(--color-gold-dark);opacity:1}.vanilla-mega-featured{width:240px;flex-shrink:0;border-left:1px solid var(--color-border);padding-left:32px}.vanilla-mega-art{aspect-ratio:4/5;background:linear-gradient(135deg,#c19a4033,#1717171a);margin-bottom:12px}.pixel-static header nav a[aria-expanded="true"]{color:var(--color-gold-dark)}
.rj-no-scroll{overflow:hidden!important}.rj-toast{position:fixed;right:1.25rem;bottom:5.5rem;z-index:250;max-width:min(360px,calc(100vw - 2rem));padding:.9rem 1.1rem;border-radius:.75rem;background:#101b35;color:#fff;box-shadow:0 14px 40px #0004;font-size:.83rem;transform:translateY(18px);opacity:0;transition:.25s ease}.rj-toast.show{transform:translateY(0);opacity:1}.rj-modal-root{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:1rem}.rj-modal-backdrop{position:absolute;inset:0;background:#000a;backdrop-filter:blur(4px)}.rj-modal-panel{position:relative;z-index:1;width:min(900px,100%);max-height:92vh;overflow:auto;background:var(--color-background,#fff);border:1px solid #c19a4033;border-radius:1rem;box-shadow:0 24px 80px #0005}.rj-close{position:absolute;top:1rem;right:1rem;z-index:5;width:2.25rem;height:2.25rem;border-radius:999px;display:grid;place-items:center;background:#fffffff0;border:1px solid #e5e1d8;font-size:1.4rem;cursor:pointer}.rj-quick-grid{display:grid;grid-template-columns:1fr 1fr}.rj-quick-gallery{min-height:430px;padding:1.5rem;background:#fafafa;border-right:1px solid #ece8df;display:flex;flex-direction:column}.rj-quick-stage{position:relative;flex:1;min-height:320px;background:#fff;border-radius:.75rem;overflow:hidden;display:grid;place-items:center}.rj-quick-stage img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;padding:1rem}.rj-arrow{position:absolute;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;background:#fff;border:1px solid #ded8cc;z-index:2;cursor:pointer}.rj-arrow.prev{left:.75rem}.rj-arrow.next{right:.75rem}.rj-thumbs{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;overflow:auto}.rj-thumbs button{width:3rem;height:3rem;flex:0 0 auto;border:1px solid #ddd7cb;border-radius:.5rem;background:#fff;overflow:hidden}.rj-thumbs button.active{border-color:#a97c24;box-shadow:0 0 0 1px #a97c24}.rj-thumbs img{width:100%;height:100%;object-fit:contain}.rj-quick-info{padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.rj-actions{display:flex;gap:.5rem;align-items:stretch}.rj-actions button,.rj-actions a{min-height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.7rem}.rj-primary{background:#8d0c10;color:#fff;padding:.75rem 1rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600}.rj-secondary{border:1px solid #c9b98f;color:#8a691e;padding:.75rem 1rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.rj-lightbox .rj-modal-panel{width:min(1180px,100%);height:min(86vh,850px);background:#0b0b0b;overflow:hidden}.rj-lightbox-stage{width:100%;height:100%;display:grid;place-items:center;position:relative}.rj-lightbox-stage img{max-width:94%;max-height:94%;object-fit:contain;transition:transform .25s ease;cursor:zoom-in}.rj-lightbox-stage img.zoomed{transform:scale(1.8);cursor:zoom-out}.rj-lightbox .rj-close{color:#fff;background:#0009;border-color:#ffffff40}.rj-search-panel{position:fixed;inset:0;z-index:210;background:#fffffffc;padding:clamp(5rem,12vh,9rem) 1.5rem 2rem;overflow:auto}.rj-search-inner{width:min(820px,100%);margin:auto}.rj-search-form{display:flex;align-items:center;border-bottom:1px solid #222}.rj-search-form input{flex:1;border:0;outline:0;background:transparent;padding:1rem .25rem;font-family:var(--font-display,serif);font-size:clamp(1.5rem,4vw,2.4rem)}.rj-search-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.rj-search-tags button{padding:.55rem .9rem;border:1px solid #ddd7cb;font-size:.8rem}.rj-voice{position:fixed;inset:0;z-index:260;background:#fffffffc;display:grid;place-items:center;text-align:center}.rj-voice-orb{width:9rem;height:9rem;border-radius:50%;display:grid;place-items:center;background:#c19a4024;font-size:2rem;animation:rjPulse 1.8s infinite}@keyframes rjPulse{50%{box-shadow:0 0 0 28px #c19a4014}}.rj-filter-mobile{position:fixed;inset:0;z-index:230;display:none}.rj-filter-mobile.open{display:block}.rj-filter-mobile .shade{position:absolute;inset:0;background:#0008}.rj-filter-panel{position:absolute;inset:0 auto 0 0;width:min(390px,92vw);background:#fff;display:flex;flex-direction:column;animation:rjSlide .32s ease}@keyframes rjSlide{from{transform:translateX(-100%)}}.rj-filter-scroll{flex:1;overflow:auto;padding:1.25rem}.rj-filter-group{border-bottom:1px solid #e5e1d8}.rj-filter-group>button{width:100%;display:flex;justify-content:space-between;padding:1rem 0;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.rj-filter-options{display:none;padding:0 0 1rem}.rj-filter-group.open .rj-filter-options{display:grid;gap:.55rem}.rj-check{display:flex;align-items:center;gap:.65rem;font-size:.84rem;cursor:pointer}.rj-check input{accent-color:#8d0c10}.rj-filter-footer{padding:1rem;border-top:1px solid #e5e1d8;display:flex;gap:.75rem}.rj-filter-footer button{flex:1;padding:.8rem;border-radius:999px;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}.rj-step-content{min-height:420px}.rj-account-tab.active,.rj-city.active,.rj-choice.active{background:#101b35!important;color:#fff!important;border-color:#101b35!important}.rj-success{padding:1rem;border:1px solid #8bbd99;background:#effaf2;color:#246b38;font-size:.88rem}.rj-product-hover img{transition:opacity .45s ease,transform .45s ease}.rj-product-hover:hover img{transform:scale(1.025)}
@media(max-width:767px){.rj-quick-grid{grid-template-columns:1fr}.rj-quick-gallery{min-height:340px;border-right:0;border-bottom:1px solid #ece8df}.rj-quick-stage{min-height:260px}.rj-quick-info{padding:1.25rem}.rj-modal-root{align-items:end;padding:0}.rj-modal-panel{border-radius:1rem 1rem 0 0;max-height:94vh}.rj-toast{bottom:5.25rem}}
main aside .rj-filter-group>button{padding:.75rem 0;font-size:11px;letter-spacing:.1em}main aside .rj-filter-group{padding-bottom:1.25rem}

/* Desktop mega menu: tab navigation, selected links and a fixed-size banner. */
@media (min-width: 1024px) {
  .pixel-static .vanilla-mega-inner { align-items: flex-start; gap: 28px; padding-top: 20px; padding-bottom: 20px; }
  .pixel-static .vanilla-mega-grid { display: grid; grid-template-columns: 160px minmax(0, 1fr); align-items: start; align-self: stretch; min-width: 0; gap: 28px; }
  .rj-mega-tabs { display: flex; flex-direction: column; align-self: stretch; gap: 4px; padding-right: 20px; border-right: 1px solid var(--color-border); }
  .rj-mega-tabs button { position: relative; width: 100%; padding: 9px 28px 9px 14px; border: 0; border-left: 2px solid transparent; border-radius: 0 4px 4px 0; background: transparent; color: var(--muted-foreground); font-size: 13px; line-height: 20px; text-align: left; cursor: pointer; transition: background-color .16s ease, color .16s ease; }
  .rj-mega-tabs button:hover { color: var(--color-gold-dark); background: #f6f1e9; }
  .rj-mega-tabs button[aria-selected="true"] { border-left-color: var(--color-gold-dark); background: #f2eadd; color: var(--color-gold-dark); font-weight: 600; }
  .rj-mega-tabs button[aria-selected="true"]::after { content: ""; position: absolute; right: 14px; top: 50%; width: 5px; height: 5px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: translateY(-50%) rotate(45deg); }
  .rj-mega-tab-content { width: 100%; max-width: 640px; min-width: 0; padding-top: 8px; }
  .pixel-static .rj-mega-tab-panel h4 { margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid var(--color-border); color: var(--color-gold-dark); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .14em; }
  .rj-mega-tab-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 24px; }
  .rj-mega-category-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .rj-mega-category-groups .rj-mega-tab-links { grid-template-columns: minmax(0, 1fr); }
  .pixel-static .rj-mega-tab-links a { position: relative; display: block; margin: 0; padding: 6px 22px 6px 8px; border-radius: 4px; color: var(--color-foreground); font-size: 13px; line-height: 20px; opacity: .85; transition: background-color .16s ease, color .16s ease; }
  .pixel-static .rj-mega-category-groups .rj-mega-tab-links a { display: flex; align-items: center; gap: 10px; }
  .rj-category-icon { width: 20px; height: 20px; flex: 0 0 20px; color: var(--color-gold-dark); fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
  .pixel-static .rj-mega-tab-links a:hover, .pixel-static .rj-mega-tab-links a:focus-visible { color: var(--color-gold-dark); background: #f4eee4; opacity: 1; text-decoration: none; }
  .pixel-static .rj-mega-tab-links a::after { content: ""; position: absolute; right: 10px; top: 50%; width: 5px; height: 5px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: translateY(-50%) rotate(45deg); opacity: 0; }
  .pixel-static .rj-mega-tab-links a:hover::after, .pixel-static .rj-mega-tab-links a:focus-visible::after { opacity: 1; }
  .rj-mega-tabs button:focus-visible, .pixel-static .rj-mega-tab-links a:focus-visible { outline: 2px solid var(--color-gold-dark); outline-offset: 2px; }
  .pixel-static .rj-mega-static { grid-template-columns: minmax(0, 1fr); }
  .pixel-static .vanilla-mega-featured { width: 240px; padding-left: 32px; }
  .pixel-static .vanilla-mega-featured > a { opacity: 1; }
  .pixel-static .vanilla-mega-art { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; margin-bottom: 12px; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .pixel-static .vanilla-mega-grid { grid-template-columns: 140px minmax(0, 1fr); gap: 24px; }
  .pixel-static .rj-mega-static { grid-template-columns: minmax(0, 1fr); }
  .rj-mega-tabs { padding-right: 16px; }
  .rj-mega-tab-links, .rj-mega-category-groups { column-gap: 18px; }
}

/* Gentle entrance for the phone navigation and its category panels. */
@media (max-width: 1023px) and (prefers-reduced-motion: no-preference) {
  .rj-mobile-menu > :first-child {
    animation: rj-mobile-backdrop-in 220ms ease-out both;
  }

  .rj-mobile-menu > :nth-child(2) {
    animation: rj-mobile-panel-in 280ms cubic-bezier(.22, 1, .36, 1) both;
  }

  .rj-mobile-menu [data-mobile-content]:not([hidden]) {
    animation: rj-mobile-content-in 200ms ease-out both;
  }
}

@keyframes rj-mobile-backdrop-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes rj-mobile-panel-in {
  from { opacity: 0; transform: translateX(-18px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes rj-mobile-content-in {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

.clp-product-tags { position: absolute; top: 12px; left: 12px; right: 56px; z-index: 10; display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none; }
/* The header changes height immediately on scroll; the sort row must follow it immediately. */
.pixel-static .toolbar-sticky { transition: none; }
/* Align the filter and product headings without an oversized boxed toolbar. */
.rj-catalog-results { min-width: 0; }
.rj-catalog-results #selected_fltrs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 16px; padding: 10px 14px; border: 1px solid var(--border); font-size: 12px; }
.rj-catalog-results #selected_fltrs h4 { margin: 0; font-size: inherit; font-weight: 400; }
.rj-catalog-results #selected_fltrs > span { display: inline-flex; align-items: center; gap: 6px; color: var(--muted-foreground); }
.rj-catalog-results #selected_fltrs a { order: 1; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 50%; background: #777; color: #fff; font-size: 0; text-decoration: none; }
.rj-catalog-results #selected_fltrs a::before { content: "\00d7"; font-size: 12px; line-height: 1; }
.rj-catalog-results #selected_fltrs a:hover { background: var(--ink); }
.rj-catalog-request-overlay {
  position: fixed;
  inset: 0;
  z-index: 190;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgb(252 250 247 / 82%);
  pointer-events: none;
}
.rj-catalog-request-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  color: var(--color-gold-dark, #a66b16);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.rj-jewellery-loader {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  color: var(--color-gold-dark, #a66b16);
}
.rj-jewellery-loader svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  animation: rj-jewellery-cycle 3.6s ease-in-out infinite;
}
.rj-jewellery-loader svg:nth-child(2) { animation-delay: 1.2s; }
.rj-jewellery-loader svg:nth-child(3) { animation-delay: 2.4s; }
@keyframes rj-jewellery-cycle {
  0% { opacity: 0; transform: translateY(5px) scale(.9); }
  7%, 25% { opacity: 1; transform: translateY(0) scale(1); }
  33%, 100% { opacity: 0; transform: translateY(-5px) scale(.9); }
}
@media (prefers-reduced-motion: reduce) {
  .rj-jewellery-loader svg { animation: none; }
  .rj-jewellery-loader svg:first-child { opacity: 1; }
}
.rj-catalog-filter-heading,
.rj-catalog-toolbar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 5px 0 6px;
  border-bottom: 1px solid var(--color-border, #e6ded4);
}
.rj-catalog-filter-heading {
  gap: 8px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.rj-catalog-toolbar {
  justify-content: space-between;
  gap: 12px;
  background: var(--color-background, #fcfaf7);
}
.pixel-static .rj-catalog-toolbar {
  transition: opacity 160ms ease;
}
.rj-catalog-toolbar.is-scroll-hidden {
  opacity: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .pixel-static .rj-catalog-toolbar { transition: none; }
}
.rj-catalog-heading {
  margin: 0;
  color: var(--color-ink, #171717);
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}
.rj-catalog-result-count {
  margin-left: 4px;
  color: var(--color-muted-foreground, #756c62);
  font-family: var(--font-sans, sans-serif);
  font-size: 12px;
  white-space: nowrap;
}
.rj-catalog-sort { display: flex; flex-shrink: 0; align-items: center; gap: 10px; }
.rj-catalog-sort label { color: var(--color-muted-foreground, #756c62); font-size: 12px; white-space: nowrap; }
.rj-catalog-sort select {
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 4px;
  background-color: #fff;
  font-size: 11px;
  letter-spacing: .08em;
}
.rj-catalog-toolbar button[aria-label="Open filters"] { min-height: 36px; padding: 6px 12px; border-radius: 4px; }
@media (max-width: 767px) {
  .rj-catalog-sort label { display: none; }
  .rj-catalog-toolbar button[aria-label="Open filters"] { width: 112px; }
}
/* Keep the desktop filters compact and aligned with the sticky catalog toolbar. */
@media (min-width: 1024px) {
  .pixel-static .rj-catalog-filters { transition: none; }
  .pixel-static.header-scrolled .rj-catalog-filters {
    top: 64px;
    max-height: calc(100vh - 80px);
  }
}
.rj-category-list,
.rj-category-children { list-style: none; margin: 0; padding: 0; }
.rj-category-list > li + li { margin-top: 4px; }
.rj-category-summary {
  display: flex;
  align-items: center;
  list-style: none;
  cursor: pointer;
  border-radius: 3px;
}
.rj-category-summary::-webkit-details-marker { display: none; }
.rj-category-summary > .rj-category-link { flex: 1; min-width: 0; }
.rj-category-summary:hover { background: #f5f1e9; }
.rj-category-summary.is-selected {
  background: #f5f1e9;
  box-shadow: inset 2px 0 var(--color-gold-dark, #a66b16);
}
.rj-category-summary::after {
  content: "";
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  margin: 0 12px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  color: var(--color-muted-foreground, #756c62);
  transform: rotate(-45deg);
}
.rj-category-branch[open] > .rj-category-summary::after { transform: rotate(45deg); }
.rj-category-summary:hover::after { color: var(--color-gold-dark, #a66b16); }
.rj-category-summary.is-selected::after { color: var(--color-gold-dark, #a66b16); }
.rj-category-root {
  display: block;
  padding: 0 8px 10px;
  color: var(--color-muted-foreground, #756c62);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}
.rj-category-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 36px;
  padding: 7px 8px;
  color: var(--color-ink, #171717);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  border-radius: 3px;
}
.rj-category-list li > .rj-category-link { padding-right: 32px; }
.rj-category-name { min-width: 0; overflow-wrap: anywhere; }
.rj-category-count {
  flex-shrink: 0;
  margin-left: auto;
  color: var(--color-muted-foreground, #756c62);
  font-size: 11px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.rj-category-children {
  margin: 0 0 8px 8px;
  padding-left: 12px;
  border-left: 1px solid var(--color-border, #e6ded4);
}
.rj-category-children .rj-category-link {
  min-height: 32px;
  color: var(--color-muted-foreground, #756c62);
  font-size: 12px;
  font-weight: 400;
}
.rj-category-list .rj-category-link:hover { background: #f5f1e9; color: var(--color-gold-dark, #a66b16); }
.rj-category-root:hover,
.rj-category-root[aria-current="page"] { color: var(--color-gold-dark, #a66b16); }
.rj-category-list .rj-category-link[aria-current="page"] {
  background: #f5f1e9;
  color: var(--color-gold-dark, #a66b16);
  font-weight: 500;
  box-shadow: inset 2px 0 var(--color-gold-dark, #a66b16);
}
.rj-category-summary.is-selected > .rj-category-link[aria-current="page"] {
  background: transparent;
  box-shadow: none;
}
.rj-category-link:focus-visible,
.rj-category-summary:focus-visible,
.rj-category-root:focus-visible,
.rj-catalog-filters .box-opener:focus-visible {
  outline: 2px solid var(--color-gold-dark, #a66b16);
  outline-offset: 2px;
}
.rj-catalog-filter-stack > .rj-catalog-filter-heading { margin-bottom: 8px; }
.rj-catalog-filters .rj-catalog-filter-group,
.rj-catalog-filters .filter-container {
  border-bottom: 1px solid var(--color-border, #e6ded4);
  padding-bottom: 0;
}
.rj-catalog-filters .rj-catalog-filter-group > button,
.rj-catalog-filters .box-opener { min-height: 44px; padding-top: 12px; padding-bottom: 12px; }
.rj-catalog-filters .rj-catalog-filter-group > [id$="FilterBody"],
.rj-catalog-filters .slide { padding-bottom: 16px; }
.rj-catalog-filters .head { display: flex; align-items: center; gap: 8px; }
.rj-catalog-filters .box-opener {
  order: 0;
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  color: var(--color-ink, #171717);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
}
.rj-catalog-filters .box-opener::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--color-gold-dark, #a66b16);
}
.rj-catalog-filters .box-opener:hover,
.rj-catalog-filters .resetFilter:hover { color: var(--color-gold-dark, #a66b16); }
.rj-catalog-filters .resetFilter {
  order: 1;
  margin-left: auto;
  color: var(--color-gold-dark, #a66b16) !important;
  font-size: 11px;
}
.rj-catalog-filters .slide { margin-top: 8px; }
.rj-catalog-filters .rj-catalog-facet-content { max-height: 180px; overflow-y: auto; }
.rj-catalog-filters .slide > .border-b { width: 100% !important; border: 0; padding-bottom: 0; }
.rj-catalog-filters .inputbox-filter input {
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 10px;
  border: 1px solid var(--color-border, #e6ded4);
  border-radius: 6px;
  background: #fff;
  font-size: 12px;
}
.rj-catalog-filters .custom-checkboxes:not(.filter_colorPicker) { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.rj-catalog-filters .custom-checkboxes li { margin: 0; line-height: normal !important; }
.rj-catalog-filters .custom-checkboxes:not(.filter_colorPicker) li a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--color-border, #e6ded4);
  border-radius: 6px;
  background: #fff;
  color: var(--color-foreground, #171717);
  font-size: 12px;
  text-decoration: none;
}
.rj-catalog-filters .custom-checkboxes:not(.filter_colorPicker) li a:hover,
.rj-catalog-filters .custom-checkboxes .filter_selected a { border-color: var(--color-gold-dark, #a66b16); background: #faf7f2; }
.rj-catalog-filters .custom-checkboxes input[type="checkbox"] {
  accent-color: var(--color-gold-dark, #a66b16);
  pointer-events: none;
}
.rj-catalog-filters .custom-checkboxes small { margin-left: auto; color: var(--color-muted-foreground, #756c62); }
.rj-catalog-back-top {
  position: fixed;
  right: 24px;
  bottom: 92px;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-border, #e6ded4);
  border-radius: 50%;
  background: #fff;
  color: var(--color-ink, #171717);
  box-shadow: 0 2px 8px #00000012;
  cursor: pointer;
}
.rj-catalog-back-top[hidden] { display: none; }
.rj-catalog-back-top:hover { border-color: var(--color-gold-dark, #a66b16); color: var(--color-gold-dark, #a66b16); }
.rj-catalog-back-top:focus-visible { outline: 2px solid var(--color-gold-dark, #a66b16); outline-offset: 3px; }
@media (max-width: 1023px) {
  .rj-catalog-back-top { right: 16px; bottom: calc(148px + env(safe-area-inset-bottom, 0px)); }
}
/* Catalog pagination follows the same restrained gold and cream UI as the cards. */
#searchPaginationDiv .rj-catalog-loading,
#searchPaginationDiv .rj-catalog-end {
  padding: 28px 0;
  color: var(--color-gold-dark, #a66b16);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#searchPaginationDiv .rj-catalog-loading {
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#searchPaginationDiv .rj-catalog-end { text-align: center; }
#searchPaginationDiv .rj-jewellery-loader { width: 28px; height: 28px; }
#searchPaginationDiv .rj-catalog-error {
  padding: 24px 0;
  text-align: center;
  color: var(--color-muted-foreground, #756c62);
  font-size: 13px;
}
#searchPaginationDiv .rj-catalog-error { color: #8d0c10; }
@keyframes rj-catalog-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  #searchPaginationDiv .rj-catalog-loading-spinner { animation: none; }
}
@media (hover: hover) and (pointer: fine) {
  .clp-product-card .clp-product-image { transition: height 240ms ease; }
  .clp-product-card .group\/img:hover .clp-product-image { height: calc(100% - 44px); }
  .clp-product-card.clp-has-video .clp-product-image { transition: none; }
  .clp-product-card.clp-has-video .group\/img:hover .clp-product-image { height: 100%; }
  .clp-product-card .clp-hover-video,
  .rj-product-rail .clp-hover-video {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: cover;
    z-index: 1;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    transition: none;
  }
  .clp-product-card .clp-hover-video.is-playing,
  .rj-product-rail .clp-hover-video.is-playing { opacity: 1; }
  .clp-product-card button[aria-label="Wishlist"],
  .wishlist-on-hover button[aria-label="Wishlist"] { opacity: 0; pointer-events: none; }
  .clp-product-card:hover button[aria-label="Wishlist"],
  .clp-product-card:focus-within button[aria-label="Wishlist"],
  .wishlist-on-hover:hover button[aria-label="Wishlist"],
  .wishlist-on-hover:focus-within button[aria-label="Wishlist"] { opacity: 1; pointer-events: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .clp-product-card .clp-product-image { transition: none; }
}
/* Only the rupee glyph uses this fallback; brand lettering is unchanged. */
@font-face {
  font-family: "RJ Rupee";
  src: local("Segoe UI"), local("Arial"), local("Noto Sans"), local("Roboto");
  unicode-range: U+20B9;
  font-display: swap;
}
/* Match medium/bold prices with a slightly heavier rupee glyph. */
@font-face {
  font-family: "RJ Rupee";
  src: local("Segoe UI Semibold"), local("Noto Sans SemiBold"), local("Roboto Medium"), local("Arial Bold");
  font-weight: 500 900;
  unicode-range: U+20B9;
  font-display: swap;
}
:root {
  --font-display: "RJ Rupee", "Merriweather Sans", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "RJ Rupee", "Open Sans", ui-sans-serif, system-ui, sans-serif;
}
/* Distinct merchandising badges; other product labels keep their existing style. */
.clp-product-tags [data-product-tag="Best Seller"],
.clp-product-tags [data-product-tag="Showroom"] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: none;
  white-space: nowrap;
  box-shadow: 0 2px 6px #17213a08;
}
.clp-product-tags [data-product-tag="Best Seller"] {
  color: #795318;
  background: #fff5df;
  border-color: #e8d2a0;
}
.clp-product-tags [data-product-tag="Showroom"] {
  color: #264666;
  background: #eef4fa;
  border-color: #cdddeb;
}
.clp-product-tags [data-product-tag="Best Seller"]::before,
.clp-product-tags [data-product-tag="Showroom"]::before {
  content: "";
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  background: currentColor;
}
.clp-product-tags [data-product-tag="Best Seller"]::before {
  clip-path: polygon(50% 0, 62% 34%, 98% 36%, 70% 59%, 80% 96%, 50% 75%, 20% 96%, 30% 59%, 2% 36%, 38% 34%);
}
.clp-product-tags [data-product-tag="Showroom"]::before {
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10v11h18V10M2 10l3-7h14l3 7M2 10a3.3 3.3 0 0 0 6.7 0 3.3 3.3 0 0 0 6.6 0 3.3 3.3 0 0 0 6.7 0M9 21v-7h6v7'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Fullscreen search uses the same open layout as the homepage reference. */
.rj-search-overlay {
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-bottom:32px;
}
.rj-search-overlay .rj-search-form {
  position:relative;
  display:block;
  width:100%;
}
.rj-search-overlay #q {
  display:block;
  width:100%;
  height:auto;
  padding-right:64px;
  line-height:1.35;
  border-radius:0;
}
.rj-search-overlay .rj-search-voice {
  top:0;
  right:0;
  padding:0 0 16px 8px;
}
.rj-search-voice:not(.is-listening) .rj-search-voice-ring {
  display:none;
}
.rj-search-voice.is-listening .lucide-mic {
  color:var(--gold-dark);
}
@media (prefers-reduced-motion:reduce) {
  .rj-search-voice .rj-search-voice-ring,
  .rj-search-voice .lucide-mic { animation:none; }
}
.search-autocomplete-list {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  right:0;
  z-index:10;
  list-style:none;
  margin:0;
  padding:8px 0;
  max-height:320px;
  overflow-y:auto;
  background:#fff;
  border:1px solid #e5e0d8;
}
.search-autocomplete-list.open {
  display:block;
}
.rj-search-overlay .search-autocomplete-list {
  position:static;
  max-height:min(360px,45dvh);
  border:0;
  border-bottom:1px solid #e5e0d8;
  background:transparent;
  margin-top:16px;
}
.search-autocomplete-category {
  padding:12px 16px 6px;
  color:#82776c;
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.search-autocomplete-item {
  padding:12px 16px;
  color:#171717;
  font-size:15px;
  cursor:pointer;
}
.search-autocomplete-item a {
  display:block;
  color:inherit;
  text-decoration:none;
}
.search-autocomplete-item:hover,
.search-autocomplete-item.active {
  background:#f4efe7;
}
.search-autocomplete-highlight {
  color:#8d0c10;
  font-weight:600;
}
.rj-search-status {
  margin-top:12px;
  color:#766f67;
  font-size:13px;
}
.rj-search-status:empty {
  display:none;
}
/* External SVG icons: geometry is stored once under assets/icons/. */
.rj-svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: var(--rj-icon);
  mask-image: var(--rj-icon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Shared PDP and CLP breadcrumb. */
.rj-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: #766f67;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.rj-breadcrumb p { margin: 0; }
.rj-breadcrumb a { color: inherit; text-decoration: none; }
.rj-breadcrumb a:hover { color: #a66b16; }
.rj-breadcrumb-separator { width: 12px; height: 12px; color: inherit; }
.rj-breadcrumb-current { color: #171717; font-weight: 500; }
@media (max-width: 767px) {
  .rj-pdp-breadcrumb { display: none; }
  .rj-breadcrumb { font-size: 10px; gap: 5px; letter-spacing: .08em; }
  .rj-breadcrumb-separator { width: 10px; height: 10px; }
}




/* Homepage presentation shared by static sections, product cards and popup content. */
.rj-home-visible {
  opacity: 1;
  transform: none;
}
.rj-home-full-width {
  width: 100%;
}
.rj-home-image-fill {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
}
.rj-home-static-ui {
  display: none;
}

/* Signed-in account menu in the shared header. */
.rj-header-account {
  position: relative;
}

.rj-header-account-trigger {
  display: block;
}

.rj-header-account-menu {
  position: absolute;
  top: 100%;
  right: -8px;
  z-index: 70;
  width: 240px;
  padding: 10px;
  border: 1px solid var(--color-border, #e6ded4);
  background: var(--color-background, #fff);
  box-shadow: 0 12px 30px rgba(32, 27, 24, .12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s;
}

.rj-header-account:hover .rj-header-account-menu,
.rj-header-account:focus-within .rj-header-account-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.rj-header-account-name {
  margin: 0 0 6px;
  padding: 8px 13px 12px;
  border-bottom: 1px solid var(--color-border, #e6ded4);
  color: var(--color-ink, #201b18);
  font-family: var(--font-sans, Arial, sans-serif);
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rj-header-account-menu a,
.rj-header-account-menu button {
  display: block;
  width: 100%;
  padding: 11px 13px;
  border: 0;
  background: transparent;
  color: var(--color-ink, #201b18);
  cursor: pointer;
  font-family: var(--font-sans, Arial, sans-serif);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .14em;
  line-height: 1.55;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.rj-header-account-menu a:hover,
.rj-header-account-menu a:focus-visible,
.rj-header-account-menu button:hover,
.rj-header-account-menu button:focus-visible {
  background: var(--color-ink, #201b18);
  color: #fff;
}

.rj-header-account-menu form {
  margin: 6px 0 0;
  padding-top: 6px;
  border-top: 1px solid var(--color-border, #e6ded4);
}

@media (prefers-reduced-motion: reduce) {
  .rj-header-account-menu { transition: none; }
}

/* Keep the gold-rate update time visible below the narrow announcement bar. */
.rj-gold-rate-bar { overflow: visible; }
.rj-gold-rate { position: relative; cursor: help; }
.rj-gold-rate-value { position: relative; }
.rj-gold-rate-tooltip {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 80;
  padding: 6px 9px;
  background: var(--color-ink, #201b18);
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}
.rj-gold-rate:hover .rj-gold-rate-tooltip:not([hidden]),
.rj-gold-rate:focus-visible .rj-gold-rate-tooltip:not([hidden]) {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Show the focus indicator only while navigating with a keyboard. */
body.pixel-static :focus,
body.pixel-static :focus-visible {
  outline: none !important;
  box-shadow: none !important;
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
}

body.pixel-static[data-focus-modality="keyboard"] :focus-visible {
  outline: 2px solid var(--color-gold-dark, #a66b16) !important;
  outline-offset: 3px;
}

/* Consistent section headings on the homepage, including the shared product rail. */
.rj-home-page h2.font-display,
.rj-home-page .rj-product-rail h2.font-display.text-4xl {
  font-size: 20px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .rj-home-page h2.font-display,
  .rj-home-page .rj-product-rail h2.font-display.text-4xl {
    font-size: 30px;
  }
}

/* Mobile CLP drawer uses the same sidebar as desktop. */
.rj-catalog-filter-dialog { position: fixed; inset: 0 auto 0 0; margin: 0; padding: 0; width: min(390px, 92vw); max-width: none; height: 100dvh; max-height: none; border: 0; background: var(--color-background, #fcfbf7); color: var(--color-foreground, #171717); }
.rj-catalog-filter-dialog[open] { display: flex; flex-direction: column; }
.rj-catalog-filter-dialog::backdrop { background: #0008; }
.rj-catalog-filter-dialog-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid var(--color-border); }
.rj-catalog-filter-dialog-header h2 { margin: 0; font-size: 16px; }
.rj-catalog-filter-dialog-header button { width: 44px; height: 44px; font-size: 28px; }
.rj-catalog-filter-dialog-body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 12px 20px; }
.rj-catalog-filter-dialog .rj-catalog-filters { display: block; position: static; width: 100%; max-height: none; overflow: visible; padding: 0; }
.rj-catalog-filter-dialog .rj-catalog-filter-heading { display: none; }
.rj-catalog-filter-dialog-footer { padding: 16px 20px max(16px, env(safe-area-inset-bottom)); border-top: 1px solid var(--color-border); }
.rj-catalog-filter-dialog-footer button { width: 100%; min-height: 44px; background: var(--color-primary, #8d0c10); color: #fff; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }

/* Homepage shopping benefits: compact on phones, one row on larger screens. */
.rj-home-benefits {
  background: #fcfaf7;
  border-bottom: 1px solid #e9e1d6;
}
.rj-home-benefits .rj-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 8px 0;
}
.rj-home-benefits .rj-benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 18px 10px;
  text-align: center;
}
.rj-home-benefits .rj-benefit:nth-child(even) {
  border-left: 1px solid #e9e1d6;
}
.rj-home-benefits .rj-benefit:nth-child(n+3) {
  border-top: 1px solid #e9e1d6;
}
.rj-home-benefits .rj-benefit-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border: 1px solid #e8dac3;
  border-radius: 50%;
  background: #f7f0e5;
  color: #a16d24;
}
.rj-home-benefits .rj-benefit-icon .rj-svg-icon {
  width: 22px;
  height: 22px;
}
.rj-home-benefits .rj-benefit-copy { min-width: 0; }
.rj-home-benefits .rj-benefit-title {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
  color: #231d17;
  text-wrap: balance;
}
.rj-home-benefits .rj-benefit-detail {
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.55;
  color: #766b5e;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .rj-home-benefits .rj-benefits-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 20px 0;
  }
  .rj-home-benefits .rj-benefit { padding: 8px 16px; }
  .rj-home-benefits .rj-benefit:nth-child(n+3) { border-top: 0; }
  .rj-home-benefits .rj-benefit + .rj-benefit { border-left: 1px solid #e9e1d6; }
  .rj-home-benefits .rj-benefit-title { font-size: 13px; }
  .rj-home-benefits .rj-benefit-detail { font-size: 12px; }
}
@media (min-width: 1200px) {
  .rj-home-benefits .rj-benefit {
    flex-direction: row;
    gap: 14px;
    padding: 8px 24px;
    text-align: left;
  }
  .rj-home-benefits .rj-benefit-title,
  .rj-home-benefits .rj-benefit-detail { text-wrap: initial; }
  .rj-home-benefits .rj-benefit-icon { width: 46px; height: 46px; }
  .rj-home-benefits .rj-benefit-icon .rj-svg-icon { width: 24px; height: 24px; }
}

/* Keep phone and tablet benefits short, with the icon beside the copy. */
@media (max-width: 1199px) {
  .rj-home-benefits .rj-benefits-grid { padding: 4px 0; }
  .rj-home-benefits .rj-benefit {
    flex-direction: row;
    gap: 8px;
    padding: 12px 8px;
    text-align: left;
  }
  .rj-home-benefits .rj-benefit-icon { width: 30px; height: 30px; }
  .rj-home-benefits .rj-benefit-icon .rj-svg-icon { width: 17px; height: 17px; }
  .rj-home-benefits .rj-benefit-title {
    font-size: 11px;
    line-height: 1.4;
    text-wrap: initial;
  }
  .rj-home-benefits .rj-benefit-detail {
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.45;
    text-wrap: initial;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .rj-home-benefits .rj-benefits-grid { padding: 10px 0; }
  .rj-home-benefits .rj-benefit { padding: 6px 10px; gap: 10px; }
  .rj-home-benefits .rj-benefit-icon { width: 34px; height: 34px; }
  .rj-home-benefits .rj-benefit-icon .rj-svg-icon { width: 19px; height: 19px; }
  .rj-home-benefits .rj-benefit-title { font-size: 12px; }
  .rj-home-benefits .rj-benefit-detail { font-size: 11px; }
}

/* Tighten CLP cards on phones only; tablet spacing stays unchanged. */
@media (max-width: 767px) {
  [data-catalog-grid] { column-gap: 8px; row-gap: 12px; }
  [data-catalog-grid] .clp-product-card > .aspect-square { margin-bottom: 8px; }
  [data-catalog-grid] .clp-product-card h3 { margin-bottom: 4px; font-size: 13px; line-height: 1.35; }
}

/* CLP outer spacing for phones and tablets, including larger iPads. */
@media (max-width: 1199px), (max-width: 1366px) and (pointer: coarse) {
  .pixel-static .rj-catalog-container { padding-left: 12px; padding-right: 12px; }
}

@media (min-width: 768px) and (max-width: 1199px), (min-width: 768px) and (max-width: 1366px) and (pointer: coarse) {
  [data-catalog-grid] .clp-product-card h3 { font-size: 14px; line-height: 1.35; }
}