/* v3.0.33: balanced six example showcase, with a distinctive wellness theme. */
.website-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.website-showcase>.site-sample:last-child{grid-column:auto;max-width:none;width:auto;margin:0}
.website-showcase .device-pair{grid-template-columns:minmax(0,1fr) minmax(75px,25%);gap:10px}
.website-showcase .mockhero{padding:28px 20px;min-height:230px}
.website-showcase .mockhero strong{font-size:clamp(1.4rem,2.1vw,2.15rem)}
.website-showcase .mockbody{padding:17px 15px;min-height:170px}
.website-showcase .mocknav{padding:0 12px}
.website-showcase .mini-grid{gap:5px}
.website-showcase .mini-grid b{padding:10px 5px;font-size:.58rem}
.website-showcase .phone{height:385px}
.sample-wellness .mockhero{background:linear-gradient(135deg,#e5f2e9 0%,#d0e6d7 48%,#c6ddce 100%);color:#23483d}
.sample-wellness .mockhero:after{background:rgba(255,255,255,.25)}
.sample-wellness .mocknav{background:#f8faf5;color:#315747}
.sample-wellness .mockhero em{background:#326451;color:#fff}
.sample-wellness .phonehero{background:linear-gradient(135deg,#e5f2e9,#c6ddce);color:#23483d}
.sample-wellness .phonehero em{background:#326451;color:#fff}
.sample-wellness .mini-cta{background:#326451;color:#fff}
.sample-wellness .mini-band{background:#eaf4ec;color:#37604e}
@media(max-width:1150px){.website-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.website-showcase{grid-template-columns:minmax(0,1fr)}.website-showcase .device-pair{grid-template-columns:minmax(0,1fr) minmax(75px,25%)}}
@media(max-width:390px){.website-showcase .device-pair{grid-template-columns:minmax(0,1fr) 75px;gap:6px}.website-showcase .mockhero{padding:22px 12px}.website-showcase .mockbody{padding:12px 9px}.website-showcase .mocknav{padding:0 8px}}