/* Miniature functional UI silhouettes: every tier depicts a different layout,
   avoiding generic gradient cards and without embedding external screenshots. */
body[data-page=showroom] .model-media{display:block;padding:18px 13px 15px;overflow:hidden}
body[data-page=showroom] .tier-mini{width:100%;height:100%;position:relative;padding-top:15px;transform:perspective(700px) rotateY(-4deg);transition:transform .3s ease}
body[data-page=showroom] .model:hover .tier-mini{transform:perspective(700px) rotateY(0)}
.tier-browser{background:#fff;border:5px solid #242424;border-bottom:10px solid #242424;border-radius:7px 7px 2px 2px;width:100%;height:100%;overflow:hidden;box-shadow:9px 15px 26px #0003;display:flex;flex-direction:column;position:relative}
.tier-browser-top{background:#fff;display:flex;align-items:center;gap:7px;padding:8px 9px;min-height:35px;border-bottom:1px solid #eee;font:800 6px "Manrope",sans-serif;letter-spacing:.05em;color:#555}
.tier-browser-top>b{background:#ed2136;color:#fff;font:800 12px Georgia,serif;padding:3px 6px;border-radius:50%}
.tier-browser-top>i{height:6px;width:20px;background:#ed2136}
.tier-browser-top span{min-width:0;white-space:nowrap}
.tier-browser-hero{flex:1;padding:18px 15px;background:linear-gradient(110deg,#fff 0%,#fff 53%,#ed2136 53%,#ed2136 100%);display:flex;flex-direction:column;align-items:flex-start}
.tier-browser-hero small{font:800 6px "Manrope",sans-serif;letter-spacing:.12em}
.tier-browser-hero strong{font:600 clamp(17px,1.45vw,27px)/1.1 Georgia,serif;letter-spacing:-.05em;margin-top:9px;position:relative;z-index:1}
.tier-browser-hero em,.tier-premium-main em,.tier-commerce-main em{color:#ed2136;font-style:normal}
.tier-browser-hero>.tier-cta{background:#ed2136;color:#fff;font:800 6px "Manrope",sans-serif;padding:7px 9px;margin-top:15px}
.tier-browser-cats{height:25%;background:#fafafa;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:9px 7px}
.tier-browser-cats span{background:#fff;border-top:4px solid #ed2136;font:800 6px "Manrope",sans-serif;padding:7px 5px;white-space:nowrap;letter-spacing:-.03em;color:#555}
.tier-mini-professional .tier-browser-top{min-height:37px}
.tier-search{background:#f8f8f8;border:1px solid #ededed;flex:1;height:17px;display:flex;align-items:center;padding:0 8px;color:#aaa!important;font:600 6px "DM Sans",sans-serif}
.tier-premium-middle{flex:1;min-height:0;display:grid;grid-template-columns:27% 73%}
.tier-cats-aside{background:#f4f4f4;padding:9px 5px;display:flex;flex-direction:column;gap:7px}
.tier-cats-aside span{background:#fff;padding:5px 3px;font:700 6px "Manrope",sans-serif;color:#555}
.tier-cats-aside span:first-child{background:#ed2136;color:#fff}
.tier-premium-main{background:linear-gradient(120deg,#ffffff 0%,#f8f8f8 60%,#ffe4e7 60%);padding:15px 9px}
.tier-premium-main strong{display:block;font:600 clamp(13px,1.15vw,21px)/1.17 Georgia,serif;letter-spacing:-.05em;margin-bottom:16px}
.tier-color-swatches{display:flex;gap:3px}
.tier-color-swatches i{height:21px;flex:1;background:#ed2136}
.tier-color-swatches i:nth-child(2){background:#e99587}.tier-color-swatches i:nth-child(3){background:#e4b38e}.tier-color-swatches i:nth-child(4){background:#9da8ab}.tier-color-swatches i:nth-child(5){background:#68766a}
.tier-browser-products{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:22%;padding:5px}
.tier-browser-products span{display:flex;justify-content:center;align-items:flex-end;padding-bottom:4px;font:800 6px "Manrope",sans-serif;background:linear-gradient(#d7d7d7 0 65%,#fff 65%)}
.tier-mini-automation{display:flex;align-items:center;justify-content:center}
.tier-admin-sample{height:93%;width:91%;margin-right:-15px;background:white;border:6px solid #222;box-shadow:9px 14px 28px #0005;padding:15px 11px;transform:rotate(-3deg)}
.tier-admin-sample small{font:800 7px "Manrope",sans-serif;color:#ed2136}
.tier-admin-sample strong{font:600 19px Georgia,serif;display:block;margin:9px 0}
.tier-admin-tiles{display:flex;gap:5px}.tier-admin-tiles b{display:grid;place-items:center;flex:1;padding:8px 0;color:#ed2136;background:#f3f3f3;font:800 20px Georgia,serif}
.tier-admin-lines{display:grid;gap:5px;margin-top:10px}.tier-admin-lines i{background:linear-gradient(90deg,#e5e5e5 45%,#f8f8f8 45%);height:16px}
.tier-phone-mini{position:absolute;right:1%;bottom:0;width:41%;height:76%;border:6px solid #171717;border-radius:15px;background:#fbfbfb;padding:9px 5px 5px;box-shadow:0 8px 17px #0005;display:flex;flex-direction:column;gap:9px;transform:rotate(5deg)}
.tier-phone-head{color:#ed2136;border-bottom:1px solid #eee;font:800 7px "Manrope",sans-serif;padding-bottom:8px}
.tier-phone-mini span{font:600 7px/1.4 "DM Sans",sans-serif;background:#eee;padding:9px 6px;border-radius:5px}
.tier-phone-mini span:nth-last-child(2){background:#ffe4e7;margin-left:18%}
.tier-phone-mini span:last-child{border:1px solid #ed2136;background:#fff;color:#ed2136}
.tier-mini-commerce .tier-browser{height:98%;margin-top:2%}
.tier-commerce-main{flex:1;background:linear-gradient(110deg,#fff 0%,#fff 54%,#ed2136 54%,#ed2136 100%);padding:12px;display:flex;align-items:flex-start;flex-direction:column}
.tier-commerce-main strong{font:600 clamp(15px,1.4vw,24px)/1.17 Georgia,serif;letter-spacing:-.045em}
.tier-commerce-main span{background:#ed2136;color:#fff;padding:7px;font:800 7px "Manrope",sans-serif;margin-top:9px}
.tier-commerce-products{height:33%;display:flex;padding:6px;gap:5px;background:#fafafa}
.tier-commerce-products i{flex:1;background:linear-gradient(#ddd 0 66%,#fff 66%);border:1px solid #f0f0f0;position:relative}
.tier-commerce-products i:before{content:"";position:absolute;width:40%;height:42%;left:30%;top:10%;background:#ed2136;border-radius:4px 4px 0 0}
.tier-commerce-products i:nth-child(2):before{background:#bdb49b}
.tier-commerce-products i:nth-child(3):before{background:#a49e98}
.tier-commerce-products i:nth-child(4):before{background:#7f8f8a}
.tier-checkout-chip{position:absolute;bottom:11px;right:6px;background:#fff;box-shadow:0 7px 15px #8d000055;border-left:4px solid #ed2136;padding:9px 8px;font:800 8px "Manrope",sans-serif}
@media(max-width:1250px){
 .tier-browser-hero strong{font-size:clamp(19px,2.3vw,30px)}
 .tier-premium-main strong{font-size:clamp(18px,2vw,26px)}
 .tier-commerce-main strong{font-size:clamp(18px,2.2vw,28px)}
}
@media(max-width:700px){
 body[data-page=showroom] .model-media{padding:9px 7px;min-height:190px!important}
 .tier-browser{border-width:3px;border-bottom-width:7px}
 .tier-browser-top{min-height:24px;padding:4px;gap:4px}
 .tier-browser-hero{padding:11px 8px}
 .tier-browser-hero strong{font-size:clamp(15px,4vw,23px)}
 .tier-browser-cats{padding:5px 4px}.tier-browser-cats span{font-size:5px;padding:4px 1px}
 .tier-premium-main{padding:12px 6px}.tier-premium-main strong{font-size:clamp(13px,3.4vw,20px)}
 .tier-browser-products span{font-size:5px}
 .tier-commerce-main{padding:10px}.tier-commerce-main strong{font-size:clamp(14px,3.6vw,23px)}
 .tier-checkout-chip{font-size:6px;padding:5px}
 .tier-phone-mini{width:44%}
}
@media(max-width:370px){body[data-page=showroom] .model-media{min-height:225px!important}}
@media(prefers-reduced-motion:reduce){body[data-page=showroom] .tier-mini{transition:none!important}}