.gallery-section{background:#19191b;color:#f5f5f7;padding:76px 0 48px;overflow:hidden}.gallery-section .section-heading h2{margin:0;font-weight:600}.gallery-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(48px,calc((100vw - 1320px)/2));padding:0 max(48px,calc((100vw - 1320px)/2));scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-card{flex:0 0 min(70vw,850px);min-width:0;scroll-snap-align:start}.gallery-visual{height:450px;border-radius:30px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;padding:70px 45px 0}.gallery-visual.blue{background:#e2e9fc}.gallery-visual.green{background:#cbdcbb}.gallery-visual.purple{background:#d9d0ef}.demo-label{position:absolute;top:22px;left:26px;color:#454958;font-size:12px;border:1px solid #7778;padding:3px 10px;border-radius:20px}.gallery-caption{font-size:19px;line-height:1.5;color:#a7a7ad;padding:24px 18px 0;max-width:700px}.gallery-caption strong{color:#f5f5f7}.gallery-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.gallery-controls button{background:#343436;color:#fff;border:0;border-radius:30px;padding:9px 16px;font-size:22px;display:flex;align-items:center;gap:9px}.gallery-controls button span{font-size:14px}.gallery-controls button:disabled{opacity:.3;cursor:default}.mock-scene{width:100%;pointer-events:none;color:#293144}.mock-window{background:#fff;border-radius:13px 13px 0 0;min-height:345px;box-shadow:0 25px 70px #34447033}.mock-top{display:flex;gap:5px;align-items:center;padding:13px;border-bottom:1px solid #e9edf2;font-size:12px;color:#888}.mock-top i{width:7px;height:7px;background:#d6dbe4;border-radius:50%}.mock-top>span{margin:auto}.mock-dashboard{display:flex;min-height:300px}.mock-dashboard aside{width:25%;padding:20px 12px;background:#f6f8fd;font-size:12px}.mock-dashboard aside b{font-size:34px;color:#244fef;display:block;margin-bottom:24px}.mock-dashboard aside div{padding:8px;margin-bottom:6px}.mock-active{background:#e3eafa;color:#244fef;border-radius:6px}.mock-main{padding:25px;flex:1;min-width:0}.mock-main h4,.mock-phone h4{font-size:19px;margin:0 0 18px}.mock-stats{display:flex;gap:12px;margin-bottom:22px}.mock-stats>div{background:#f3f6fc;border-radius:8px;padding:13px;flex:1}.mock-stats small{font-size:11px;display:block}.mock-stats strong{font-size:27px;display:block}.mock-row{display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f5;padding:14px 0;font-size:10px}.mock-row b{background:#edf1fa;padding:5px;border-radius:4px}.mock-row em{font-style:normal;color:#48816a;margin-left:auto;font-size:9px}.mock-phone{background:#fcfcfa;width:270px;margin:auto;border:6px solid #27322b;border-bottom:0;border-radius:35px 35px 0 0;padding:12px 18px 23px;box-shadow:0 20px 70px #15271740}.phone-notch{width:65px;height:15px;border-radius:12px;background:#27322b;margin:0 auto 18px}.store-head{border-bottom:1px solid #e1e6dc;padding-bottom:15px;margin-bottom:15px}.store-head b{font-size:20px}.store-head small{display:block;font-size:10px;color:#7a8578}.mock-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px}.product-placeholder{height:58px;background:#e8eee3;border-radius:8px;display:grid;place-items:center;color:#7d8f6e;font-size:24px;font-weight:600}.mock-action{background:#314f33;color:white;padding:9px;text-align:center;border-radius:7px;font-size:12px;margin-top:16px}.mock-chat{width:min(340px,100%);background:#f7f4fc;border-radius:24px 24px 0 0;margin:auto;padding:22px;box-shadow:0 20px 70px #3c24562b;min-height:350px}.chat-head{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e5deef;padding-bottom:16px}.chat-avatar{background:#7961a0;color:white;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:23px}.chat-head small{display:block;font-size:10px;color:#817887}.order-tag{text-align:center;font-size:10px;color:#91849e;margin:14px}.chat-bubble{font-size:13px;padding:12px 15px;border-radius:14px;max-width:85%;margin-bottom:13px;line-height:1.4}.incoming{background:white}.outgoing{background:#ded4f0;margin-left:auto}.chat-bubble small{display:block;text-align:right;font-size:9px;color:#8c809f;margin-top:5px}.chat-order{display:flex;align-items:center;gap:9px;font-size:12px;margin:15px 0;color:#665582}.chat-order>span:first-child{border-radius:50%;background:#ded4f0;padding:3px 8px}.chat-input{background:#fff;border-radius:18px;display:flex;justify-content:space-between;padding:6px 13px;color:#9c90ac}.gallery-track:focus-visible{outline:2px solid #a5b9ff;outline-offset:-3px}@media(max-width:1100px){.gallery-track{padding-inline:28px;scroll-padding-left:28px}.gallery-card{flex-basis:80vw}.gallery-visual{height:400px;padding:65px 24px 0}}@media(max-width:680px){.gallery-section{padding:45px 0 30px}.gallery-track{gap:16px;padding-inline:18px;scroll-padding-left:18px}.gallery-card{flex-basis:84vw}.gallery-visual{height:330px;border-radius:23px;padding:55px 15px 0}.gallery-caption{font-size:16px;padding:18px 5px 0}.demo-label{top:17px;left:18px}.mock-window{min-height:255px;width:480px;transform:scale(.64);transform-origin:bottom left;margin-bottom:0}.blue .mock-scene{height:255px;display:flex;align-items:flex-end}.mock-dashboard{min-height:275px}.mock-phone{width:225px;padding-inline:14px}.mock-products{gap:8px}.product-placeholder{height:40px}.store-head{padding-bottom:8px;margin-bottom:8px}.phone-notch{margin-bottom:12px}.mock-phone h4{margin-bottom:9px;font-size:16px}.mock-chat{padding:17px;min-height:265px;max-width:270px}.chat-head{padding-bottom:9px}.chat-bubble{font-size:12px;padding:9px 11px}.chat-order{margin:9px 0}.gallery-controls{margin-top:22px}.gallery-controls button{min-height:44px}}@media(prefers-reduced-motion:reduce){.gallery-track{scroll-behavior:auto}}
.mock-window{flex-shrink:0}@media(max-width:380px){.mock-window{transform:scale(.50)}}

.gallery-controls button{width:46px;height:46px;padding:0;justify-content:center;border-radius:50%;font-size:30px;line-height:1;gap:0}.gallery-controls button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}