/* Shared photo-led cards: catalog, home rail and related references. */
.sc-card{--card-accent:#c1d3df;--card-surface:#e7edf0;--card-x:0px;--card-y:0px;position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #c1cbd0;overflow:hidden;transition:box-shadow .45s,border-color .3s,translate .45s var(--ease)}
.sc-card--gold{--card-accent:#f4b41a;--card-surface:#f8e6af}
.sc-card:hover,.sc-card:focus-within{border-color:#061a33;box-shadow:0 18px 35px #061a3317;translate:0 -5px}
.sc-card .sc-card-art{display:block;position:relative;isolation:isolate;aspect-ratio:1.12;border:0;background:radial-gradient(ellipse at 45% 35%,#fff9,transparent 66%),var(--card-surface);overflow:hidden}
.sc-card-art:before{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(160deg,transparent 35%,#061a3307 35.3%);z-index:-1}
.sc-card-art:after{content:'';position:absolute;inset:0 0 0 71%;background:var(--card-accent);clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.7;z-index:-1;transition:translate .6s var(--ease)}
.sc-card-topline{position:absolute;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;align-items:center;z-index:3;gap:15px}
.sc-card .sc-card-line{position:static;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:#061a33;color:#fff;border:0;font:800 12px/1.5 var(--body);letter-spacing:.5px;text-transform:uppercase}
.sc-card--gold .sc-card-line{background:#061a33;color:#f4b41a}
.sc-card-line>.icon{width:14px;height:16px;fill:currentColor;stroke-width:1}
.sc-card-open{display:grid;place-items:center;width:36px;height:36px;border:1px solid #061a3350;border-radius:50%;color:#061a33;background:#fff7;transition:background .3s,rotate .45s var(--ease),color .3s}
.sc-card-open>.icon{width:18px;height:18px}
.sc-card-art:hover .sc-card-open,.sc-card-art:focus-visible .sc-card-open{background:#061a33;color:#f4b41a;rotate:45deg}
.sc-card .sc-card-family{position:absolute;inset:20% 8% auto;z-index:-1;text-align:right;font:700 clamp(115px,11vw,180px)/.9 var(--display);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #061a3330;white-space:nowrap;user-select:none;pointer-events:none}
.sc-card-guides{position:absolute;inset:0;width:100%;height:100%;stroke:#061a3324;stroke-width:1;pointer-events:none;z-index:-1}
.sc-card-guides circle{stroke-dasharray:2 6;stroke:#061a3329}
.sc-card-guides ellipse{stroke:#061a3338}
.sc-card-plinth{position:absolute;left:17%;right:17%;bottom:24%;height:15px;background:#061a335c;border-radius:50%;filter:blur(12px);transition:scale .6s,opacity .6s;pointer-events:none}
.sc-card .sc-card-image{position:absolute;inset:auto;left:-7%;top:-11%;width:114%;height:114%;max-width:none;object-fit:contain;filter:drop-shadow(0 18px 10px #061a3330);transform:translate(var(--card-x),var(--card-y));transition:transform .65s var(--ease),filter .65s;pointer-events:none}
.sc-card[data-card-family="4D"] .sc-card-image{left:-7%;top:-10%;width:114%;height:114%}
.sc-card:hover .sc-card-image{transform:translate(var(--card-x),calc(var(--card-y) - 8px)) rotate(-2deg);filter:drop-shadow(0 25px 12px #061a3345)}
.sc-card:hover .sc-card-plinth{scale:.85;opacity:.7}
.sc-card:hover .sc-card-art:after{translate:-8% 0}
.sc-card .sc-card-view{position:absolute;left:20px;right:20px;bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;transform:none;background:none;border-top:1px solid #061a3328;color:#344d60;padding:12px 0 0;font:700 12px/1.5 var(--body);letter-spacing:.3px}
.sc-card-view strong{color:#061a33;font-weight:800;margin-left:5px}
.sc-card-view>span:last-child{font-size:12px;letter-spacing:.2px;color:#344d60}
.sc-card .sc-card-content{display:flex;flex-direction:column;flex:1;padding:23px 24px 24px;background:#fff}
.sc-card-reference{padding-bottom:20px;margin-bottom:19px;border-bottom:1px solid #d9dfe0}
.sc-card-reference>span{font:700 12px/1.5 var(--body);letter-spacing:.5px;color:#4d6070}
.sc-card .sc-card-reference h3{font:700 clamp(29px,2.5vw,38px)/1.15 var(--display);letter-spacing:-1.3px;margin:8px 0 0;overflow-wrap:anywhere;color:#061a33}
.sc-card-reference h3 a{color:inherit}
.sc-card-reference h3 a:hover{text-decoration:underline;text-decoration-color:#f4b41a;text-decoration-thickness:3px;text-underline-offset:5px}
.sc-card .sc-card-bottom{display:flex;flex-direction:column;align-items:stretch;gap:19px;margin-top:auto}
.sc-card .sc-card-bottom>.sc-card-price-wrap{display:block;width:100%;min-width:0}
.sc-card-price-caption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:2px}
.sc-card .sc-card-bottom .sc-card-price-caption small{max-width:none;margin:0;font:500 12px/1.6 var(--body);color:#4d6070;letter-spacing:0}
.sc-card-price-caption>span{font:800 12px/1.6 var(--body);color:#4d6070;letter-spacing:.5px}
.sc-card .sc-card-price{display:block;font:800 27px/1.4 var(--body);letter-spacing:-1px;color:#061a33;white-space:nowrap;grid-column:auto;grid-row:auto}
.sc-card .sc-card-add{display:flex;align-items:stretch;justify-content:space-between;gap:12px;min-height:54px;width:100%;height:auto;padding:0 0 0 17px;border:1px solid #061a33;background:#061a33;color:white;font:800 14px/1.5 var(--body);transform:none;grid-column:auto;grid-row:auto;transition:background .25s,color .25s}
.sc-card-add-label{display:flex;align-items:center;padding-block:13px;text-align:left}
.sc-card-add-icon{display:grid;place-items:center;min-width:53px;border-left:1px solid #061a33;background:#f4b41a;color:#061a33;position:relative;transition:background .3s}
.sc-card-add-icon>.icon{width:20px;height:20px;transition:rotate .3s}
.sc-card .sc-card-add:hover{background:#173b5d;color:#fff;transform:none}
.sc-card-add:hover .sc-card-add-icon{background:#ffd35c}.sc-card-add:hover .sc-card-add-icon>.icon{rotate:90deg}
.sc-card .sc-card-add:disabled{opacity:.65;cursor:wait}
.sc-card .sc-card-add.is-added{background:#dbe8df;border-color:#879f8c;color:#173e2b}
.sc-card-add.is-added .sc-card-add-icon{background:transparent;border-color:#879f8c;color:#173e2b}
.sc-card-add.is-added:hover .sc-card-add-icon>.icon{rotate:0deg}
.sc-card-add.loading .sc-card-add-icon>.icon{animation:sc-card-pulse .8s ease-in-out infinite alternate}
.sc-card a:focus-visible,.sc-card button:focus-visible{outline:3px solid #1265a8;outline-offset:-4px}
.product-rail>.sc-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start}
.product-rail{padding-top:6px;padding-bottom:25px}
.pdp-related-grid>.sc-card{width:auto;flex:none}
@keyframes sc-card-pulse{to{opacity:.35;scale:.8}}
@media(min-width:1600px){.product-rail>.sc-card{flex-basis:calc((100% - 60px)/4)}}
@media(max-width:1280px){.sc-card .sc-card-content{padding:21px}.sc-card .sc-card-reference h3{font-size:32px}.sc-card .sc-card-price{font-size:26px}}
@media(min-width:761px) and (max-width:1280px){.sc-product-grid,.pdp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-rail>.sc-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:760px){.sc-product-grid,.pdp-related-grid{gap:26px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-rail>.sc-card{flex:0 0 86%;max-width:420px}.sc-card .sc-card-art{aspect-ratio:1.12}.sc-card .sc-card-family{font-size:145px}.sc-card .sc-card-content{padding:22px}.sc-card .sc-card-reference h3{font-size:34px}.sc-card .sc-card-price{font-size:27px}.sc-card .sc-card-add{font-size:16px;min-height:56px}.sc-card-topline{left:18px;right:18px;top:18px}.sc-card .sc-card-view{left:18px;right:18px}}
@media(max-width:600px){.sc-product-grid,.pdp-related-grid{grid-template-columns:minmax(0,1fr)}.sc-card{width:100%;margin-inline:auto;max-width:520px}.product-rail>.sc-card{margin-inline:0}}
@media(max-width:380px){.sc-card .sc-card-content{padding:19px}.sc-card .sc-card-reference h3{font-size:31px}.sc-card .sc-card-add{font-size:14px}.sc-card-add-icon{min-width:49px}.sc-card .sc-card-family{font-size:125px}.sc-card-view>span:last-child{letter-spacing:0;font-size:12px}.sc-card .sc-card-price{font-size:26px}}
@media(prefers-reduced-motion:reduce){.sc-card,.sc-card *,.sc-card:before,.sc-card:after,.sc-card-art:before,.sc-card-art:after{transition:none!important;animation:none!important}.sc-card:hover{translate:none}.sc-card .sc-card-image,.sc-card:hover .sc-card-image{transform:none}}
.motion-paused .sc-card,.motion-paused .sc-card *,.motion-paused .sc-card-art:after{transition:none!important;animation:none!important}.motion-paused .sc-card:hover{translate:none}.motion-paused .sc-card .sc-card-image,.motion-paused .sc-card:hover .sc-card-image{transform:none}
/* Reserve a clear strip below tall product bodies at every grid width. */
.sc-card .sc-card-view{left:0;right:0;bottom:0;min-height:44px;padding:12px 17px;background:#f2f5f4;border-top:1px solid #acbeca;z-index:2}
.sc-card--gold .sc-card-view{background:#f8edcd}
.sc-card:not([data-card-family="4D"]):not([data-card-family="31H"]) .sc-card-image{left:0;top:-9%;width:100%;height:100%}
@media(max-width:380px){.sc-card .sc-card-view{padding-inline:14px}}