#posSilverDiamond{min-height:638px;border:1px solid #69747d;background:#0b1015;color:#f4f4f5}
#posSilverDiamond:before{background:linear-gradient(90deg,#080d14fa 0%,#080d14ed 35%,#080d1470 58%,#080d1408 85%),linear-gradient(0deg,#04080bb0,transparent 65%)}
#posSilverDiamond .pos-silver-scene{position:absolute;inset:0;z-index:-2;overflow:hidden}
#posSilverDiamond .pos-silver-scene img,#posSilverDiamond .pos-silver-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 45%}
#posSilverDiamond .expo-kicker{display:block;color:#d6dee5;padding-top:45px}
#posSilverDiamond h2{max-width:560px}
#posSilverDiamond>p{max-width:520px;color:#d9dfe5!important}
#posSilverDiamond .expo-stats{margin:30px 0}
#posSilverDiamond .expo-stat span{color:#c7d1da}
#posSilverDiamond .expo-button{background:linear-gradient(135deg,#f3f5f7,#b5c1cd);color:#13202c!important;box-shadow:0 4px 22px #d4e1ed20;border:1px solid #f6f8fa;font-weight:700}
#posSilverDiamond .pos-silver-note{font-size:11px;max-width:490px;margin-top:18px}
#posSilverDiamond .pos-silver-motion{position:absolute;top:20px;right:20px;min-height:44px;z-index:3;border:1px solid #b1bccb80;border-radius:6px;padding:8px 12px;background:#08111bba;color:white;font:600 12px Arial;cursor:pointer}
#posSilverDiamond .pos-silver-cans{display:flex;position:absolute;right:80px;bottom:65px;gap:26px;align-items:end}
#posExact #posSilverDiamond .pos-silver-cans a,#posExact #posSilverDiamond .pos-silver-cans a:hover,#posExact #posSilverDiamond .pos-silver-cans svg,#posExact #posSilverDiamond .pos-silver-cans image{opacity:1!important}
#posSilverDiamond .pos-silver-cans a{display:flex;flex-direction:column;align-items:center;gap:12px;color:white;font:700 14px/1.45 Arial,Helvetica,sans-serif;text-decoration:none;text-shadow:0 2px 10px #000}
#posSilverDiamond .pos-silver-cans svg{width:155px;height:208px;filter:drop-shadow(0 10px 18px #000a);transform-origin:center bottom;transition:transform .4s ease}
#posSilverDiamond .pos-silver-cans a:hover svg{transform:translateY(-6px) scale(1.18)}
#posSilverDiamond a:focus-visible,#posSilverDiamond button:focus-visible{outline:3px solid #edf5ff;outline-offset:5px}
@media(min-width:701px) and (max-width:1000px){#posSilverDiamond h2,#posSilverDiamond>p{max-width:calc(100% - 240px)}#posSilverDiamond .pos-silver-cans{right:28px;gap:16px}#posSilverDiamond .pos-silver-cans svg{width:100px;height:134px}}
@media(max-width:700px){#posSilverDiamond{min-height:638px}#posSilverDiamond .expo-kicker{padding-top:48px}#posSilverDiamond:before{background:linear-gradient(90deg,#080d14ed,#080d1495)}#posSilverDiamond .expo-stats{gap:15px}#posSilverDiamond .expo-stat{flex:1 1 90px}#posSilverDiamond .pos-silver-cans{right:22px;bottom:90px;gap:14px}#posSilverDiamond .pos-silver-cans svg{width:56px;height:76px}#posSilverDiamond .pos-silver-cans a{font-size:9px;gap:6px;max-width:64px;text-align:center}#posSilverDiamond .expo-button{font-size:12px;padding:12px;max-width:calc(100% - 148px)}#posSilverDiamond .pos-silver-note{max-width:calc(100% - 148px);line-height:1.4}}
@media(prefers-reduced-motion:reduce){#posSilverDiamond .pos-silver-cans svg{transition:none}}

/* Three precious coatings, with the existing card height retained on desktop. */
@media(min-width:701px) and (max-width:1200px){#posSilverDiamond .pos-silver-cans{right:28px;gap:16px}#posSilverDiamond .pos-silver-cans svg{width:100px;height:134px}#posSilverDiamond h2,#posSilverDiamond>p{max-width:calc(100% - 350px)}}
@media(max-width:700px){#posSilverDiamond .pos-silver-cans{position:relative;right:auto;bottom:auto;justify-content:center;margin-top:26px;gap:18px}#posSilverDiamond .pos-silver-cans svg{width:68px;height:92px}#posSilverDiamond .pos-silver-cans a{max-width:76px;font-size:10px}#posSilverDiamond .expo-button,#posSilverDiamond .pos-silver-note{max-width:100%}}