@media(max-width:767.98px){.mobile-home-container{width:100%;padding-bottom:24px;background:var(--cz-color-bg-page);color:var(--cz-color-text);overflow-x:hidden}.mobile-hero-carousel-section{padding:16px 0 8px;width:100%}.mobile-hero-carousel-section .hero-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 24px}.mobile-hero-carousel-section .hero-title-row .hero-tag{font-family:var(--cz-font-sans);font-size:var(--cz-type-eyebrow-size);font-weight:var(--cz-type-eyebrow-weight);line-height:var(--cz-type-eyebrow-leading);letter-spacing:var(--cz-type-eyebrow-tracking);text-transform:var(--cz-type-eyebrow-transform);color:var(--cz-color-primary);background:var(--cz-color-primary-soft);padding:var(--cz-space-1) var(--cz-space-3);border-radius:var(--cz-radius-pill)}.mobile-hero-carousel-section .hero-title-row .hero-subtitle{font-size:var(--cz-text-xs);font-weight:var(--cz-weight-semibold);color:var(--cz-color-text-muted)}.mobile-hero-carousel-section .carousel-wrapper{position:relative;width:100%;overflow-x:auto;scrollbar-width:none;padding:25px 32px 15px 20px;scroll-snap-type:x mandatory;scroll-padding-left:20px;touch-action:pan-x pan-y}.mobile-hero-carousel-section .carousel-wrapper::-webkit-scrollbar{display:none}.mobile-hero-carousel-section .carousel-track{display:flex;gap:36px;width:max-content;padding-left:20px;padding-right:50px}.mobile-hero-carousel-section .hero-card{flex:0 0 68vw;max-width:255px;height:315px;position:relative;overflow:visible;scroll-snap-align:start;scroll-snap-stop:always;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--cz-radius-2xl)}.mobile-hero-carousel-section .hero-card:focus-visible{outline:2px solid var(--cz-color-primary);outline-offset:2px}.mobile-hero-carousel-section .hero-card .hero-card-bg{position:absolute;inset:0;border-radius:var(--cz-radius-2xl);overflow:hidden;box-shadow:var(--cz-shadow-lg)}.mobile-hero-carousel-section .hero-card .ambient-glow{position:absolute;top:-30px;right:-30px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.18) 0,hsla(0,0%,100%,0) 70%);pointer-events:none}.mobile-hero-carousel-section .hero-card .card-info{position:relative;z-index:2;max-width:75%;padding:18px 16px}.mobile-hero-carousel-section .hero-card .card-info .card-title{font-size:var(--cz-text-lg);font-weight:var(--cz-weight-bold);line-height:var(--cz-leading-tight);color:var(--cz-color-text-on-dark);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-hero-carousel-section .hero-card .card-info .card-price-row{display:flex;align-items:baseline;gap:6px}.mobile-hero-carousel-section .hero-card .card-info .card-price-row .price{font-size:var(--cz-text-sm);font-weight:var(--cz-weight-medium);color:hsla(0,0%,100%,.9)}.mobile-hero-carousel-section .hero-card .card-info .card-price-row .price.is-cta{font-size:var(--cz-text-sm);font-weight:var(--cz-weight-semibold)}.mobile-hero-carousel-section .hero-card .card-info .card-price-row .mrp{font-size:var(--cz-text-xs);text-decoration:line-through;opacity:.5}.mobile-hero-carousel-section .hero-card .card-product-canvas{position:absolute;bottom:10px;right:-42px;width:250px;height:230px;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.mobile-hero-carousel-section .hero-card .card-product-canvas .shoe-popout-img{width:100%;height:100%;object-fit:contain;transform-origin:center;filter:drop-shadow(0 12px 20px rgba(0,0,0,.25))}.mobile-hero-carousel-section .carousel-indicators{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px}.mobile-hero-carousel-section .carousel-indicators .dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;height:6px;width:6px;border-radius:var(--cz-radius-pill);background:var(--cz-color-border-strong);transition:width var(--cz-duration-base) var(--cz-ease-standard),background-color var(--cz-duration-base) var(--cz-ease-standard)}.mobile-hero-carousel-section .carousel-indicators .dot.active{width:24px;background:var(--cz-color-primary)}}@media(min-width:768px){.mobile-home-container{display:none}}