.umbrella-showcase{background:#eeeae1}.umbrella-showcase .section-heading{max-width:1100px;margin-bottom:32px}.umbrella-editions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.umbrella-edition{padding:24px;border:1px solid #d5d6d2;background:#f8f7f2;text-align:left;color:#071e3c;cursor:pointer}.umbrella-edition img{display:block;width:100%;height:330px;object-fit:contain;filter:drop-shadow(0 14px 8px #071e3c22)}.umbrella-edition strong{display:block;font-size:26px;margin:16px 0 8px}.umbrella-edition span{font-size:14px}.umbrella-mockup-dialog{width:min(1160px,94vw);max-height:92dvh;overflow:auto;border:0;padding:50px 32px;background:#f6f4ee;color:#071e3c}.umbrella-mockup-dialog::backdrop{background:#071b32d9;backdrop-filter:blur(5px)}.umbrella-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:34px;color:#071e3c;cursor:pointer}.umbrella-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.umbrella-view{height:610px;position:relative;background:#eee}.umbrella-view>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 10px #071e3c22)}.umbrella-view>model-viewer{position:absolute;inset:0}.umbrella-info h2{font-size:clamp(42px,6vw,72px);line-height:1.05;margin:16px 0 26px}.umbrella-info p{line-height:1.6}.umbrella-info label{display:block;margin:28px 0 18px}.umbrella-info select{display:block;width:100%;padding:14px;margin-top:10px;border:1px solid #bbb;background:#fff}.umbrella-view-controls{display:flex;gap:10px;flex-wrap:wrap}.umbrella-view-controls button{padding:12px 18px;background:#071e3c;color:white;border:0;cursor:pointer}.umbrella-specs{margin-top:32px;font-size:14px}@media(max-width:720px){.umbrella-editions{grid-template-columns:1fr}.umbrella-edition img{height:360px}.umbrella-detail{grid-template-columns:1fr;gap:24px}.umbrella-view{height:430px}.umbrella-mockup-dialog{padding:48px 18px 28px}.umbrella-info h2{font-size:44px}}
.umbrella-view-controls button[aria-pressed="true"]{background:#b20d28}.umbrella-view-controls button[hidden]{display:none}.umbrella-view>img{filter:none}.umbrella-edition img{filter:none}
