#casebang-mockup-container{position:relative;display:block;width:100%;min-height:calc(100vw + 94px);overflow:hidden;border-radius:16px;background:#fff}#casebang-mockup-container>.casebang-phone-preview-stage{min-height:inherit}.casebang-pc2-initial-preview{position:absolute;top:0;right:0;bottom:124px;left:0;display:grid;place-items:center;padding:12px}.casebang-pc2-initial-preview img{display:block;width:100%;height:100%;object-fit:contain}.product__media-wrapper.casebang-pc2-gallery-isolated .product__media-list>.product__media-item{display:none!important}.product__media-wrapper.casebang-pc2-gallery-isolated .product__media-list>[data-media-id$=-casebang-mockup]{display:block!important;width:100%!important;max-width:100%!important}.product__media-wrapper.casebang-pc2-gallery-isolated .thumbnail-slider,.product__media-wrapper.casebang-pc2-gallery-isolated .slide_wrapper>.slider-buttons{display:none!important}.product__media-wrapper:has(#casebang-mockup-container) [id^=GalleryThumbnails-]{padding-top:5px}.casebang-selection-row:has([data-casebang-accessory-summary]){align-items:baseline;flex-wrap:wrap;row-gap:5px}[data-casebang-accessory-summary]{color:#777;font-size:12px;line-height:1rem}[data-casebang-accessory-summary] span{margin-left:8px;color:#111}#casebang-variants .casebang-accessory-swatch-track{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:.35rem;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}#casebang-variants .casebang-accessory-swatch-track::-webkit-scrollbar{display:none}#casebang-variants .casebang-accessory-swatch-option{width:84px;flex:0 0 84px;scroll-snap-align:start}#casebang-variants .casebang-accessory-swatch-option img{object-fit:contain;object-position:center}.casebang-phone-preview-stage{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#fff}.casebang-phone-visual-area{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;overflow:hidden}.casebang-phone-slot{display:grid;min-width:0;place-items:center}.casebang-phone-preview-main{transition:transform .26s ease;transform-origin:center center}.casebang-phone-visual-area .casebang-phone-preview-main{position:relative;inset:auto;width:100%;aspect-ratio:1}.casebang-phone-preview-main [class~="ca:border-black/5"]{border:0!important;border-radius:0!important;background:transparent!important}.casebang-phone-preview-stage [class~="ca:absolute"][class~="ca:top-2"][class~="ca:right-2"]{top:16px;right:16px}.casebang-phone-preview-stage:not(.casebang-phone-preview-stage--fixed) .casebang-accessory-slot{display:none;min-width:0;place-items:center}.casebang-phone-preview-stage--accessory-active:not(.casebang-phone-preview-stage--fixed) .casebang-accessory-slot{display:grid}.casebang-phone-preview-stage--accessory-only:not(.casebang-phone-preview-stage--fixed) .casebang-phone-slot{display:none}.casebang-phone-preview-stage:not(.casebang-phone-preview-stage--fixed) .casebang-phone-accessory-preview{position:relative;inset:auto;width:100%;max-width:240px;margin:0;aspect-ratio:1;background:transparent;transform:none;place-self:center}.casebang-phone-device-row{display:flex;flex:0 0 auto;width:100%;align-items:center;justify-content:center}.casebang-phone-device-row:not(:has(.casebang-phone-device-color)){display:none}.casebang-phone-device-color{position:relative;z-index:2;width:max-content;max-width:calc(100% - 2rem);margin-inline:auto;padding:8px 12px}.casebang-phone-preview-stage--fixed{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;overflow:hidden}.casebang-phone-preview-stage--fixed.casebang-phone-preview-stage--accessory-active{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.casebang-phone-preview-stage--fixed .casebang-phone-preview-main{position:relative;inset:auto;width:100%;transform:none!important}.casebang-phone-preview-stage--fixed .casebang-phone-accessory-preview{position:relative;inset:auto;width:min(84%,144px);max-width:none;aspect-ratio:1;place-self:center;transform:none}.casebang-phone-preview-stage--fixed.casebang-phone-preview-stage--accessory-only{grid-template-columns:minmax(0,1fr)}.casebang-phone-preview-stage--fixed.casebang-phone-preview-stage--accessory-only .casebang-phone-accessory-preview{width:min(48vw,180px)}#casebang-variants .casebang-selection-error{position:fixed;z-index:2147483000;bottom:max(20px,env(safe-area-inset-bottom));left:50%;padding:8px 14px;transform:translate(-50%);border:0;border-radius:999px;background:#201928e0;box-shadow:0 4px 14px #2019282e;color:#fff;font-size:14px;line-height:1.2;pointer-events:none;white-space:nowrap}#casebang-variants .casebang-accessory-section{padding-top:1rem;border-top:1px solid #e6e0ef}@media screen and (max-width:767px){.casebang-next-buy-buttons-container{min-height:88px}#casebang-variants .casebang-integrated-panel{width:calc(100% + 32px);margin-inline:-16px;padding-inline:8px}#casebang-mockup-container:has(>.casebang-phone-preview-stage){min-height:0;aspect-ratio:auto!important}#casebang-mockup-container>.casebang-phone-preview-stage{min-height:0}.casebang-phone-preview-stage:not(.casebang-phone-preview-stage--fixed){display:grid;grid-template-rows:auto auto;row-gap:8px}.casebang-phone-preview-stage:not(.casebang-phone-preview-stage--fixed) .casebang-phone-visual-area{grid-template-columns:minmax(0,1fr);align-items:center}.casebang-phone-preview-stage--accessory-active:not(.casebang-phone-preview-stage--accessory-only):not(.casebang-phone-preview-stage--fixed) .casebang-phone-visual-area{grid-template-columns:minmax(0,1.6fr) minmax(88px,.8fr);column-gap:8px}.casebang-phone-preview-stage--accessory-only:not(.casebang-phone-preview-stage--fixed) .casebang-phone-visual-area{grid-template-columns:minmax(0,1fr)}.casebang-phone-preview-stage--accessory-active:not(.casebang-phone-preview-stage--accessory-only):not(.casebang-phone-preview-stage--fixed) .casebang-phone-accessory-preview{width:min(86%,150px);max-width:150px}.casebang-phone-preview-stage--accessory-only:not(.casebang-phone-preview-stage--fixed) .casebang-phone-accessory-preview{width:min(58vw,220px);max-width:220px}.casebang-phone-preview-stage:not(.casebang-phone-preview-stage--fixed) .casebang-phone-device-row{width:100%;margin:0 0 12px;padding:0;justify-content:center}.casebang-phone-preview-stage:not(.casebang-phone-preview-stage--fixed) .casebang-phone-device-color{margin-inline:auto}}@media screen and (min-width:768px){.casebang-pc2-info-shell{min-height:2500px}#casebang-variants:not(:has(.casebang-integrated-panel)){min-height:2300px}#casebang-mockup-container{min-height:clamp(520px,64vh,590px);border-radius:18px}.casebang-pc2-initial-preview{bottom:116px}.casebang-phone-preview-stage{min-height:inherit;border-radius:18px}.casebang-phone-preview-stage--accessory-active:not(.casebang-phone-preview-stage--accessory-only):not(.casebang-phone-preview-stage--fixed) .casebang-phone-visual-area{grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:12px}.casebang-phone-preview-stage--accessory-active:not(.casebang-phone-preview-stage--fixed) .casebang-phone-accessory-preview{width:min(88%,200px);max-width:200px}.casebang-phone-preview-stage--accessory-only:not(.casebang-phone-preview-stage--fixed) .casebang-phone-visual-area{grid-template-columns:minmax(0,1fr)}.casebang-phone-preview-stage--accessory-only:not(.casebang-phone-preview-stage--fixed) .casebang-phone-accessory-preview{width:min(52vw,280px);max-width:280px}.casebang-phone-device-row{padding:8px 16px 16px}#casebang-variants .casebang-accessory-swatch-track{flex-wrap:wrap;overflow-x:visible;padding-bottom:0}#casebang-variants .casebang-accessory-swatch-option{width:96px;flex-basis:96px}#casebang-variants .casebang-accessory-options .casebang-option-heading,#casebang-variants .casebang-accessory-options .casebang-accessory-swatch-track{justify-content:flex-start;text-align:left}}@media screen and (min-width:1100px){.casebang-pc2-info-shell{min-height:2050px}#casebang-variants:not(:has(.casebang-integrated-panel)){min-height:1750px}}@media screen and (min-width:1280px){.casebang-pc2-info-shell{min-height:1800px}#casebang-variants:not(:has(.casebang-integrated-panel)){min-height:1320px}}@media screen and (min-width:992px){#casebang-mockup-container{min-height:min(655px,calc(30vw + 222px))}.main-product-wrapper{align-items:flex-start}.main-product-wrapper .product__info-container.product__column-sticky{position:static;top:auto;z-index:auto}.main-product-wrapper .product__media-wrapper{position:sticky;top:88px;align-self:flex-start;z-index:1;scroll-margin-top:88px}.casebang-phone-preview-stage:not(.casebang-phone-preview-stage--fixed) .casebang-phone-visual-area{flex:1 1 auto;min-height:0}.casebang-phone-preview-stage:not(.casebang-phone-preview-stage--fixed) .casebang-phone-slot{align-self:stretch}.casebang-phone-preview-stage--accessory-active:not(.casebang-phone-preview-stage--accessory-only):not(.casebang-phone-preview-stage--fixed) .casebang-phone-visual-area{grid-template-columns:minmax(0,1.7fr) minmax(140px,.8fr)}.casebang-phone-preview-stage--accessory-active:not(.casebang-phone-preview-stage--accessory-only) .casebang-accessory-slot{margin-right:48px;margin-left:-48px}.casebang-phone-preview-stage:not(.casebang-phone-preview-stage--fixed) .casebang-phone-accessory-preview{width:min(86%,220px);max-width:220px}.casebang-phone-device-row{padding:0 12px 12px;margin-top:-2px}.casebang-phone-device-color{padding:4px 10px 6px}}@media screen and (min-width:1200px){.main-product-wrapper.product--small:not(.product--no-media) .product__media-wrapper{max-width:42%;width:calc(42% - 5px)}.main-product-wrapper.product--small:not(.product--no-media) .product__info-wrapper{max-width:58%;width:calc(58% - 5px)}#casebang-variants .casebang-accessory-swatch-option{width:90px;flex-basis:90px}}@media(prefers-reduced-motion:reduce){.casebang-phone-preview-main,.casebang-phone-device-color{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/166/assets/casebang-product-center-layout.css.map */