{"version":"1.0","directionName":"The Daily Commute","globalCss":":root {\n --bg-page: #faf9f6;\n --text-primary: #1c1917;\n --text-muted: #78716c;\n --brand-primary: #1c1917;\n --brand-secondary: #44403c;\n --accent: #1c1917;\n --radius-baseline: 16px;\n --font-heading: 'Fraunces', serif;\n --font-body: 'Plus Jakarta Sans', sans-serif;\n --ds-border-color: rgba(28, 25, 23, 0.08);\n --ds-accent-warm: #1c1917;\n --ds-bg-elevated: #ffffff;\n --ds-border-light: rgba(28, 25, 23, 0.08);\n --ds-border-strong: rgba(28, 25, 23, 0.15);\n --ds-text-dark: #1c1917;\n --ds-text-dim: #78716c;\n --ds-rating-color: #d97706;\n --c-bg: #f5f3ef;\n --c-ink: #111827;\n --c-primary: #0f172a;\n --c-accent: #1c1917;\n --c-secondary: #090d18;\n --c-success: #0f172a;\n --theme-primary: #0f172a;\n --theme-bg: #f5f3ef;\n --theme-ink: #111827;\n --theme-accent: #1c1917;\n --theme-secondary: #090d18;\n --theme-success: #0f172a;\n --bg: #f5f3ef;\n --ink: #111827;\n --border: #cfd0d4;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \n\n /* Header Styles */\n[data-layout-root] .store-header {\n background-color: var(--bg-page);\n border-bottom: 1px solid rgba(28, 25, 23, 0.08);\n position: sticky;\n top: 0;\n z-index: 100;\n padding: 1rem 2rem;\n }\n\n[data-layout-root] .header-container {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n }\n\n[data-layout-root] .nav-left {\n display: flex;\n gap: 2rem;\n }\n\n[data-layout-root] .nav-link {\n font-family: var(--font-body);\n font-size: 0.85rem;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--brand-secondary);\n text-decoration: none;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .nav-link:hover {\n color: var(--brand-primary);\n }\n\n[data-layout-root] .logo-center {\n font-family: var(--font-heading);\n font-size: 1.8rem;\n font-weight: 600;\n color: var(--brand-primary);\n text-decoration: none;\n letter-spacing: -0.02em;\n }\n\n[data-layout-root] .nav-right {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 1.5rem;\n }\n\n[data-layout-root] .nav-right-item {\n font-family: var(--font-body);\n font-size: 0.85rem;\n font-weight: 500;\n color: var(--brand-secondary);\n text-decoration: none;\n background: none;\n border: none;\n cursor: pointer;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .nav-right-item:hover {\n color: var(--brand-primary);\n }\n\n[data-layout-root] .cart-indicator {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n[data-layout-root] .cart-count {\n background-color: var(--brand-primary);\n color: var(--bg-page);\n font-size: 0.75rem;\n padding: 0.1rem 0.4rem;\n border-radius: 10px;\n font-weight: 600;\n }\n\n[data-layout-root] .mobile-menu-trigger {\n display: none;\n }\n\n /* sequential-story-strip Hero Layout */\n[data-layout-root] .story-strip-section {\n background-color: var(--bg-page);\n padding: 4rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n[data-layout-root] .story-intro {\n max-width: 680px;\n margin-bottom: 4rem;\n }\n\n[data-layout-root] .story-tag {\n font-family: var(--font-body);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--text-muted);\n margin-bottom: 1rem;\n display: block;\n }\n\n[data-layout-root] .story-heading {\n font-family: var(--font-heading);\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 400;\n line-height: 1.1;\n color: var(--brand-primary);\n margin-bottom: 1.5rem;\n letter-spacing: -0.01em;\n }\n\n[data-layout-root] .story-subtitle {\n font-family: var(--font-body);\n font-size: 1.1rem;\n line-height: 1.6;\n color: var(--text-muted);\n font-weight: 300;\n }\n\n /* The sequential layout cards */\n[data-layout-root] .story-strip-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n margin-bottom: 4rem;\n }\n\n[data-layout-root] .strip-card {\n background-color: #f5f3ef;\n border-radius: var(--radius-baseline);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 1.5rem;\n min-height: 520px;\n position: relative;\n border: 1px solid rgba(28, 25, 23, 0.04);\n transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n[data-layout-root] .strip-card:hover {\n transform: translateY(-4px);\n }\n\n[data-layout-root] .card-header-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 2;\n }\n\n[data-layout-root] .time-badge {\n background-color: rgba(28, 25, 23, 0.08);\n color: var(--brand-primary);\n font-size: 0.75rem;\n font-weight: 600;\n padding: 0.4rem 0.8rem;\n border-radius: 100px;\n backdrop-filter: blur(4px);\n }\n\n[data-layout-root] .context-label {\n font-family: var(--font-body);\n font-size: 0.75rem;\n color: var(--text-muted);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n[data-layout-root] .card-media-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n /* Simulate warm-toned candid street photography since no external assets */\n[data-layout-root] .ds-card-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: sepia(0.15) contrast(1.05) brightness(0.95);\n transition: scale 0.5s ease;\n }\n\n[data-layout-root] .strip-card:hover .ds-card-image {\n scale: 1.03;\n }\n\n /* Soft gradient overlay to ensure legibility of bottom labels */\n[data-layout-root] .card-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 60%;\n background: linear-gradient(to top, rgba(28, 25, 23, 0.85) 0%, rgba(28, 25, 23, 0) 100%);\n z-index: 2;\n pointer-events: none;\n }\n\n[data-layout-root] .card-footer {\n z-index: 3;\n color: #ffffff;\n margin-top: auto;\n }\n\n[data-layout-root] .ds-card-title {\n font-family: var(--font-heading);\n font-size: 1.5rem;\n font-weight: 400;\n margin-bottom: 0.5rem;\n color: #faf9f6;\n }\n\n[data-layout-root] .card-description {\n font-family: var(--font-body);\n font-size: 0.85rem;\n line-height: 1.5;\n opacity: 0.85;\n color: #e7e5e4;\n }\n\n /* Product Buy Section */\n[data-layout-root] .product-buy-panel {\n background-color: #f2efe9;\n border-radius: var(--radius-baseline);\n padding: 3rem;\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n[data-layout-root] .product-showcase {\n position: relative;\n border-radius: calc(var(--radius-baseline) - 4px);\n overflow: hidden;\n background-color: #e7e5e4;\n }\n\n[data-layout-root] .product-showcase img {\n width: 100%;\n height: auto;\n display: block;\n mix-blend-mode: multiply;\n }\n\n[data-layout-root] .product-details {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n[data-layout-root] .product-category-tag {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--text-muted);\n margin-bottom: 1rem;\n }\n\n[data-layout-root] .product-title-row {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n margin-bottom: 1.5rem;\n border-bottom: 1px solid rgba(28, 25, 23, 0.1);\n padding-bottom: 1.5rem;\n }\n\n[data-layout-root] .product-main-title {\n font-family: var(--font-heading);\n font-size: 2.5rem;\n font-weight: 500;\n color: var(--brand-primary);\n }\n\n[data-layout-root] .product-price-display {\n font-family: var(--font-heading);\n font-size: 2rem;\n font-weight: 400;\n color: var(--brand-primary);\n }\n\n[data-layout-root] .product-description-text {\n font-family: var(--font-body);\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--brand-secondary);\n margin-bottom: 2.5rem;\n }\n\n[data-layout-root] .purchase-action-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n[data-layout-root] .primary-purchase-btn {\n background-color: var(--brand-primary);\n color: var(--bg-page);\n border: none;\n border-radius: 100px;\n padding: 1.2rem 2.5rem;\n font-family: var(--font-body);\n font-size: 0.9rem;\n font-weight: 600;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n text-decoration: none;\n text-align: center;\n cursor: pointer;\n transition: opacity 0.2s ease, transform 0.2s ease;\n }\n\n[data-layout-root] .primary-purchase-btn:hover {\n opacity: 0.9;\n transform: translateY(-1px);\n }\n\n[data-layout-root] .product-highlight-points {\n margin-top: 2rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n border-top: 1px solid rgba(28, 25, 23, 0.1);\n padding-top: 2rem;\n }\n\n[data-layout-root] .highlight-point {\n font-size: 0.8rem;\n line-height: 1.4;\n color: var(--text-muted);\n }\n\n[data-layout-root] .highlight-point strong {\n color: var(--brand-primary);\n display: block;\n margin-bottom: 0.25rem;\n font-weight: 600;\n }\n\n /* Responsive Adjustments */\n @media (max-width: 1024px) {\n[data-layout-root] .story-strip-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n[data-layout-root] .strip-card {\n min-height: 400px;\n }\n\n[data-layout-root] .product-buy-panel {\n grid-template-columns: 1fr;\n gap: 2rem;\n padding: 2rem;\n }\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .store-header {\n padding: 1rem;\n }\n\n[data-layout-root] .header-container {\n grid-template-columns: auto 1fr;\n }\n\n[data-layout-root] .nav-left {\n display: none;\n }\n\n[data-layout-root] .logo-center {\n grid-column: 1;\n }\n\n[data-layout-root] .nav-right {\n grid-column: 2;\n }\n\n[data-layout-root] .mobile-menu-trigger {\n display: inline-block;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0.5rem;\n }\n\n[data-layout-root] .mobile-menu-trigger svg {\n width: 24px;\n height: 24px;\n fill: var(--brand-primary);\n }\n\n[data-layout-root] .story-strip-section {\n padding: 2rem 1rem;\n }\n\n[data-layout-root] .story-heading {\n font-size: 2.2rem;\n }\n\n[data-layout-root] .product-main-title {\n font-size: 2rem;\n }\n\n[data-layout-root] .product-price-display {\n font-size: 1.6rem;\n }\n }\n\n /* Base Style Continuations conforming to the approved design system */\n \n\n /* Section 1: Trust Strip */\n[data-layout-root] .ds-trust-strip {\n background-color: var(--bg-page);\n border-top: 1px solid var(--ds-border-color);\n border-bottom: 1px solid var(--ds-border-color);\n padding: 3rem 2rem;\n position: relative;\n }\n\n[data-layout-root] .ds-trust-container {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 2rem;\n }\n\n[data-layout-root] .ds-trust-item {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n border-right: 1px solid var(--ds-border-color);\n padding-right: 1.5rem;\n }\n\n[data-layout-root] .ds-trust-item:last-child {\n border-right: none;\n padding-right: 0;\n }\n\n[data-layout-root] .ds-trust-icon-row {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n[data-layout-root] .ds-trust-icon {\n width: 16px;\n height: 16px;\n color: var(--brand-primary);\n stroke-width: 2.25;\n }\n\n[data-layout-root] .ds-trust-star {\n width: 14px;\n height: 14px;\n fill: var(--brand-primary);\n color: var(--brand-primary);\n }\n\n[data-layout-root] .ds-trust-rating-wrapper {\n display: flex;\n gap: 2px;\n }\n\n[data-layout-root] .ds-trust-title {\n font-family: var(--font-body);\n font-size: 0.85rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--brand-primary);\n }\n\n[data-layout-root] .ds-trust-text {\n font-family: var(--font-body);\n font-size: 0.85rem;\n line-height: 1.5;\n color: var(--text-muted);\n }\n\n /* Section 2: Features & Capacity Simulator */\n[data-layout-root] .ds-features-section {\n background-color: var(--bg-page);\n padding: 8rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n[data-layout-root] .ds-features-header {\n max-width: 680px;\n margin-bottom: 5rem;\n }\n\n[data-layout-root] .ds-features-tag {\n font-family: var(--font-body);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--text-muted);\n margin-bottom: 1rem;\n display: block;\n }\n\n[data-layout-root] .ds-features-title {\n font-family: var(--font-heading);\n font-size: clamp(2.2rem, 4vw, 3.2rem);\n font-weight: 400;\n line-height: 1.15;\n color: var(--brand-primary);\n letter-spacing: -0.01em;\n }\n\n /* Two-column layout: Left (Visual/Sim), Right (Detailed Features) */\n[data-layout-root] .ds-features-split {\n display: grid;\n grid-template-columns: 1.1fr 1fr;\n gap: 5rem;\n align-items: start;\n }\n\n /* Left Side: What Fits Inside & Visual Media */\n[data-layout-root] .ds-capacity-simulator {\n background-color: #f2efe9;\n border-radius: var(--radius-baseline);\n padding: 3rem;\n border: 1px solid rgba(28, 25, 23, 0.04);\n }\n\n[data-layout-root] .ds-sim-title-row {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 2rem;\n border-bottom: 1px solid rgba(28, 25, 23, 0.08);\n padding-bottom: 1.5rem;\n }\n\n[data-layout-root] .ds-sim-label {\n font-family: var(--font-heading);\n font-size: 1.5rem;\n font-weight: 400;\n color: var(--brand-primary);\n }\n\n[data-layout-root] .ds-sim-metric {\n font-family: var(--font-body);\n font-size: 0.8rem;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--text-muted);\n letter-spacing: 0.05em;\n }\n\n[data-layout-root] .ds-sim-visual-grid {\n position: relative;\n border-radius: calc(var(--radius-baseline) - 4px);\n overflow: hidden;\n margin-bottom: 2rem;\n background-color: #e7e5e4;\n }\n\n[data-layout-root] .ds-sim-image {\n width: 100%;\n height: auto;\n display: block;\n mix-blend-mode: multiply;\n }\n\n[data-layout-root] .ds-sim-interactive-legend {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n[data-layout-root] .ds-legend-item {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n padding: 0.75rem;\n background-color: rgba(250, 249, 246, 0.6);\n border-radius: 8px;\n border: 1px solid rgba(28, 25, 23, 0.04);\n }\n\n[data-layout-root] .ds-legend-bullet {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--brand-primary);\n }\n\n[data-layout-root] .ds-legend-text {\n font-family: var(--font-body);\n font-size: 0.8rem;\n color: var(--brand-secondary);\n font-weight: 500;\n }\n\n /* Right Side: Feature Accordions / List */\n[data-layout-root] .ds-feature-list {\n display: flex;\n flex-direction: column;\n gap: 2.5rem;\n }\n\n[data-layout-root] .ds-feature-item {\n border-bottom: 1px solid var(--ds-border-color);\n padding-bottom: 2.5rem;\n }\n\n[data-layout-root] .ds-feature-item:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n\n[data-layout-root] .ds-feature-headline {\n font-family: var(--font-heading);\n font-size: 1.6rem;\n font-weight: 400;\n color: var(--brand-primary);\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n }\n\n[data-layout-root] .ds-feature-headline span {\n font-family: var(--font-body);\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--text-muted);\n border: 1px solid var(--ds-border-color);\n padding: 0.2rem 0.5rem;\n border-radius: 100px;\n }\n\n[data-layout-root] .ds-feature-desc {\n font-family: var(--font-body);\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--text-muted);\n }\n\n /* Shared Commuter Comfort Scale component */\n[data-layout-root] .ds-comfort-widget {\n background-color: #faf9f6;\n border-radius: var(--radius-baseline);\n padding: 1.5rem;\n border: 1px solid var(--ds-border-color);\n margin-top: 2rem;\n }\n\n[data-layout-root] .ds-comfort-header {\n display: flex;\n justify-content: space-between;\n margin-bottom: 1rem;\n }\n\n[data-layout-root] .ds-comfort-title {\n font-family: var(--font-body);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--brand-primary);\n letter-spacing: 0.05em;\n }\n\n[data-layout-root] .ds-comfort-score {\n font-family: var(--font-body);\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--text-muted);\n }\n\n[data-layout-root] .ds-scale-track {\n height: 4px;\n background-color: rgba(28, 25, 23, 0.1);\n border-radius: 2px;\n position: relative;\n margin-bottom: 0.5rem;\n }\n\n[data-layout-root] .ds-scale-fill {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 92%;\n background-color: var(--brand-primary);\n border-radius: 2px;\n }\n\n[data-layout-root] .ds-comfort-labels {\n display: flex;\n justify-content: space-between;\n font-size: 0.7rem;\n font-weight: 500;\n color: var(--text-muted);\n }\n\n /* Responsive Design Adjustments */\n @media (max-width: 1024px) {\n[data-layout-root] .ds-trust-container {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n[data-layout-root] .ds-trust-item {\n border-right: none;\n padding-right: 0;\n }\n[data-layout-root] .ds-features-split {\n grid-template-columns: 1fr;\n gap: 4rem;\n }\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-trust-container {\n grid-template-columns: 1fr;\n }\n[data-layout-root] .ds-features-section {\n padding: 5rem 1.5rem;\n }\n[data-layout-root] .ds-capacity-simulator {\n padding: 1.5rem;\n }\n[data-layout-root] .ds-sim-interactive-legend {\n grid-template-columns: 1fr;\n }\n }\n\n /* Layout & Custom Variables */\n \n\n /* Structural Containers */\n[data-layout-root] .ds-pdp-container {\n background-color: var(--bg-page);\n color: var(--ds-text-dark);\n font-family: var(--font-body);\n -webkit-font-smoothing: antialiased;\n padding: 3rem 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n /* Breadcrumb Navigation */\n[data-layout-root] .ds-breadcrumb {\n font-family: var(--font-body);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--ds-text-dim);\n margin-bottom: 2rem;\n }\n\n[data-layout-root] .ds-breadcrumb a {\n color: var(--ds-text-dim);\n text-decoration: none;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .ds-breadcrumb a:hover {\n color: var(--ds-text-dark);\n }\n\n[data-layout-root] .ds-breadcrumb-separator {\n margin: 0 0.5rem;\n color: rgba(28, 25, 23, 0.3);\n }\n\n /* Main Product Grid */\n[data-layout-root] .ds-product-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 4rem;\n align-items: start;\n margin-bottom: 5rem;\n }\n\n /* Left Side: Media Gallery */\n[data-layout-root] .ds-media-column {\n position: sticky;\n top: 120px;\n }\n\n[data-layout-root] .ds-media-column .slot-gallery {\n border-radius: var(--radius-baseline);\n overflow: hidden;\n background-color: #eecfbf0d; /* Subtle canvas-like warm backdrop */\n border: 1px solid var(--ds-border-light);\n }\n\n /* Right Side: Product Details & Options */\n[data-layout-root] .ds-details-column {\n display: flex;\n flex-direction: column;\n }\n\n /* Product Title Slot Styling */\n[data-layout-root] .slot-title {\n margin-bottom: 0.5rem;\n }\n\n[data-layout-root] .slot-title h1,\n[data-layout-root] .slot-title {\n font-family: var(--font-heading);\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 500;\n line-height: 1.1;\n color: var(--ds-text-dark);\n letter-spacing: -0.02em;\n }\n\n /* Commuter Comfort Meta Label */\n[data-layout-root] .ds-meta-strip {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--ds-border-light);\n }\n\n[data-layout-root] .ds-price-wrapper {\n font-size: 1.8rem;\n font-weight: 500;\n font-family: var(--font-heading);\n color: var(--ds-text-dark);\n }\n\n /* Slot overrides for custom UI layout */\n[data-layout-root] .slot-price {\n font-family: var(--font-heading);\n font-size: 1.8rem;\n font-weight: 500;\n color: var(--ds-text-dark);\n margin-bottom: 1.5rem;\n }\n\n[data-layout-root] .slot-description {\n font-family: var(--font-body);\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--ds-text-dim);\n margin-bottom: 2rem;\n }\n\n /* Interactive Form Fields Slots */\n[data-layout-root] .slot-variants {\n margin-bottom: 1.5rem;\n display: block;\n }\n\n[data-layout-root] .slot-quantity {\n margin-bottom: 1.5rem;\n display: block;\n }\n\n /* CRITICAL: Add to Cart and Buy Now Buttons Styling */\n[data-layout-root] .slot-add-to-cart {\n display: block !important;\n width: 100% !important;\n margin-bottom: 1rem !important;\n }\n\n[data-layout-root] .slot-add-to-cart button,\n[data-layout-root] .slot-add-to-cart input[type=\"button\"],\n[data-layout-root] .slot-add-to-cart input[type=\"submit\"],\n[data-layout-root] .slot-add-to-cart .ds-btn,\n[data-layout-root] .slot-add-to-cart a {\n display: block !important;\n width: 100% !important;\n background-color: var(--ds-accent-warm) !important;\n color: var(--bg-page) !important;\n border: none !important;\n border-radius: 100px !important;\n padding: 1.25rem 2rem !important;\n font-family: var(--font-body) !important;\n font-size: 0.95rem !important;\n font-weight: 700 !important;\n letter-spacing: 0.05em !important;\n text-transform: uppercase !important;\n text-align: center !important;\n cursor: pointer !important;\n box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08) !important;\n transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease !important;\n }\n\n[data-layout-root] .slot-add-to-cart button:hover,\n[data-layout-root] .slot-add-to-cart .ds-btn:hover {\n opacity: 0.95 !important;\n transform: translateY(-1px) !important;\n }\n\n[data-layout-root] .slot-buy-now {\n display: block !important;\n width: 100% !important;\n margin-bottom: 2rem !important;\n }\n\n[data-layout-root] .slot-buy-now button,\n[data-layout-root] .slot-buy-now .ds-btn,\n[data-layout-root] .slot-buy-now a {\n display: block !important;\n width: 100% !important;\n background-color: transparent !important;\n color: var(--ds-text-dark) !important;\n border: 1px solid var(--ds-border-strong) !important;\n border-radius: 100px !important;\n padding: 1.1rem 2rem !important;\n font-family: var(--font-body) !important;\n font-size: 0.95rem !important;\n font-weight: 600 !important;\n letter-spacing: 0.05em !important;\n text-transform: uppercase !important;\n text-align: center !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease, border-color 0.2s ease !important;\n }\n\n[data-layout-root] .slot-buy-now button:hover,\n[data-layout-root] .slot-buy-now .ds-btn:hover {\n background-color: rgba(28, 25, 23, 0.04) !important;\n border-color: var(--ds-text-dark) !important;\n }\n\n /* Commuter Comfort Rating Scale Component */\n[data-layout-root] .ds-comfort-scale {\n background-color: #f2efe9;\n border-radius: var(--radius-baseline);\n padding: 1.5rem;\n margin-top: 1.5rem;\n border: 1px solid var(--ds-border-light);\n }\n\n[data-layout-root] .ds-comfort-label {\n display: flex;\n justify-content: space-between;\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--ds-text-dim);\n margin-bottom: 0.75rem;\n }\n\n[data-layout-root] .ds-scale-track {\n height: 6px;\n background-color: rgba(28, 25, 23, 0.1);\n border-radius: 3px;\n position: relative;\n margin-bottom: 0.5rem;\n }\n\n[data-layout-root] .ds-scale-fill {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 94%; /* High rating representation */\n background-color: var(--ds-accent-warm);\n border-radius: 3px;\n }\n\n[data-layout-root] .ds-comfort-subtext {\n font-size: 0.75rem;\n color: var(--ds-text-dim);\n line-height: 1.4;\n }\n\n /* Interactive Capacity Simulator Container */\n[data-layout-root] .ds-capacity-simulator {\n background-color: var(--ds-bg-elevated);\n border: 1px solid var(--ds-border-light);\n border-radius: var(--radius-baseline);\n padding: 2rem;\n margin-top: 2rem;\n }\n\n[data-layout-root] .ds-sim-header {\n font-family: var(--font-heading);\n font-size: 1.25rem;\n font-weight: 500;\n color: var(--ds-text-dark);\n margin-bottom: 0.5rem;\n }\n\n[data-layout-root] .ds-sim-intro {\n font-size: 0.85rem;\n color: var(--ds-text-dim);\n margin-bottom: 1.5rem;\n }\n\n[data-layout-root] .ds-sim-visual {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0.75rem;\n }\n\n[data-layout-root] .ds-sim-item {\n background: #fdfdfd;\n border: 1px solid var(--ds-border-light);\n border-radius: 8px;\n padding: 1rem 0.5rem;\n text-align: center;\n transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n[data-layout-root] .ds-sim-item-icon {\n font-size: 1.25rem;\n margin-bottom: 0.25rem;\n display: block;\n }\n\n[data-layout-root] .ds-sim-item-name {\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--ds-text-dark);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n /* Time-stamped Narrative Context blocks (as required by narrative rules) */\n[data-layout-root] .ds-narrative-timeline {\n background-color: #f2efe9;\n border-radius: var(--radius-baseline);\n padding: 3rem 2rem;\n margin: 4rem 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n\n[data-layout-root] .ds-timeline-card {\n border-left: 1px solid var(--ds-border-strong);\n padding-left: 1.5rem;\n }\n\n[data-layout-root] .ds-timeline-time {\n font-size: 0.75rem;\n font-weight: 700;\n color: var(--ds-text-dim);\n letter-spacing: 0.1em;\n margin-bottom: 0.5rem;\n display: block;\n }\n\n[data-layout-root] .ds-timeline-heading {\n font-family: var(--font-heading);\n font-size: 1.2rem;\n color: var(--ds-text-dark);\n margin-bottom: 0.5rem;\n }\n\n[data-layout-root] .ds-timeline-body {\n font-size: 0.85rem;\n color: var(--ds-text-dim);\n line-height: 1.5;\n }\n\n /* 5-Star Prominent Review Carousel Section */\n[data-layout-root] .ds-reviews-section {\n border-top: 1px solid var(--ds-border-light);\n padding-top: 4rem;\n margin-top: 4rem;\n }\n\n[data-layout-root] .ds-reviews-header {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n[data-layout-root] .ds-reviews-tag {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--ds-text-dim);\n margin-bottom: 0.5rem;\n display: block;\n }\n\n[data-layout-root] .ds-reviews-title {\n font-family: var(--font-heading);\n font-size: 2.25rem;\n font-weight: 400;\n color: var(--ds-text-dark);\n }\n\n[data-layout-root] .ds-reviews-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n }\n\n[data-layout-root] .ds-review-card {\n background: var(--ds-bg-elevated);\n border: 1px solid var(--ds-border-light);\n border-radius: var(--radius-baseline);\n padding: 2rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n[data-layout-root] .ds-stars {\n color: var(--ds-rating-color);\n font-size: 1.1rem;\n margin-bottom: 1rem;\n }\n\n[data-layout-root] .ds-review-text {\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--ds-text-dark);\n margin-bottom: 1.5rem;\n font-style: italic;\n }\n\n[data-layout-root] .ds-review-author {\n font-size: 0.8rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--ds-text-dim);\n }\n\n /* Shipping and Trust Banner */\n[data-layout-root] .ds-shipping-info {\n border-top: 1px solid var(--ds-border-light);\n padding: 1.5rem 0;\n margin-top: 2rem;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem;\n }\n\n[data-layout-root] .ds-shipping-item {\n font-size: 0.8rem;\n color: var(--ds-text-dim);\n line-height: 1.4;\n }\n\n[data-layout-root] .ds-shipping-item strong {\n color: var(--ds-text-dark);\n display: block;\n margin-bottom: 0.15rem;\n }\n\n /* Responsive Adjustments */\n @media (max-width: 968px) {\n[data-layout-root] .ds-product-grid {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n[data-layout-root] .ds-media-column {\n position: relative;\n top: 0;\n }\n[data-layout-root] .ds-narrative-timeline {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n[data-layout-root] .ds-reviews-grid {\n grid-template-columns: 1fr;\n }\n }\n\n /* Footer Specific Design - Kinetic Minimalism with The Daily Commute palette */\n[data-layout-root] .ds-footer {\n background-color: var(--bg-page);\n color: var(--text-primary);\n font-family: var(--font-body);\n border-top: 1px solid rgba(28, 25, 23, 0.08);\n padding: 5rem 2rem 2.5rem 2rem;\n position: relative;\n overflow: hidden;\n }\n\n[data-layout-root] .ds-footer-container {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1.2fr 2fr;\n gap: 5rem;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-footer-container {\n grid-template-columns: 1fr;\n gap: 4rem;\n }\n }\n\n /* Left Side: Brand Presence & Newsletter */\n[data-layout-root] .ds-footer-brand-section {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 3rem;\n }\n\n[data-layout-root] .ds-footer-logo {\n font-family: var(--font-heading);\n font-size: 2rem;\n font-weight: 600;\n color: var(--brand-primary);\n text-decoration: none;\n letter-spacing: -0.02em;\n display: inline-block;\n }\n\n[data-layout-root] .ds-footer-description {\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--text-muted);\n max-width: 360px;\n margin-top: 1rem;\n font-weight: 300;\n }\n\n[data-layout-root] .ds-newsletter-box {\n max-width: 380px;\n }\n\n[data-layout-root] .ds-newsletter-title {\n font-family: var(--font-heading);\n font-size: 1.25rem;\n color: var(--brand-primary);\n margin-bottom: 0.75rem;\n font-weight: 400;\n }\n\n[data-layout-root] .ds-newsletter-text {\n font-size: 0.85rem;\n color: var(--text-muted);\n line-height: 1.5;\n margin-bottom: 1.25rem;\n }\n\n[data-layout-root] .ds-newsletter-form {\n display: flex;\n position: relative;\n border-bottom: 1px solid rgba(28, 25, 23, 0.2);\n padding-bottom: 0.5rem;\n transition: border-color 0.3s ease;\n }\n\n[data-layout-root] .ds-newsletter-form:focus-within {\n border-color: var(--brand-primary);\n }\n\n[data-layout-root] .ds-newsletter-input {\n background: transparent;\n border: none;\n outline: none;\n font-family: var(--font-body);\n font-size: 0.9rem;\n color: var(--text-primary);\n width: 100%;\n padding-right: 3rem;\n }\n\n[data-layout-root] .ds-newsletter-input::placeholder {\n color: #a8a29e;\n }\n\n[data-layout-root] .ds-newsletter-submit {\n background: none;\n border: none;\n cursor: pointer;\n font-family: var(--font-body);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--brand-primary);\n padding: 0 0.5rem;\n position: absolute;\n right: 0;\n bottom: 0.5rem;\n transition: transform 0.2s ease;\n }\n\n[data-layout-root] .ds-newsletter-submit:hover {\n transform: translateX(3px);\n }\n\n /* Right Side: Navigation Columns */\n[data-layout-root] .ds-footer-nav-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2.5rem;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-footer-nav-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n }\n\n @media (max-width: 480px) {\n[data-layout-root] .ds-footer-nav-grid {\n grid-template-columns: 1fr;\n }\n }\n\n[data-layout-root] .ds-footer-column-title {\n font-family: var(--font-body);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--brand-primary);\n margin-bottom: 1.5rem;\n }\n\n[data-layout-root] .ds-footer-column-links {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.85rem;\n }\n\n[data-layout-root] .ds-footer-link {\n font-size: 0.85rem;\n color: var(--text-muted);\n text-decoration: none;\n transition: color 0.2s ease, transform 0.2s ease;\n display: inline-block;\n }\n\n[data-layout-root] .ds-footer-link:hover {\n color: var(--brand-primary);\n transform: translateX(2px);\n }\n\n /* Bottom Row */\n[data-layout-root] .ds-footer-bottom {\n max-width: 1400px;\n margin: 5rem auto 0 auto;\n padding-top: 2rem;\n border-top: 1px solid rgba(28, 25, 23, 0.08);\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1.5rem;\n }\n\n[data-layout-root] .ds-copyright {\n font-size: 0.8rem;\n color: var(--text-muted);\n }\n\n[data-layout-root] .ds-social-links {\n display: flex;\n gap: 1.5rem;\n }\n\n[data-layout-root] .ds-social-link {\n font-size: 0.8rem;\n color: var(--text-muted);\n text-decoration: none;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n font-weight: 500;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .ds-social-link:hover {\n color: var(--brand-primary);\n }\n\n[data-layout-root] .ds-payment-badges {\n display: flex;\n align-items: center;\n gap: 1rem;\n opacity: 0.7;\n transition: opacity 0.2s ease;\n }\n\n[data-layout-root] .ds-payment-badges:hover {\n opacity: 1;\n }\n\n[data-layout-root] .ds-payment-badge {\n height: 18px;\n filter: grayscale(1) contrast(1.2);\n }\n\n/* === Header safety rules (post-processed, not AI-generated) === */\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"cart\"],\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"search\"],\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"login\"],\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"currency\"],\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"mobile-menu\"] {\n flex-shrink: 0 !important;\n min-width: fit-content !important;\n}\n[data-layout-root] [data-layout-root] .global-header [data-slot=\"nav\"] {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n[data-layout-root] [data-layout-root] .global-header {\n max-height: 120px;\n}\n/* Line-height safety \u2014 prevent AI from setting tiny line-heights globally */\n[data-layout-root] [data-layout-root] {\n line-height: 1.5;\n}\n[data-layout-root] [data-layout-root] h1, [data-layout-root] h2, [data-layout-root] h3,\n[data-layout-root] [data-layout-root] h4, [data-layout-root] h5, [data-layout-root] h6 {\n line-height: 1.2;\n}\n[data-layout-root] [data-layout-root] p, [data-layout-root] li, [data-layout-root] span,\n[data-layout-root] [data-layout-root] a, [data-layout-root] label {\n line-height: inherit;\n}\n/* \u2500\u2500 Contrast safety (light theme) \u2500\u2500 */\n/* Product page slots \u2014 often left unstyled by the AI */\n[data-layout-root] [data-layout-root] .slot-title,\n[data-layout-root] [data-layout-root] .slot-title h1,\n[data-layout-root] [data-layout-root] .slot-title .slot-product-name {\n color: var(--theme-ink, var(--ink, #111111));\n}\n[data-layout-root] [data-layout-root] .slot-price,\n[data-layout-root] [data-layout-root] .slot-price .slot-price-amount {\n color: var(--theme-ink, var(--ink, #111111));\n}\n[data-layout-root] [data-layout-root] .slot-description,\n[data-layout-root] [data-layout-root] .slot-description p {\n color: var(--ink-muted, #4a4a4a);\n}\n[data-layout-root] [data-layout-root] .slot-variant-label {\n color: var(--ink-muted, #4a4a4a);\n}\n[data-layout-root] [data-layout-root] .slot-variant-btn {\n color: var(--theme-ink, var(--ink, #111111));\n border-color: rgba(0,0,0,0.08);\n}\n/* Common generated marketing sections */\n[data-layout-root] [data-layout-root] .feature-title,\n[data-layout-root] [data-layout-root] .feature-name,\n[data-layout-root] [data-layout-root] .editorial-title,\n[data-layout-root] [data-layout-root] .trust-value,\n[data-layout-root] [data-layout-root] .hero-price,\n[data-layout-root] [data-layout-root] .feature-content,\n[data-layout-root] [data-layout-root] .feature-content h1,\n[data-layout-root] [data-layout-root] .feature-content h2,\n[data-layout-root] [data-layout-root] .feature-content h3,\n[data-layout-root] [data-layout-root] .feature-content h4,\n[data-layout-root] [data-layout-root] [data-slot=\"logo\"],\n[data-layout-root] [data-layout-root] [data-slot=\"logo\"] *,\n[data-layout-root] [data-layout-root] [data-slot=\"nav\"],\n[data-layout-root] [data-layout-root] [data-slot=\"nav\"] a,\n[data-layout-root] [data-layout-root] .action-icon {\n color: var(--theme-ink, var(--ink, #111111));\n}\n[data-layout-root] [data-layout-root] .trust-label,\n[data-layout-root] [data-layout-root] .feature-tag,\n[data-layout-root] [data-layout-root] .feature-description,\n[data-layout-root] [data-layout-root] .detail-item p,\n[data-layout-root] [data-layout-root] .trust-item p,\n[data-layout-root] [data-layout-root] .feature-action {\n color: var(--ink-muted, #4a4a4a);\n}\n/* Icon / SVG contrast */\n[data-layout-root] [data-layout-root] svg {\n fill: currentColor;\n}\n\n[data-layout-root] [class*=\"grid\"] > *, [data-layout-root] [class*=\"layout\"] > * { min-width: 0; min-height: 0; }\n\n[data-layout-root] .v8-support-panel { color: var(--surface-ink); --ink-muted: var(--surface-ink-muted); }\n\n:root, [data-layout-root] { --surface-ink: #111827; --surface-ink-muted: #4B5563; }\n","globalHtml":"","fonts":[],"animations":[],"theme":{"mode":"light","palette":{"primary":"#0f172a","secondary":"#090d18","accent":"#1c1917","success":"#0f172a"},"surfaces":{"bg":"#f5f3ef","bgElevated":"#FFFFFF","surface":"#ebeced","surfaceAlt":"#edeeee","ink":"#111827","inkMuted":"#6B7280","border":"#cfd0d4","surfaceInk":"#111827","surfaceInkMuted":"#4B5563"},"typography":{"headingFont":"Inter","bodyFont":"var(--font-body)"},"tone":"modern","density":"normal","motion":2,"stylePack":"kinetic-minimalism","surface":"flat","radius":12},"header":{"html":"

\n \n

","css":""},"footer":{"html":"```html\n\n\n\n\n\n```","css":""},"pages":{"home":{"sections":[{"id":"home-main","type":"home_main","html":"

\n \n \n

\n Modern Transit\n

\n\n \n

\n \n \n

\n 08:00 AM\n The Morning Transit\n

\n $\"Morning$ \n

Movement & Ease

Hands-free navigation through crowded stations, adjusting cleanly against your frame.

\n\n \n

\n 01:00 PM\n Midday Respite\n

\n $\"Cafe$ \n

Structured Focus

Sits upright on the cafe bench, offering instant access to your notebook and essential devices.

\n\n \n

\n 07:00 PM\n Evening Social\n

\n $\"City$ \n

Understated Presence

Transitions effortlessly from utility to dinner settings with minimalist lines and refined hardware.

\n\n

\n\n \n

\n \n

\n $\"\"$ \n

\n\n

\n Featured Collection\n \n

\n ${{products.[0].price}}\n

\n\n

\n Crafted to balance functional architecture and tactile comfort. Built with hardwearing water-resistant material and finished with custom cast-metal fittings that adjust to your movement.\n

\n\n

\n Shop {{products.[0].name}}\n

\n\n

\n Crossbody Adaptability\n Equipped with a custom-developed, single-pull sliding strap.\n

\n Minimal Footprint\n Tapered body structure fits seamlessly against you, minimizing drag.\n

\n\n

\n\n\n\n

\n \n \n

\n \n \n \n \n \n

Commuter Endorsed

Highly rated for long transits and effortless, weight-distributed daily wear.

\n\n \n

\n \n Complimentary Transit\n

Free standard shipping on all orders over $50, delivered in mindful packaging.

\n\n \n

\n \n Lifetime Guarantee\n

Constructed with high-durability hardware designed to endure years of motion.

\n\n \n

\n \n 30-Day Evaluation\n

Test the ergonomics on your commute. Easily process returns with prepaid shipping.

\n\n

\n\n\n

\n The Architecture of SIV\n

Engineered to support daily transitions.

\n\n

\n \n \n

\n Everyday Carry Capacity\n 9.5L Volume\n

\n\n

\n $\"{{products.[0].name}}$ \n

\n\n

\n 11\" Tablet / Notebook\n

\n Standard Tech Charger\n

\n Compact Water Bottle\n

\n Keys, Cardcase & Phone\n

\n\n \n \n

\n\n \n

\n \n \n

\n 01 Tactile Premium Finish\n

\n Crafted from a heavyweight canvas base and treated with a micro-coating that shrugs off light moisture and keeps a rich, matte black profile without attracting lint.\n

\n\n \n

\n 02 One-Pull Adjustable Strap\n

\n The continuous-loop crossbody strap adapts quickly to your posture. Tighten it close for high-density transit paths, or wear it low and casual when off-duty.\n

\n\n \n

\n 03 Accessible Interior Grid\n

\n Structured internal slip-pockets elevate your critical belongings. Say goodbye to searching deep in a chaotic bag\u2014everything sits upright and exactly where you place it.\n

\n\n

","css":"","dataBindings":{"shop":{"source":"storefront","query":"shopInfo"},"homeVisuals":{"source":"static","value":[{"url":"https://images.unsplash.com/photo-1618864746159-ec96c3a32ce7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwxfHxtaW5pbWFsaXN0JTIwYmxhY2slMjBjYW52YXMlMjB0b3RlfGVufDF8MHx8fDE3ODM4Njg5MjJ8MA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Black minimalist","theme":"minimalist","query":"minimalist black canvas tote","source":"unsplash","photographer":"Brands&People","photographerUrl":"https://unsplash.com/@brandsandpeople"},{"url":"https://images.unsplash.com/photo-1770010735791-f7c377534c1c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwyfHxhZXN0aGV0aWMlMjBjb21tdXRlciUyMHN0cmVldCUyMHN0eWxlfGVufDF8MHx8fDE3ODM4Njg5NTJ8MA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Black aesthetic","theme":"aesthetic","query":"aesthetic commuter street style","source":"unsplash","photographer":"Bhuwan Bansal","photographerUrl":"https://unsplash.com/@bhuwan_bansal"},{"url":"https://images.unsplash.com/photo-1666374898235-fba861c35e7a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwzfHxzbGVlayUyMGNyb3NzYm9keSUyMGJhZyUyMGRldGFpbHxlbnwxfDB8fHwxNzgzODY4OTUyfDA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Black sleek","theme":"sleek","query":"sleek crossbody bag detail","source":"unsplash","photographer":"Julia Kun","photographerUrl":"https://unsplash.com/@juliakun"}]},"products":{"source":"storefront","query":"productList","limit":4},"collections":{"source":"storefront","query":"collectionList","limit":4}}}]},"product":{"sections":[{"id":"product-detail","type":"product_detail","html":"

\n \n \n\n \n

\n \n \n

\n \n

\n\n \n

\n \n \n

\n \n

\n\n \n

\n \n

\n \n Premium Design Under $60\n \n

\n\n \n

\n \n

\n\n \n

\n \n

\n\n \n

\n \n

\n\n \n

\n \n

\n\n \n

\n \n

\n\n \n

The \"What Fits\" Simulator

Curated layout representing items sized to pack comfortably inside SIV's clean minimalist lines.

\n \ud83d\udcbb\n 13\" laptop\n

\n \ud83d\udcd6\n journal\n

\n \ud83d\udcf1\n phone & keys\n

\n \ud83e\uddf4\n essentials\n

\n\n \n

\n Everyday Commute Comfort\n 9.8 / 10\n

Optimized with an adjustable wide crossbody strap to distribute weight and relieve shoulder tension during long city transits.

\n\n \n

\n Complimentary Transit\n Free standard delivery on all domestic orders.\n

\n Mindful Design\n Constructed with premium raw-finish materials.\n

\n Simple Exchanges\n Unhurried 30-day return window.\n

\n\n

\n\n \n

\n 08:00 AM\n

Morning Rush

Crossbody strap adjusted close to the chest for tight transits. Keeps hands completely free for coffee or train passes.

\n 01:00 PM\n

Midday Offsite

SIV sits perfectly upright beside you on a small cafe table. Minimal profile, maximum utility.

\n 06:00 PM\n

Evening Wind Down

Matte-finished exterior effortlessly transitions to formal social environments without looking like traditional utility gear.

\n\n \n

\n Verified Experiences\n

Praised for Everyday Comfort

\u2605\u2605\u2605\u2605\u2605

\"The premium black texture is incredibly clean. It has the visual weight of an expensive luxury bag, but at a price point that makes it comfortable to use as a true workhorse.\"

\n \u2014 Marcus K., Tech Lead\n

\u2605\u2605\u2605\u2605\u2605

\"Finally a bag that doesn't hurt my shoulders during a 45-minute subway commute. The crossbody strap distribution is a complete game changer.\"

\n \u2014 Elena R., Designer\n

\u2605\u2605\u2605\u2605\u2605

\"Minimal, sleek, functional. Fits my iPad, daily planner, and keys with room to spare. Sits beautifully flush against the body.\"

\n \u2014 David T., Architect\n

\n\n

","css":""}]},"collection":{"sections":[]}}}