/* Seravine — product page parts added for the renaissancejewel PDP system (sections/sr-pdp.liquid). Seravine's own
   tokens and type: pearl / wine / gold, Cinzel caps labels, Cormorant figures. */
.srx-crumb{display:flex;gap:10px;flex-wrap:wrap;color:var(--mute);padding-top:28px}
.srx-crumb a{color:inherit}
.srx-crumb span:last-child{color:var(--wine)}
.srx-eb{color:var(--gold)}

/* gallery */
.main .srx-arr{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:1px solid var(--line);background:rgba(244,243,238,.9);display:grid;place-items:center;cursor:pointer;color:var(--wine);transition:background .3s}
.main .srx-arr:hover{background:var(--snow)}
.main .srx-arr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.main .srx-prev{left:14px;right:auto}.main .srx-next{right:14px;left:auto}
.main .srx-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:var(--pearl)}
.main .srx-3d{position:absolute;inset:0;z-index:4;background:var(--snow)}
.main .srx-3d iframe{width:100%;height:100%;border:0}
.th{position:relative}
.th .srx-play{position:absolute;inset:0;margin:auto;width:26px;height:26px;border-radius:50%;background:rgba(19,68,55,.85)}
.th .srx-play::after{content:'';position:absolute;left:10px;top:7px;border:6px solid transparent;border-left:9px solid var(--pearl)}
.srx-gtabs{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.gal>.srx-gtabs{grid-column:2}
.srx-gtabs button{border:1px solid var(--line);background:none;border-radius:999px;padding:9px 16px;font:500 10px var(--f-crest);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;color:var(--mute)}
.srx-gtabs button.on{background:var(--wine);border-color:var(--wine);color:var(--pearl)}
.srx-gtabs .srx-tryon{margin-left:auto;color:var(--wine);border-color:var(--wine)}
.srx-try .srx-tryf{aspect-ratio:3/4;max-height:72vh}
.srx-try iframe{width:100%;height:100%;border:0}

/* title block */
.srx-rating{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mute)}
.srx-stars{position:relative;color:var(--line);letter-spacing:2px}
.srx-stars::before{content:'★★★★★';position:absolute;left:0;top:0;width:var(--r);overflow:hidden;color:var(--gold)}

/* option rows */
.srx-v1slot:empty{display:none}
.srx-v1slot{display:contents}
.srx-metals{display:flex;flex-wrap:wrap;gap:8px}
.srx-metal{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 8px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--text);transition:border-color .3s}
.srx-metal .mt{width:26px;height:26px;flex-shrink:0}
.srx-metal i{font-style:normal;color:var(--mute);font-size:12px}
.srx-metal:hover{border-color:var(--wine)}
.srx-metal.on{border-color:var(--wine);background:var(--snow);box-shadow:inset 0 0 0 1px var(--wine)}
.srx-wts{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px}
.srx-wt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;border:1px solid var(--line);border-radius:14px;background:none;cursor:pointer;color:var(--text);transition:all .3s}
.srx-wt b{font-family:var(--f-disp);font-weight:400;font-size:24px;line-height:1}
.srx-wt .cz{color:var(--mute);letter-spacing:.2em}
.srx-wt:hover{border-color:var(--wine)}
.srx-wt.on{border-color:var(--wine);background:var(--snow);box-shadow:inset 0 0 0 1px var(--wine)}
.srx-help{margin-left:6px;color:var(--wine)}
.srx-stones .srp-tile img,.srx-colors .srp-tile img{width:34px;height:34px;object-fit:cover;border-radius:50%}
.srx-colors .srp-dot{width:26px;height:26px}

/* under the options */
.srx-ship{display:flex;flex-direction:column;gap:4px;margin:6px 0 0;font-size:14px}
.srx-ship b{font-weight:500;color:var(--wine)}
.srx-ship span{color:var(--mute);font-size:13px}
.srx-nextstep{margin:4px 0 0;font-size:13px;color:var(--mute);max-width:52ch}
.srx-appt{margin:6px 0 0;font-size:14px}
.srx-appt .lnk{color:var(--wine)}
.srx-reassure{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.srx-reassure:empty{display:none}
.srx-reassure li{display:flex;align-items:center;gap:10px;font:500 10px var(--f-crest);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.srx-reassure li::before{content:'';width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.srp-trust .srx-bico{width:22px;height:22px;object-fit:contain}

/* the bar */
.buybar .pr s{font-size:15px;opacity:.6;margin-left:6px}
@media (max-width:560px){
  .srx-wts{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}
  .srx-wt{min-height:56px}.srx-wt b{font-size:20px}
  .srx-gtabs .srx-tryon{margin-left:0}
  .gal>.srx-gtabs{grid-column:1}
}
/* the view tabs sit right under the main photo, however long the thumbnail column is (it spans both rows) */
@media (min-width:561px){ .gal:has(> .srx-gtabs) > .thumbs{grid-row:span 2;align-self:start} .gal > .srx-gtabs{align-self:start} }