@media(max-width:1024px){html:has(.froo-config-app),body.froo-config-body{overflow:auto}.froo-config-app{height:auto;min-height:100vh;display:block;padding-bottom:138px}.froo-config-header{height:66px;position:sticky;top:0;padding:0 12px;z-index:60}.froo-config-back span,.froo-config-header__actions,.froo-config-header__divider,.froo-config-product-title-edit{display:none}.froo-config-back{width:38px;height:38px;justify-content:center}.froo-config-product-thumb{width:42px;height:42px;margin-left:8px}.froo-config-product-title-wrap{margin-left:10px;max-width:calc(100vw - 130px)}.froo-config-product-title{font-size:17px;max-width:100%}.froo-config-main{display:block;border:0}.froo-config-sidebar,.froo-config-options,.froo-config-right{display:none}.froo-config-stage{height:auto;min-height:calc(100vh - 204px);padding:0;border:0}.froo-config-stage-canvas-wrap{height:auto;min-height:540px;padding:72px 14px 116px}.froo-config-canvas-frame{width:min(96%,780px)}.froo-config-viewport-tools{right:8px;top:auto;bottom:115px;transform:none;display:grid;grid-template-columns:repeat(4,44px);gap:5px}.froo-config-viewport-tools button{width:44px;min-height:44px;border-radius:5px}.froo-config-viewport-tools button span{display:none}.froo-config-viewport-tools .froo-config-icon{width:21px;height:21px}.froo-config-viewport-tools button:last-child{display:none}.froo-config-view-tabs{bottom:50px;max-width:calc(100% - 22px);width:max-content}.froo-config-view-tab{width:82px;height:60px;gap:3px}.froo-config-view-tab span{font-size:17px}.froo-config-view-tab strong{font-size:8px}.froo-config-stage-warning{top:61px;max-width:80%;text-align:center}.froo-config-benefits{display:none}.froo-config-mobile-nav{position:fixed;left:0;right:0;bottom:68px;height:62px;background:#fff;border-top:1px solid var(--froo-border);z-index:70;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.froo-config-mobile-nav[hidden]{display:none}.froo-config-mobile-nav button{border:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px}.froo-config-mobile-nav .froo-config-icon{width:21px;height:21px}.froo-config-mobile-cart{position:fixed;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid var(--froo-border);z-index:72;display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px;padding:8px 12px max(8px,env(safe-area-inset-bottom))}.froo-config-mobile-cart[hidden]{display:none}.froo-config-mobile-cart>div{display:flex;flex-direction:column}.froo-config-mobile-cart span{font-size:8px;color:#777}.froo-config-mobile-cart strong{font-size:16px}.froo-config-mobile-cart button{height:48px;border:0;border-radius:5px;background:#191715;color:#fff;font-size:11px;font-weight:600}.froo-config-mobile-cart button:disabled{opacity:.5}.froo-config-bottom-sheet{display:block;position:fixed;left:0;right:0;bottom:0;max-height:78vh;background:#fff;border-radius:15px 15px 0 0;box-shadow:0 -12px 42px rgba(0,0,0,.16);z-index:90;padding:26px 12px max(84px,calc(76px + env(safe-area-inset-bottom)));overflow-y:auto}.froo-config-bottom-sheet[hidden]{display:none}.froo-config-sheet-close{position:absolute;right:12px;top:9px;width:35px;height:35px;border:0;background:#f3f1ef;border-radius:50%;font-size:20px;z-index:2}.froo-config-bottom-sheet .froo-config-panel{display:block!important;height:auto;overflow:visible;padding:16px 4px}.froo-config-bottom-sheet .froo-config-layers-section{display:block!important;padding:17px 4px;border:0}.froo-config-bottom-sheet .froo-config-step{display:none}.froo-config-bottom-sheet .froo-config-swatch-grid{grid-template-columns:repeat(3,1fr)}.froo-config-bottom-sheet .froo-config-assets-grid{grid-template-columns:repeat(4,1fr)}.froo-config-bottom-sheet .froo-config-layers{max-height:none}.froo-config-loading{inset:66px 0 0}.froo-config-app.is-preview{padding-bottom:0}.froo-config-app.is-preview .froo-config-mobile-nav,.froo-config-app.is-preview .froo-config-mobile-cart{display:none}.froo-config-app.is-preview .froo-config-stage{min-height:calc(100vh - 66px)}.froo-config-app.is-preview .froo-config-stage-canvas-wrap{padding:45px 8px}.froo-config-app.is-preview .froo-config-preview-exit{position:fixed;bottom:18px}.froo-config-modal{padding:14px}.froo-config-modal__card{padding:22px 18px}.froo-config-error{min-height:100vh}}
@media(max-width:560px){.froo-config-product-title{font-size:15px}.froo-config-stage{min-height:calc(100vh - 196px)}.froo-config-stage-canvas-wrap{min-height:430px;padding:66px 6px 102px}.froo-config-canvas-frame{width:100%;box-shadow:none}.froo-config-safe-area span{display:none}.froo-config-view-tabs{bottom:38px}.froo-config-view-tab{width:70px;height:54px}.froo-config-view-tab strong{font-size:7px}.froo-config-viewport-tools{bottom:96px}.froo-config-bottom-sheet{max-height:82vh}.froo-config-bottom-sheet .froo-config-assets-grid{grid-template-columns:repeat(3,1fr)}.froo-config-two-cols{grid-template-columns:1fr 1fr}.froo-config-five-fields{grid-template-columns:1fr 1fr}.froo-config-mobile-cart{grid-template-columns:92px 1fr}.froo-config-mobile-cart strong{font-size:14px}}

@media(max-width:1024px){.froo-config-bottom-sheet .froo-config-variant-grid{display:flex;overflow-x:auto;gap:9px;padding-bottom:5px;scroll-snap-type:x proximity}.froo-config-bottom-sheet .froo-config-variant-card{flex:0 0 92px;scroll-snap-align:start}.froo-config-bottom-sheet .froo-config-variant-image{aspect-ratio:1/1}.froo-config-bottom-sheet .froo-config-variant-name{font-size:10px}.froo-config-bottom-sheet .froo-config-variant-price{font-size:8px}}