@media(max-width:767px){:root{--container-padding: 16px;--header-height: 60px;--section-padding-v: 40px;--font-size-hero: 28px;--font-size-section-heading: 22px}html,body{overflow-x:hidden;width:100%}img{width:100%;height:auto}button,a,[role=button]{min-height:44px;min-width:44px}.section{padding:var(--section-padding-v) 0}.section__heading{font-size:var(--font-size-section-heading)}.section__subheading{font-size:var(--font-size-sm)}}@media(max-width:1023px){.header__nav{display:none}.header__hamburger{display:flex}}@media(max-width:767px){.header{height:var(--header-height)}.header__inner{padding:0 var(--container-padding);height:var(--header-height)}.header__logo-text{font-size:18px}.header__logo img{max-height:36px;width:auto;object-fit:contain}.header__actions{gap:4px}.header__icon-btn{width:40px;height:40px}.header__mobile-menu{width:100%;max-width:100%;padding-top:var(--header-height)}.header__mobile-nav{padding:var(--space-4) var(--container-padding)}.header__mobile-link{font-size:18px;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);display:block}.header__mobile-sub{padding-left:var(--space-4)}.header__mobile-sub a{font-size:15px;padding:var(--space-2) 0;display:block;color:var(--color-text-secondary)}.announcement-bar{font-size:12px;padding:6px var(--container-padding)}}@media(max-width:767px){.hero-dark{min-height:85vh;min-height:85dvh}.hero-dark__content{padding:var(--space-6) var(--container-padding);padding-top:calc(var(--header-height) + var(--space-8));text-align:center;align-items:center}.hero-dark__badge{font-size:11px;padding:4px 12px}.hero-dark__heading{font-size:28px;line-height:1.2;letter-spacing:-.01em}.hero-dark__subheading{font-size:14px;line-height:1.6;max-width:320px;margin:0 auto}.hero-dark__ctas{flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.hero-dark__ctas .btn{width:100%;max-width:320px;height:48px;font-size:15px;justify-content:center}.hero-dark__scroll{display:none}}@media(max-width:479px){.hero-dark__heading{font-size:26px}}@media(max-width:767px){.how-it-works__steps{grid-template-columns:1fr;gap:var(--space-4)}.how-it-works__step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);min-height:72px;text-align:left}.how-it-works__step-number{flex-shrink:0;width:40px;height:40px;font-size:16px}.how-it-works__step-content{flex:1}.how-it-works__step-title{font-size:15px;margin-bottom:4px}.how-it-works__step-desc{font-size:13px}.how-it-works__connector{display:none}}@media(max-width:1023px){.builder{grid-template-columns:1fr;gap:var(--space-6);overflow:hidden}.builder__preview{position:static;max-width:320px;max-height:none;margin:0 auto;aspect-ratio:1}.builder__selector{min-width:0;overflow:hidden;width:100%}}@media(max-width:767px){.builder{grid-template-columns:1fr;gap:var(--space-5);overflow:hidden;width:100%}.builder__preview{max-width:280px;max-height:280px;margin:0 auto;border-radius:var(--border-radius-md)}.builder__selector{min-width:0;overflow:hidden;width:100%;box-sizing:border-box}.builder__selector-title{font-size:16px}.builder__selector-hint{font-size:12px}.builder__swipe-hint,.builder__boards-wrap .swipe-indicator,.builder__boards+.swipe-indicator,.builder__boards~.swipe-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.builder__swipe-hint svg{animation:swipe-hint 1.5s ease-in-out infinite}@keyframes swipe-hint{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.builder__boards{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:12px;padding-bottom:var(--space-3);scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:unset;width:100%;box-sizing:border-box;max-width:100%}.builder__boards::-webkit-scrollbar{display:none}.builder__board{flex-shrink:0;width:120px;min-width:120px;scroll-snap-align:start;border-radius:12px;padding:var(--space-3)}.builder__board-img{width:96px;height:96px;aspect-ratio:1}.builder__board-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder__board-price{font-size:11px}.builder__board-check{width:20px;height:20px;top:6px;right:6px}.builder__summary{padding:var(--space-4)}.builder__summary-total{font-size:16px}.builder__total-price{font-size:18px}.builder__add-btn{height:48px;font-size:15px}.builder__add-hint{font-size:12px;text-align:center}}@media(max-width:767px){.why-cosanix__grid{grid-template-columns:1fr;gap:var(--space-4)}.why-cosanix__item{padding:var(--space-4);border-radius:12px}.why-cosanix__icon{width:40px;height:40px;font-size:20px}.why-cosanix__title{font-size:15px}.why-cosanix__desc{font-size:13px}}@media(max-width:767px){.quality__inner{grid-template-columns:1fr;gap:var(--space-5)}.quality__media{display:none}.quality__content{padding:0}.quality__list{gap:var(--space-3)}.quality__point{font-size:14px;gap:var(--space-3)}.quality__point-icon{width:32px;height:32px;flex-shrink:0}}@media(max-width:767px){.scenes__grid{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:var(--space-3);padding-bottom:var(--space-3);grid-template-columns:unset;scrollbar-width:none;-ms-overflow-style:none}.scenes__grid::-webkit-scrollbar{display:none}.scenes__item{flex-shrink:0;width:75vw;height:75vw;max-width:280px;max-height:280px;scroll-snap-align:start;border-radius:var(--border-radius-md);overflow:hidden}.scenes__item--featured{width:80vw;height:80vw;max-width:300px;max-height:300px}.scenes__image,.scenes__image-placeholder{width:100%;height:100%;object-fit:cover}.scenes__label{font-size:12px;padding:4px 10px;opacity:1!important;transform:translateY(0)!important}}@media(max-width:767px){.ugc__grid{grid-template-columns:repeat(2,1fr);gap:8px}.ugc__item{border-radius:var(--border-radius-sm)}.ugc__media{aspect-ratio:1}.ugc__content{padding:var(--space-2) var(--space-3)}.ugc__username{font-size:11px}.ugc__caption{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ugc__likes{font-size:11px}}@media(max-width:767px){.events__grid{grid-template-columns:1fr;gap:var(--space-4)}.events__item{padding:var(--space-4)}.events__date{font-size:12px}.events__name{font-size:16px}}@media(max-width:767px){.blog-preview__grid{grid-template-columns:1fr;gap:var(--space-4)}.blog-preview__item{border-radius:var(--border-radius-md)}.blog-preview__image-link{aspect-ratio:16/9}.blog-preview__image{height:auto}.blog-preview__content{padding:var(--space-4)}.blog-preview__title{font-size:16px}.blog-preview__excerpt{font-size:13px}}@media(max-width:767px){.cta-banner{padding:var(--space-12) var(--container-padding)}.cta-banner__heading{font-size:24px}.cta-banner__subheading{font-size:14px}.cta-banner__actions{flex-direction:column;align-items:center;gap:var(--space-3)}.cta-banner__actions .btn{width:100%;max-width:320px;height:48px}}@media(max-width:1023px){.product-main__inner{grid-template-columns:1fr;gap:var(--space-6)}.product-main__gallery{position:static}}@media(max-width:767px){.product-main{padding:var(--space-4) 0}.product-main__inner{grid-template-columns:1fr;gap:var(--space-5)}.product-main__gallery{position:static}.product-main__featured-image{border-radius:var(--border-radius-md);aspect-ratio:1;margin-bottom:var(--space-3)}.product-main__thumbnails{gap:var(--space-2);touch-action:pan-x}.product-main__thumbnail{width:64px;height:64px}.product-main__title{font-size:22px}.product-main__price{margin-bottom:var(--space-4)}.product-main__option-btn{padding:10px 16px;min-height:44px}.quantity-selector{height:44px}.quantity-selector__btn{width:44px;height:44px}.product-main__add-to-cart .btn{height:52px;font-size:16px;width:100%}.product-main__accordion-trigger{padding:var(--space-4) 0;font-size:15px}.product-main__breadcrumb{font-size:11px;flex-wrap:wrap}.sticky-atc-bar{display:flex}}.sticky-atc-bar{display:none;position:fixed;bottom:0;left:0;width:100%;background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:12px 16px;z-index:900;align-items:center;justify-content:space-between;gap:var(--space-3);box-shadow:0 -4px 24px #00000080}.sticky-atc-bar__info{display:flex;flex-direction:column;gap:2px;min-width:0}.sticky-atc-bar__price{font-size:18px;font-weight:700;color:var(--color-text-primary);white-space:nowrap}.sticky-atc-bar__variant{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-atc-bar__price .compare-price{font-size:13px;color:var(--color-text-secondary);text-decoration:line-through;margin-left:6px}.sticky-atc-bar__btn{flex:1;height:48px;font-size:15px;font-weight:700;background:var(--color-accent-pink);color:#fff;border-radius:var(--border-radius-full);border:none;cursor:pointer;transition:opacity var(--transition-fast);max-width:240px}.sticky-atc-bar__btn:active{opacity:.85;transform:scale(.98)}@media(max-width:767px){.product-builder .builder{grid-template-columns:1fr}.product-builder .builder__preview{position:static;max-width:260px;margin:0 auto}.product-builder .builder__boards{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:var(--space-3);scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:unset}.product-builder .builder__boards::-webkit-scrollbar{display:none}.product-builder .builder__board{flex-shrink:0;width:120px;min-width:120px;scroll-snap-align:start}.sticky-bundle-bar{display:flex}}.sticky-bundle-bar{display:none;position:fixed;bottom:0;left:0;width:100%;background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:12px 16px;z-index:900;align-items:center;justify-content:space-between;gap:var(--space-3);box-shadow:0 -4px 24px #00000080}.sticky-bundle-bar__total{font-size:18px;font-weight:700;color:var(--color-accent-pink);white-space:nowrap}.sticky-bundle-bar__label{font-size:11px;color:var(--color-text-secondary);display:block}.sticky-bundle-bar__btn{flex:1;height:48px;font-size:15px;font-weight:700;background:var(--color-accent-pink);color:#fff;border-radius:var(--border-radius-full);border:none;cursor:pointer;max-width:200px;transition:opacity var(--transition-fast)}.sticky-bundle-bar__btn:active{opacity:.85}@media(max-width:767px){.product-reviews__grid{grid-template-columns:1fr;gap:var(--space-4)}.product-reviews__summary{flex-direction:column;gap:var(--space-4)}.product-reviews__item{padding:var(--space-4)}.product-reviews__body{font-size:13px}}@media(max-width:767px){.product-faq__item .product-faq__question{padding:var(--space-4) 0;font-size:14px}.product-faq__answer{font-size:13px;padding-bottom:var(--space-4)}}@media(max-width:1023px){.collection-main__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.collection-main__inner{flex-direction:column;gap:var(--space-4)}.collection-main__sidebar{display:none;width:100%}.collection-main__sidebar.open{display:block}.collection-main__content{width:100%}.collection-filter-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--container-padding);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.collection-main__toolbar{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease}.collection-main__toolbar.is-open{max-height:600px;opacity:1}.collection-filter-bar__toggle{display:flex;align-items:center;gap:var(--space-2);font-size:14px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:8px 14px;height:40px}.collection-main__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.collection-banner{padding:var(--space-10) var(--container-padding)}.collection-banner__title{font-size:24px}.collection-banner__desc{font-size:13px}}@media(max-width:479px){.collection-main__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}@media(max-width:767px){.product-card{border-radius:var(--border-radius-sm)}.product-card__media{aspect-ratio:1}.product-card__info{padding:var(--space-3)}.product-card__title{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{font-size:14px}.product-card__quick-add{height:36px;font-size:12px;padding:0 10px}@media(hover:none){.product-card__overlay{display:none}}}@media(max-width:767px){.cart-main__inner{grid-template-columns:1fr;gap:var(--space-5)}.cart-main__summary{position:static;order:2}.cart-main__items{order:1}.cart-item{gap:var(--space-3);padding:var(--space-3)}.cart-item__image{width:72px;height:72px;flex-shrink:0;border-radius:var(--border-radius-sm)}.cart-item__title,.cart-item__price{font-size:14px}.cart-item .quantity-selector{height:40px}.cart-item .quantity-selector__btn{width:44px;height:44px}.cart-upsell__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.cart-upsell__item{padding:var(--space-3)}.cart-upsell__title,.cart-upsell__price{font-size:12px}.cart-upsell__add{height:36px;font-size:12px;min-height:36px}.cart-main__checkout{height:52px;font-size:16px}.cart-main__trust{flex-wrap:wrap;gap:var(--space-3);justify-content:center}.trust-badge{font-size:12px}}@media(max-width:767px){.cart-drawer{width:100%;max-width:100%}.cart-drawer__header,.cart-drawer__body{padding:var(--space-4) var(--container-padding)}}@media(min-width:768px){details.footer__nav-col{display:block}details.footer__nav-col>.footer__nav-list{display:flex!important}.footer__nav-chevron{display:none}summary.footer__nav-heading--toggle{list-style:none;cursor:default;pointer-events:none}summary.footer__nav-heading--toggle::-webkit-details-marker{display:none}}@media(max-width:1023px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media(max-width:767px){.footer__main{padding:var(--space-10) var(--container-padding)}.footer__grid{grid-template-columns:1fr;gap:0}.footer__brand{text-align:center;padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.footer__logo{width:auto;max-height:40px;max-width:160px;object-fit:contain}.footer__tagline{max-width:100%;font-size:13px}.footer__social{justify-content:center}details.footer__nav-col{border-bottom:1px solid var(--color-border)}summary.footer__nav-heading--toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;cursor:pointer;list-style:none;margin-bottom:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}summary.footer__nav-heading--toggle::-webkit-details-marker{display:none}.footer__nav-chevron{display:block;flex-shrink:0;transition:transform .25s ease}details.footer__nav-col[open] .footer__nav-chevron{transform:rotate(180deg)}details.footer__nav-col>.footer__nav-list{padding-bottom:var(--space-4)}.footer__newsletter-form{flex-direction:column;gap:var(--space-3)}.footer__newsletter-input{width:100%}.footer__newsletter-form .btn{width:100%;height:44px}.footer__newsletter{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.footer__bottom-inner{flex-direction:column;gap:var(--space-3);text-align:center;padding:var(--space-4) var(--container-padding)}.footer__payment-icons{justify-content:center}}@media(max-width:767px){.lifestyle-banner{padding:var(--space-10) var(--container-padding);min-height:200px}.lifestyle-banner__heading{font-size:22px}.lifestyle-banner__subheading{font-size:13px}.lifestyle-banner__cta{height:48px;width:100%;max-width:280px}}@media(max-width:767px){.blog-main__grid{grid-template-columns:1fr;gap:var(--space-5)}.article-main__header{padding:var(--space-6) 0 var(--space-4)}.article-main__title{font-size:24px}.article-main__content{font-size:15px;line-height:1.8}}@media(max-width:767px){.customer-page{padding:var(--space-8) 0}.customer-account{grid-template-columns:1fr}.order-table{font-size:12px}.order-table th,.order-table td{padding:var(--space-2) var(--space-3)}}@media(max-width:767px){.announcement-bar__inner{justify-content:center;gap:var(--space-2)}.announcement-bar__text{font-size:12px;text-align:center}}@media(max-width:767px){.btn{min-height:44px;font-size:14px}.btn--full{width:100%}.btn:active{transform:scale(.97);opacity:.9}}@media(max-width:767px){.price{font-size:18px}.price__compare{font-size:13px}.rating{font-size:12px}}@media(prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1!important;transform:none!important;transition:none!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.image-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:9999;align-items:center;justify-content:center;padding:var(--space-4)}.image-lightbox.open{display:flex}.image-lightbox__img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--border-radius-sm)}.image-lightbox__close{position:absolute;top:var(--space-4);right:var(--space-4);width:44px;height:44px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;cursor:pointer;border:none}@supports (padding-bottom: env(safe-area-inset-bottom)){.sticky-atc-bar,.sticky-bundle-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.header{padding-top:env(safe-area-inset-top)}}@media(min-width:768px)and (max-width:1023px){:root{--container-padding: 24px}.section{padding:60px 0}.hero-dark__heading{font-size:40px}.hero-dark__ctas{flex-direction:row}.why-cosanix__grid,.events__grid,.blog-preview__grid{grid-template-columns:repeat(2,1fr)}.ugc__grid{grid-template-columns:repeat(3,1fr)}.footer__grid{grid-template-columns:1fr 1fr}}@media(hover:none)and (pointer:coarse){.card:hover{transform:none;box-shadow:none}.btn:hover{transform:none}.header__icon-btn{width:44px;height:44px}.builder__boards,.scenes__grid,.product-main__thumbnails{-webkit-overflow-scrolling:touch}.product-builder .builder__boards{touch-action:pan-x}}.swipe-indicator{display:none;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);margin-bottom:var(--space-2)}@media(max-width:767px){.swipe-indicator{display:flex}}.swipe-indicator__arrow{display:inline-block;animation:swipe-arrow 1.5s ease-in-out infinite}@keyframes swipe-arrow{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(8px);opacity:1}}@media(max-width:767px){.header__search{padding:var(--space-3) var(--container-padding)}.header__search form{gap:var(--space-2)}.header__search input{font-size:16px;padding:10px 14px;border-radius:var(--border-radius-sm)}.header__search button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}}@media(max-width:767px){.pagination{gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-8)}.pagination a,.pagination span{width:44px;height:44px;font-size:14px}}@media(max-width:767px){.blog-main__item{overflow:hidden}.blog-main__image-link{aspect-ratio:16/9}.blog-main__content{padding:var(--space-4)}.blog-main__title{font-size:16px;margin-bottom:var(--space-2)}.blog-main__excerpt{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-main__meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.blog-main__read-more{display:inline-block;padding:4px 0;font-size:13px}}@media(max-width:767px){.template-product .main-content{padding-bottom:80px}}.builder__boards,.scenes__grid,.product-main__thumbnails,.product-builder .builder__boards{will-change:scroll-position}.sticky-bundle-bar,.sticky-atc-bar,.cart-drawer{will-change:transform}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-accent-pink);outline-offset:2px;border-radius:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent-pink);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.swipe-indicator__arrow,.builder__swipe-hint svg{animation:none!important}details[open] .footer__nav-chevron{transform:none!important}.hero-dark__scroll-line{animation:none!important}}@media(max-width:767px){.hero-dark__video{display:none}.hero-dark__bg{background-color:var(--color-bg-primary)}.hero-dark__image{object-position:center center}}.cosanix-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--color-bg-primary, #1a1a1b);color:var(--color-text-primary, #ffffff);border:1px solid var(--color-border, rgba(255,255,255,.1));border-radius:var(--border-radius-full, 999px);padding:10px 20px;font-size:14px;font-weight:600;white-space:nowrap;z-index:9999;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;box-shadow:0 4px 24px #0006;max-width:calc(100vw - 32px);text-align:center}.cosanix-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.cosanix-toast--success{border-color:var(--color-accent-pink, #e91e8c)}.cosanix-toast--error{background:#c0392b;border-color:#e74c3c;color:#fff}.cosanix-toast--info{border-color:var(--color-accent-blue, #3498db)}.template-index .cosanix-toast,.template-collection .cosanix-toast,.template-blog .cosanix-toast,.template-page .cosanix-toast{bottom:24px}@media(prefers-reduced-motion:reduce){.cosanix-toast{transition:opacity .01ms;transform:translate(-50%) translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/mobile.css.map */