.gallery-intro{margin:10px 0 28px}.gallery-intro p:not(.eyebrow){font-size:13px;color:var(--muted)}.gallery-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px}.style-card{background:var(--cream);border:1px solid #d3dacd;border-radius:7px;overflow:hidden}.device-scene{height:300px;padding:35px 32px;background:#daceb9;position:relative;overflow:hidden}.device-scene.trades{background:#bfc8b6}.device-scene.salon{background:#e0c8c6}.device-scene.professional{background:#bfccd6}.desktop-frame{height:220px;border:5px solid #f9faf5;border-radius:8px;background:white;overflow:hidden;box-shadow:0 14px 30px #183e3220;position:relative;margin-right:25px;pointer-events:none}.device-bar{height:17px;display:block;font-size:6px;color:#a4aaa3;padding:3px 7px}.device-bar b{font-size:5px;font-weight:400;float:right;letter-spacing:.6px}.desktop-frame iframe{width:1100px;height:720px;border:0;transform:scale(.36);transform-origin:top left;pointer-events:none}.phone-frame{position:absolute;right:20px;bottom:22px;width:91px;height:180px;border:4px solid #23352d;border-radius:15px;overflow:hidden;box-shadow:0 10px 20px #183e3233;background:white;pointer-events:none}.phone-frame iframe{width:375px;height:760px;border:0;transform:scale(.225);transform-origin:top left;pointer-events:none}.style-description{padding:27px}.style-description>.eyebrow{font-size:8px;letter-spacing:1.1px}.style-description h3{font:500 27px 'Manrope',sans-serif;letter-spacing:-1px;margin:12px 0}.style-description p{font-size:13px;color:var(--muted);margin-bottom:13px}.style-description .style-features{font-size:10px;line-height:1.8}.style-actions{display:flex;gap:20px;align-items:center;margin-top:22px}.style-actions .button{padding:13px 16px;font-size:11px;white-space:nowrap}.style-actions .text-link{font-size:10px}.working-examples{margin-top:30px}@media(max-width:1000px){.gallery-cards{gap:20px}.device-scene{padding:25px 20px;height:260px}.desktop-frame{margin-right:18px;height:195px}.desktop-frame iframe{transform:scale(.3)}.phone-frame{right:12px;bottom:18px}.style-actions{flex-wrap:wrap;gap:15px}}@media(max-width:700px){.gallery-cards{grid-template-columns:1fr}.device-scene{height:290px;padding:30px 20px}.desktop-frame{height:220px;margin-right:26px}.desktop-frame iframe{transform:scale(.33)}.style-description{padding:23px}.phone-frame{right:15px;bottom:20px}}@media(min-width:1500px){.desktop-frame iframe{transform:scale(.43)}}
