.popout-trigger{cursor:pointer;border-radius:var(--rx-radius-card,12px);text-align:left;width:100%;height:100%;display:block}.popout-trigger:focus-visible{outline:3px solid var(--rx-magenta);outline-offset:3px}.popout-dialog{width:calc(100% - 48px);max-width:980px;height:auto;max-height:90dvh;color:var(--rx-ink);background:0 0;border:0;margin:auto;padding:0}.popout-dialog::backdrop{background:color-mix(in srgb, var(--color-accent-deep) 40%, transparent);-webkit-backdrop-filter:blur(3px)}.popout-panel{background:var(--rx-white);max-height:90dvh;box-shadow:0 25px 90px color-mix(in srgb, var(--color-accent-deep) 24%, transparent);border:0;border-radius:18px;padding:0;position:relative;overflow-y:auto}.popout-close{z-index:4;border:1px solid var(--rx-line);border-radius:var(--rx-radius-btn);background:var(--rx-white);cursor:pointer;width:44px;height:44px;color:var(--rx-muted);justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex;position:absolute;top:14px;right:14px}.popout-close:hover{border-color:var(--color-border-strong);color:var(--rx-ink)}.popout-close:focus-visible{outline:3px solid var(--rx-magenta);outline-offset:2px}.popout-detail{grid-template-columns:.9fr 1fr;gap:40px;padding:36px;display:grid}.popout-copy{min-width:0;padding-top:12px}.popout-image-frame{border-radius:var(--rx-radius-card);background:var(--rx-mist);align-self:start;position:relative;overflow:hidden}.popout-image-frame.popout-plate-light,.popout-image-frame.popout-plate-dark{background:var(--rx-mist)}.popout-image-frame img{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){::view-transition-group(--vt-quickview-image){animation-duration:.38s;animation-timing-function:cubic-bezier(.16,.84,.28,1)}.popout-dialog[open]:not([data-vt="1"]){animation:.26s cubic-bezier(.16,.9,.3,1) popoutPanelIn}.popout-dialog[open]:not([data-vt="1"])::backdrop{animation:.2s popoutBackdropIn}}@keyframes popoutPanelIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes popoutBackdropIn{0%{opacity:0}to{opacity:1}}.popout-eyebrow{letter-spacing:.03em;color:var(--rx-magenta);font-size:13px;font-weight:600}.popout-title{letter-spacing:-.035em;color:var(--rx-navy);margin-top:7px;font-size:32px;font-weight:600;line-height:1.12}.popout-title:focus{outline:none}.popout-description{color:var(--rx-muted);margin-top:14px;font-size:14px;line-height:1.6}.popout-price{color:var(--rx-navy);font-variant-numeric:tabular-nums;margin-top:16px;font-size:26px;font-weight:600}.popout-section{margin-top:22px}.popout-price .popout-was{color:var(--rx-muted);margin-left:12px;font-size:15px;font-weight:500}.popout-price .popout-sale{border:1px solid var(--rx-navy);color:var(--rx-navy);vertical-align:middle;border-radius:999px;margin-left:10px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.popout-section-label{color:var(--rx-ink);font-size:13px;font-weight:700;display:block}.popout-section p{color:var(--rx-muted);font-size:13px}.popout-fieldset{border:0;margin:0;padding:0}.popout-choices{flex-wrap:wrap;gap:10px;margin-top:9px;display:flex}.popout-chip-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;left:0;overflow:hidden}.popout-chip{border:1px solid var(--rx-line);border-radius:var(--rx-radius-btn);background:var(--rx-white);min-height:48px;color:var(--rx-ink);text-align:left;cursor:pointer;align-items:center;gap:6px;padding:10px 13px;font-size:13px;transition:border-color .16s,background-color .16s;display:inline-flex}.popout-chip:hover{border-color:var(--color-border-strong);background:var(--rx-soft)}.popout-chip-input:checked+.popout-chip{border-color:var(--rx-navy);box-shadow:inset 0 0 0 1px var(--rx-navy);background:color-mix(in srgb, var(--rx-navy) 6%, var(--rx-white))}.popout-chip-input:focus-visible+.popout-chip{outline:3px solid var(--rx-magenta);outline-offset:2px}@media (prefers-reduced-motion:reduce){.popout-chip{transition:none}}.popout-relations{flex-wrap:wrap;gap:8px;margin-top:9px;padding:0;list-style:none;display:flex}.popout-relations>li{align-items:center;gap:6px;display:inline-flex}.popout-sibling-thumb{border:1px solid var(--rx-line);border-radius:var(--rx-radius-btn);background:var(--rx-white);min-height:48px;color:var(--rx-ink);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;transition:border-color .16s,background-color .16s;display:inline-flex}.popout-sibling-thumb:hover{border-color:var(--color-border-strong);background:var(--rx-soft)}.popout-sibling-thumb:focus-visible{outline:3px solid var(--rx-magenta);outline-offset:2px}.popout-sibling-thumb-frame{background:var(--rx-mist);border-radius:6px;flex:none;width:36px;height:36px;display:block;position:relative;overflow:hidden}.popout-relation-note{color:var(--rx-muted);align-self:center;font-size:12px}@media (prefers-reduced-motion:reduce){.popout-sibling-thumb{transition:none}}.popout-note{border-top:1px solid var(--rx-line);margin-top:22px;padding-top:20px}.popout-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:25px;display:flex}.popout-actions .rx-stepper{border-radius:var(--rx-radius-btn);border-color:var(--color-border-strong);height:46px;overflow:hidden}.popout-actions .rx-addbtn{border-radius:var(--rx-radius-btn);min-height:46px;padding-inline:21px;font-weight:600}.popout-actions .rx-enquire{border-radius:var(--rx-radius-btn);border-color:var(--rx-line);min-height:46px}.popout-actions .rx-enquire:hover{background:var(--rx-soft)}.popout-state{color:var(--rx-muted);font-size:13px;font-weight:600}@media (max-width:720px){.popout-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.popout-panel{border-radius:0;height:100dvh;max-height:100dvh}.popout-detail{flex-direction:column;gap:19px;padding:0 20px 20px;display:flex}.popout-image-frame{border-radius:0;width:calc(100% + 40px);height:280px;margin-inline:-20px}.popout-image-frame img{height:280px}.popout-copy{padding-top:0}.popout-title{font-size:29px}.popout-description{font-size:13px}.popout-price{margin-top:12px;font-size:24px}.popout-section{margin-top:19px}.popout-close{top:12px;right:12px}.popout-note{margin-top:12px;padding-top:16px}.popout-actions{z-index:4;margin-inline:-20px;background:var(--rx-white);border-top:1px solid var(--rx-line);margin-top:22px;padding:14px 20px;position:sticky;bottom:0}}.popout-detail-link{font-family:var(--font-mono);letter-spacing:var(--tracking-chrome);text-transform:uppercase;color:var(--color-accent);font-size:.75rem}.popout-detail-link:after{content:" →";transition:transform .15s var(--ease-out,ease-out);display:inline-block}.popout-detail-link:hover:after{transform:translate(.25em)}.popout-detail-link:hover{color:var(--color-accent-deep)}@media (pointer:coarse){.popout-detail-link{align-items:center;min-height:44px;display:inline-flex}}.popout-added-notice{border:1px solid var(--rx-line);border-radius:var(--rx-radius-btn);background:var(--rx-soft);color:var(--rx-ink);flex-wrap:wrap;flex:1 0 100%;justify-content:space-between;align-items:center;gap:4px 12px;padding:8px 12px;font-size:13px;line-height:1.4;display:flex}.popout-added-link{min-height:44px;color:var(--rx-navy);white-space:nowrap;flex:none;align-items:center;font-weight:600;display:inline-flex}.popout-added-link:hover,.popout-added-link:focus-visible{color:var(--rx-navy-2)}@media (prefers-reduced-motion:no-preference){.popout-added-notice{animation:.22s cubic-bezier(.16,.9,.3,1) popoutAddedIn}}@keyframes popoutAddedIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:720px){.popout-added-notice{padding-block:2px}}
