{"version":"1.0","directionName":"High-Contrast Kinetic Brutalism","globalCss":":root {\n --bg-color: #0B0B0B;\n --text-primary: #FFFFFF;\n --text-muted: #888888;\n --brand-primary: #FFFFFF;\n --brand-secondary: #1C1C1C;\n --brand-accent: #F4F4F4;\n --border-color: #262626;\n --font-heading: 'Syne', sans-serif;\n --font-body: 'Inter', sans-serif;\n --ds-pdp-bg: #070707;\n --ds-pdp-text: #FFFFFF;\n --ds-pdp-muted: #888888;\n --ds-pdp-border: #222222;\n --ds-pdp-accent: #FFFFFF;\n --ds-pdp-font-heading: 'Syne', 'Inter', sans-serif;\n --ds-pdp-font-body: 'Inter', sans-serif;\n --c-bg: #f4f4f4;\n --c-ink: #111827;\n --c-primary: #000000;\n --c-accent: #000000;\n --c-secondary: #000000;\n --c-success: #000000;\n --theme-primary: #000000;\n --theme-bg: #f4f4f4;\n --theme-ink: #111827;\n --theme-accent: #000000;\n --theme-secondary: #000000;\n --theme-success: #000000;\n --bg: #f4f4f4;\n --ink: #111827;\n --border: #cccccc;\n}\n\n/* RESET & CORE VARIABLES */\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n \n \n\n \n\n /* HEADER */\n[data-layout-root] .studio-header {\n width: 100%;\n background-color: var(--bg-color);\n border-bottom: 1px solid var(--border-color);\n position: relative;\n z-index: 100;\n }\n\n[data-layout-root] .header-grid {\n display: grid;\n grid-template-columns: 240px 1fr auto;\n align-items: center;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .header-grid {\n grid-template-columns: auto 1fr auto;\n }\n }\n\n[data-layout-root] .header-cell {\n padding: 24px 32px;\n border-right: 1px solid var(--border-color);\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n[data-layout-root] .header-cell:last-child {\n border-right: none;\n }\n\n /* LOGO SLOT */\n[data-layout-root] .ds-logo-container {\n font-family: var(--font-heading);\n font-size: 1.5rem;\n font-weight: 800;\n letter-spacing: -0.05em;\n text-transform: uppercase;\n color: var(--text-primary);\n text-decoration: none;\n }\n\n /* NAV SLOT */\n[data-layout-root] .nav-container {\n display: flex;\n gap: 32px;\n }\n\n[data-layout-root] .nav-link {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--text-muted);\n text-decoration: none;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .nav-link:hover, .nav-link.active {\n color: var(--text-primary);\n }\n\n /* ACTIONS & OTHER SLOTS */\n[data-layout-root] .actions-container {\n display: flex;\n gap: 24px;\n align-items: center;\n }\n\n[data-layout-root] .action-btn {\n background: none;\n border: none;\n color: var(--text-primary);\n font-family: var(--font-body);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n cursor: pointer;\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n[data-layout-root] .action-btn:hover {\n color: var(--text-muted);\n }\n\n[data-layout-root] .cart-count {\n background-color: var(--brand-accent);\n color: var(--bg-color);\n padding: 2px 6px;\n font-size: 0.65rem;\n font-weight: 700;\n }\n\n /* MOBILE MENU TRIGGER */\n[data-layout-root] .mobile-menu-trigger {\n display: none;\n }\n\n /* HERO - KINETIC BRUTALIST GRID */\n[data-layout-root] .ds-hero {\n background-color: var(--bg-color);\n min-height: calc(100vh - 77px);\n display: grid;\n grid-template-rows: auto 1fr auto;\n position: relative;\n overflow: hidden;\n }\n\n /* TICKER TAPE / MARQUEE (Top Half Title) */\n[data-layout-root] .kinetic-title-wrapper {\n border-bottom: 1px solid var(--border-color);\n overflow: hidden;\n white-space: nowrap;\n padding: 40px 0;\n position: relative;\n background: linear-gradient(180deg, rgba(28,28,28,0.2) 0%, rgba(11,11,11,1) 100%);\n }\n\n[data-layout-root] .giant-title {\n font-family: var(--font-heading);\n font-size: clamp(6rem, 14vw, 18rem);\n line-height: 0.8;\n text-transform: uppercase;\n letter-spacing: -0.04em;\n color: var(--text-primary);\n display: inline-block;\n padding-left: 100%;\n animation: ticker 25s linear infinite;\n }\n\n @keyframes ticker {\n 0% { transform: translate3d(0, 0, 0); }\n 100% { transform: translate3d(-100%, 0, 0); }\n }\n\n /* HERO CENTER CONTENT (Floating cutout over wireframe) */\n[data-layout-root] .hero-centerpiece {\n display: grid;\n grid-template-columns: 1fr 1fr;\n min-height: 500px;\n border-bottom: 1px solid var(--border-color);\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .hero-centerpiece {\n grid-template-columns: 1fr;\n }\n }\n\n /* Interactive Canvas Mimic (Wireframe Vector Underlay) */\n[data-layout-root] .product-visual-stage {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n border-right: 1px solid var(--border-color);\n background-color: #070707;\n overflow: hidden;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .product-visual-stage {\n border-right: none;\n border-bottom: 1px solid var(--border-color);\n padding: 60px 20px;\n }\n }\n\n /* Dynamic SVG Tech Wireframe Background */\n[data-layout-root] .tech-wireframe {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 85%;\n height: 85%;\n opacity: 0.15;\n pointer-events: none;\n }\n\n /* Center cutout bag */\n[data-layout-root] .hero-product-image {\n position: relative;\n z-index: 10;\n max-width: 75%;\n height: auto;\n object-fit: contain;\n filter: drop-shadow(0 25px 50px rgba(0,0,0,0.9));\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n[data-layout-root] .product-visual-stage:hover .hero-product-image {\n transform: scale(1.04) rotate(-1deg);\n }\n\n /* Technical callouts pointing to bag details */\n[data-layout-root] .tech-spec-label {\n position: absolute;\n font-family: var(--font-body);\n font-size: 0.65rem;\n letter-spacing: 0.1em;\n color: var(--text-muted);\n border: 1px solid var(--border-color);\n padding: 6px 12px;\n text-transform: uppercase;\n background: rgba(11, 11, 11, 0.8);\n backdrop-filter: blur(4px);\n z-index: 20;\n }\n\n[data-layout-root] .spec-top-left { top: 15%; left: 10%; }\n[data-layout-root] .spec-bottom-right { bottom: 15%; right: 10%; }\n\n /* Product Details Block (Right Column) */\n[data-layout-root] .product-meta-panel {\n padding: 64px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n background-color: var(--bg-color);\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .product-meta-panel {\n padding: 32px 20px;\n }\n }\n\n[data-layout-root] .panel-header {\n margin-bottom: 48px;\n }\n\n[data-layout-root] .eyebrow {\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n color: var(--text-muted);\n margin-bottom: 16px;\n display: block;\n }\n\n[data-layout-root] .product-title {\n font-family: var(--font-body);\n font-size: 2.5rem;\n font-weight: 700;\n line-height: 1.1;\n letter-spacing: -0.02em;\n margin-bottom: 24px;\n }\n\n[data-layout-root] .price-tag {\n font-family: var(--font-body);\n font-size: 1.75rem;\n font-weight: 400;\n color: var(--text-primary);\n }\n\n[data-layout-root] .product-description {\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--text-muted);\n max-width: 480px;\n margin-bottom: 40px;\n }\n\n /* Dense Spec Table */\n[data-layout-root] .specs-grid {\n border-top: 1px solid var(--border-color);\n margin-bottom: 40px;\n }\n\n[data-layout-root] .spec-row {\n display: flex;\n justify-content: space-between;\n padding: 16px 0;\n border-bottom: 1px solid var(--border-color);\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n[data-layout-root] .spec-label {\n color: var(--text-muted);\n }\n\n[data-layout-root] .spec-value {\n color: var(--text-primary);\n font-weight: 600;\n }\n\n /* ACTION BUTTONS */\n[data-layout-root] .purchase-actions {\n display: flex;\n gap: 16px;\n }\n\n @media (max-width: 480px) {\n[data-layout-root] .purchase-actions {\n flex-direction: column;\n }\n }\n\n[data-layout-root] .ds-cta-button {\n flex: 1;\n background-color: var(--brand-primary);\n color: var(--bg-color);\n border: 1px solid var(--brand-primary);\n padding: 20px 32px;\n font-family: var(--font-body);\n font-size: 0.85rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.2s ease, color 0.2s ease;\n }\n\n[data-layout-root] .ds-cta-button:hover {\n background-color: transparent;\n color: var(--brand-primary);\n }\n\n[data-layout-root] .secondary-button {\n padding: 20px 32px;\n background-color: transparent;\n border: 1px solid var(--border-color);\n color: var(--text-primary);\n font-family: var(--font-body);\n font-size: 0.85rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n text-align: center;\n text-decoration: none;\n transition: border-color 0.2s ease;\n }\n\n[data-layout-root] .secondary-button:hover {\n border-color: var(--text-primary);\n }\n\n /* FOOTER/TAPE (Bottom Row) */\n[data-layout-root] .status-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n border-top: 1px solid var(--border-color);\n font-size: 0.7rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .status-bar {\n grid-template-columns: 1fr;\n }\n }\n\n[data-layout-root] .status-cell {\n padding: 20px 32px;\n border-right: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n[data-layout-root] .status-cell:last-child {\n border-right: none;\n }\n\n[data-layout-root] .status-indicator {\n display: inline-block;\n width: 6px;\n height: 6px;\n background-color: #00FF66;\n border-radius: 50%;\n }\n\n /* RESPONSIVE NAV MOBILE */\n @media (max-width: 768px) {\n[data-layout-root] .header-cell.nav-cell {\n display: none;\n }\n[data-layout-root] .mobile-menu-trigger {\n display: block;\n padding: 24px;\n border-left: 1px solid var(--border-color);\n }\n }\n \n\n /* DESIGN CONTINUATION & UTILITIES */\n[data-layout-root] .ds-grid-divider {\n width: 100%;\n height: 1px;\n background-color: var(--border-color, #262626);\n position: relative;\n z-index: 10;\n }\n\n /* SECTION 1: TRUST STRIP (COMPACT ICON / VALUE ROW) */\n[data-layout-root] .ds-trust-strip {\n background-color: #070707;\n border-bottom: 1px solid var(--border-color, #262626);\n position: relative;\n z-index: 10;\n overflow: hidden;\n }\n\n[data-layout-root] .ds-trust-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n width: 100%;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-trust-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-trust-grid {\n grid-template-columns: 1fr;\n }\n }\n\n[data-layout-root] .ds-trust-cell {\n padding: 32px 40px;\n border-right: 1px solid var(--border-color, #262626);\n display: flex;\n flex-direction: column;\n gap: 12px;\n transition: background-color 0.3s ease;\n }\n\n[data-layout-root] .ds-trust-cell:last-child {\n border-right: none;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-trust-cell:nth-child(2n) {\n border-right: none;\n }\n[data-layout-root] .ds-trust-cell:nth-child(1), .ds-trust-cell:nth-child(2) {\n border-bottom: 1px solid var(--border-color, #262626);\n }\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-trust-cell {\n border-right: none !important;\n border-bottom: 1px solid var(--border-color, #262626) !important;\n padding: 24px 20px;\n }\n[data-layout-root] .ds-trust-cell:last-child {\n border-bottom: none !important;\n }\n }\n\n[data-layout-root] .ds-trust-cell:hover {\n background-color: #111111;\n }\n\n[data-layout-root] .ds-trust-icon {\n width: 20px;\n height: 20px;\n stroke: var(--text-primary, #FFFFFF);\n stroke-width: 1.5;\n fill: none;\n }\n\n[data-layout-root] .ds-trust-title {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.8rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--text-primary, #FFFFFF);\n }\n\n[data-layout-root] .ds-trust-desc {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.75rem;\n line-height: 1.5;\n color: var(--text-muted, #888888);\n }\n\n[data-layout-root] .ds-trust-certification {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.65rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--brand-accent, #F4F4F4);\n display: flex;\n align-items: center;\n gap: 6px;\n border: 1px solid var(--border-color, #262626);\n padding: 4px 8px;\n width: fit-content;\n margin-top: auto;\n background-color: #0b0b0b;\n }\n\n[data-layout-root] .ds-cert-dot {\n width: 6px;\n height: 6px;\n background-color: #00FF66;\n border-radius: 50%;\n display: inline-block;\n }\n\n /* SECTION 2: PRODUCT FEATURES & ARTISAN SHOWCASE */\n[data-layout-root] .ds-features-section {\n background-color: #0B0B0B;\n position: relative;\n z-index: 10;\n }\n\n[data-layout-root] .ds-features-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n border-bottom: 1px solid var(--border-color, #262626);\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-features-layout {\n grid-template-columns: 1fr;\n }\n }\n\n /* Left Panel: High contrast macro craftsmanship visual */\n[data-layout-root] .ds-features-visual-panel {\n position: relative;\n border-right: 1px solid var(--border-color, #262626);\n background-color: #070707;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 640px;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-features-visual-panel {\n border-right: none;\n border-bottom: 1px solid var(--border-color, #262626);\n min-height: 480px;\n }\n }\n\n[data-layout-root] .ds-features-image-container {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n[data-layout-root] .ds-features-bg-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.45;\n filter: grayscale(100%) contrast(120%) brightness(80%);\n transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n[data-layout-root] .ds-features-visual-panel:hover .ds-features-bg-image {\n transform: scale(1.05);\n }\n\n /* Hardware Blueprint Overlay */\n[data-layout-root] .ds-hardware-blueprint {\n position: absolute;\n bottom: 40px;\n left: 40px;\n right: 40px;\n background: rgba(11, 11, 11, 0.9);\n border: 1px solid var(--border-color, #262626);\n backdrop-filter: blur(12px);\n padding: 24px;\n z-index: 20;\n }\n\n[data-layout-root] .ds-blueprint-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n border-bottom: 1px solid var(--border-color, #262626);\n padding-bottom: 12px;\n }\n\n[data-layout-root] .ds-blueprint-title {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--text-primary, #FFFFFF);\n }\n\n[data-layout-root] .ds-blueprint-tag {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.6rem;\n color: var(--text-muted, #888888);\n border: 1px solid var(--border-color, #262626);\n padding: 2px 6px;\n }\n\n[data-layout-root] .ds-blueprint-specs {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n }\n\n[data-layout-root] .ds-blueprint-spec-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n[data-layout-root] .ds-blueprint-spec-label {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.6rem;\n text-transform: uppercase;\n color: var(--text-muted, #888888);\n }\n\n[data-layout-root] .ds-blueprint-spec-val {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--text-primary, #FFFFFF);\n }\n\n /* Right Panel: Feature blocks list */\n[data-layout-root] .ds-features-content-panel {\n padding: 80px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n background-color: var(--bg-color, #0B0B0B);\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-features-content-panel {\n padding: 60px 40px;\n }\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-features-content-panel {\n padding: 40px 20px;\n }\n }\n\n[data-layout-root] .ds-features-header {\n margin-bottom: 48px;\n }\n\n[data-layout-root] .ds-features-eyebrow {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.75rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n color: var(--text-muted, #888888);\n margin-bottom: 12px;\n display: block;\n }\n\n[data-layout-root] .ds-features-title {\n font-family: var(--font-heading, 'Syne', sans-serif);\n font-size: clamp(2rem, 3.5vw, 3rem);\n font-weight: 800;\n line-height: 1.1;\n letter-spacing: -0.03em;\n text-transform: uppercase;\n color: var(--text-primary, #FFFFFF);\n }\n\n[data-layout-root] .ds-features-list {\n display: flex;\n flex-direction: column;\n gap: 32px;\n }\n\n[data-layout-root] .ds-feature-item {\n border-top: 1px solid var(--border-color, #262626);\n padding-top: 24px;\n display: grid;\n grid-template-columns: 80px 1fr;\n gap: 24px;\n }\n\n[data-layout-root] .ds-feature-num {\n font-family: var(--font-heading, 'Syne', sans-serif);\n font-size: 1.5rem;\n font-weight: 300;\n color: var(--text-muted, #888888);\n opacity: 0.5;\n }\n\n[data-layout-root] .ds-feature-body {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n[data-layout-root] .ds-feature-item-title {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.95rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--text-primary, #FFFFFF);\n }\n\n[data-layout-root] .ds-feature-item-desc {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.85rem;\n line-height: 1.6;\n color: var(--text-muted, #888888);\n }\n\n /* PERSISTENT ACTION FOOTER OVERLAY */\n[data-layout-root] .ds-persistent-action-bar {\n position: fixed;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(11, 11, 11, 0.85);\n border: 1px solid var(--border-color, #262626);\n backdrop-filter: blur(20px);\n border-radius: 100px;\n padding: 8px 12px 8px 24px;\n display: flex;\n align-items: center;\n gap: 32px;\n z-index: 1000;\n box-shadow: 0 20px 40px rgba(0,0,0,0.8);\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-persistent-action-bar {\n bottom: 16px;\n width: calc(100% - 32px);\n gap: 16px;\n padding: 8px 8px 8px 16px;\n }\n }\n\n[data-layout-root] .ds-bar-product {\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n\n[data-layout-root] .ds-bar-title {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--text-primary, #FFFFFF);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 180px;\n }\n\n @media (max-width: 480px) {\n[data-layout-root] .ds-bar-title {\n max-width: 110px;\n }\n }\n\n[data-layout-root] .ds-bar-meta {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n[data-layout-root] .ds-bar-price {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.75rem;\n color: var(--text-primary, #FFFFFF);\n font-weight: 600;\n }\n\n[data-layout-root] .ds-bar-cert {\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.55rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: #00FF66;\n border: 1px solid rgba(0, 255, 102, 0.3);\n padding: 1px 4px;\n border-radius: 2px;\n }\n\n[data-layout-root] .ds-bar-cta {\n background-color: var(--brand-primary, #FFFFFF);\n color: #0B0B0B;\n border: none;\n border-radius: 100px;\n padding: 12px 24px;\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n text-decoration: none;\n transition: transform 0.2s ease, opacity 0.2s ease;\n white-space: nowrap;\n }\n\n[data-layout-root] .ds-bar-cta:hover {\n transform: scale(1.03);\n opacity: 0.95;\n }\n\n /* DESIGN CORE ALIGNMENT */\n \n\n[data-layout-root] .ds-pdp-wrapper {\n background-color: var(--ds-pdp-bg);\n color: var(--ds-pdp-text);\n font-family: var(--ds-pdp-font-body);\n -webkit-font-smoothing: antialiased;\n min-height: 100vh;\n padding-bottom: 120px;\n }\n\n /* BREADCRUMB */\n[data-layout-root] .ds-breadcrumb-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 32px 24px 0 24px;\n border-bottom: 1px solid var(--ds-pdp-border);\n }\n\n[data-layout-root] .ds-breadcrumb {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--ds-pdp-muted);\n padding-bottom: 16px;\n }\n\n[data-layout-root] .ds-breadcrumb a {\n color: var(--ds-pdp-muted);\n text-decoration: none;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .ds-breadcrumb a:hover {\n color: var(--ds-pdp-text);\n }\n\n[data-layout-root] .ds-breadcrumb-separator {\n color: #444444;\n }\n\n[data-layout-root] .ds-breadcrumb-current {\n color: var(--ds-pdp-text);\n }\n\n /* MAIN PRODUCT LAYOUT */\n[data-layout-root] .ds-product-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n max-width: 1400px;\n margin: 0 auto;\n border-bottom: 1px solid var(--ds-pdp-border);\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-product-grid {\n grid-template-columns: 1fr;\n }\n }\n\n /* GALLERY SIDE */\n[data-layout-root] .ds-gallery-panel {\n border-right: 1px solid var(--ds-pdp-border);\n padding: 48px;\n background-color: #0c0c0c;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: relative;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-gallery-panel {\n border-right: none;\n border-bottom: 1px solid var(--ds-pdp-border);\n padding: 24px;\n }\n }\n\n /* Injecting styles directly for the slot-gallery output structure to match Studio Bagry visual polish */\n[data-layout-root] .slot-gallery {\n width: 100%;\n display: block;\n }\n\n[data-layout-root] .slot-gallery img {\n width: 100%;\n height: auto;\n object-fit: cover;\n border: 1px solid var(--ds-pdp-border);\n background: #070707;\n filter: brightness(0.9) contrast(1.1);\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n[data-layout-root] .slot-gallery img:hover {\n transform: scale(1.02);\n }\n\n /* TECHNICAL OVERLAYS & SPECS */\n[data-layout-root] .ds-tech-blueprint {\n margin-top: 40px;\n border: 1px dashed var(--ds-pdp-border);\n padding: 24px;\n background: rgba(0,0,0,0.4);\n }\n\n[data-layout-root] .ds-blueprint-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--ds-pdp-border);\n padding-bottom: 12px;\n margin-bottom: 16px;\n }\n\n[data-layout-root] .ds-blueprint-title {\n font-family: var(--ds-pdp-font-heading);\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n font-weight: 700;\n }\n\n[data-layout-root] .ds-blueprint-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px;\n }\n\n[data-layout-root] .ds-blueprint-cell {\n font-size: 0.7rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n[data-layout-root] .ds-blueprint-label {\n color: var(--ds-pdp-muted);\n margin-bottom: 4px;\n }\n\n[data-layout-root] .ds-blueprint-value {\n font-weight: 600;\n color: var(--ds-pdp-text);\n }\n\n /* PURCHASE COLUMN */\n[data-layout-root] .ds-purchase-panel {\n padding: 64px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-purchase-panel {\n padding: 32px 24px;\n }\n }\n\n /* SLOTS INJECTION TYPOGRAPHY & OVERRIDES */\n[data-layout-root] .slot-title h1,\n[data-layout-root] .slot-title {\n font-family: var(--ds-pdp-font-heading);\n font-size: clamp(2.5rem, 4.5vw, 3.5rem);\n font-weight: 800;\n line-height: 1.05;\n letter-spacing: -0.03em;\n text-transform: uppercase;\n margin-bottom: 16px;\n color: var(--ds-pdp-text);\n }\n\n /* MATERIAL INTEGRITY SHIELD BRUTALIST */\n[data-layout-root] .ds-material-authenticity-card {\n display: flex;\n align-items: center;\n gap: 16px;\n border: 1px solid var(--ds-pdp-border);\n background: #111111;\n padding: 16px 20px;\n margin-top: 16px;\n margin-bottom: 32px;\n }\n\n[data-layout-root] .ds-authenticity-icon {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid var(--ds-pdp-text);\n border-radius: 50%;\n font-size: 0.6rem;\n font-weight: 900;\n }\n\n[data-layout-root] .ds-authenticity-text {\n font-size: 0.7rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n }\n\n[data-layout-root] .ds-authenticity-title {\n font-weight: 700;\n color: var(--ds-pdp-text);\n margin-bottom: 2px;\n }\n\n[data-layout-root] .ds-authenticity-desc {\n color: var(--ds-pdp-muted);\n }\n\n[data-layout-root] .slot-price {\n font-size: 1.75rem;\n font-weight: 400;\n color: var(--ds-pdp-text);\n letter-spacing: -0.01em;\n border-bottom: 1px solid var(--ds-pdp-border);\n padding-bottom: 24px;\n }\n\n[data-layout-root] .slot-description {\n font-size: 0.95rem;\n line-height: 1.6;\n color: var(--ds-pdp-muted);\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n /* FORM SLOTS */\n[data-layout-root] .slot-variants {\n margin-bottom: 24px;\n }\n\n /* Customize native variants display */\n[data-layout-root] .slot-variants label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 10px;\n color: var(--ds-pdp-muted);\n }\n\n[data-layout-root] .slot-variants select {\n width: 100%;\n background-color: #111;\n color: #fff;\n border: 1px solid var(--ds-pdp-border);\n padding: 14px 18px;\n font-size: 0.85rem;\n font-family: var(--ds-pdp-font-body);\n outline: none;\n cursor: pointer;\n border-radius: 0;\n appearance: none;\n -webkit-appearance: none;\n }\n\n[data-layout-root] .slot-quantity {\n margin-bottom: 32px;\n }\n\n[data-layout-root] .slot-quantity label {\n display: block;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 10px;\n color: var(--ds-pdp-muted);\n }\n\n[data-layout-root] .slot-quantity input {\n width: 80px;\n background-color: #111;\n color: #fff;\n border: 1px solid var(--ds-pdp-border);\n padding: 14px;\n font-size: 0.85rem;\n text-align: center;\n font-family: var(--ds-pdp-font-body);\n }\n\n /* CRITICAL CTAs DESIGN SPEC */\n[data-layout-root] .slot-add-to-cart {\n display: block !important;\n width: 100% !important;\n margin-bottom: 12px !important;\n }\n\n[data-layout-root] .slot-add-to-cart button,\n[data-layout-root] .slot-add-to-cart .ds-btn,\n[data-layout-root] .slot-add-to-cart .ds-button,\n[data-layout-root] .slot-add-to-cart a {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n width: 100% !important;\n background-color: var(--ds-pdp-accent) !important;\n color: #000000 !important;\n font-family: var(--ds-pdp-font-body) !important;\n font-size: 0.85rem !important;\n font-weight: 800 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.15em !important;\n padding: 20px 32px !important;\n border: 1px solid var(--ds-pdp-accent) !important;\n cursor: pointer !important;\n transition: background-color 0.3s ease, color 0.3s 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[data-layout-root] .slot-add-to-cart .ds-button:hover {\n background-color: #000000 !important;\n color: var(--ds-pdp-accent) !important;\n border-color: var(--ds-pdp-accent) !important;\n }\n\n[data-layout-root] .slot-buy-now {\n display: block !important;\n width: 100% !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 .ds-button,\n[data-layout-root] .slot-buy-now a {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n width: 100% !important;\n background-color: transparent !important;\n color: var(--ds-pdp-text) !important;\n font-family: var(--ds-pdp-font-body) !important;\n font-size: 0.85rem !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.15em !important;\n padding: 20px 32px !important;\n border: 1px solid var(--ds-pdp-border) !important;\n cursor: pointer !important;\n transition: background-color 0.3s ease, border-color 0.3s ease !important;\n }\n\n[data-layout-root] .slot-buy-now button:hover,\n[data-layout-root] .slot-buy-now .ds-btn:hover,\n[data-layout-root] .slot-buy-now .ds-button:hover {\n background-color: #111111 !important;\n border-color: var(--ds-pdp-text) !important;\n }\n\n /* DENSE SPEC MATRIX BELOW CTAs */\n[data-layout-root] .ds-dense-spec-table {\n margin-top: 48px;\n border-top: 1px solid var(--ds-pdp-border);\n }\n\n[data-layout-root] .ds-dense-row {\n display: flex;\n justify-content: space-between;\n padding: 18px 0;\n border-bottom: 1px solid var(--ds-pdp-border);\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n }\n\n[data-layout-root] .ds-dense-label {\n color: var(--ds-pdp-muted);\n }\n\n[data-layout-root] .ds-dense-value {\n color: var(--ds-pdp-text);\n font-weight: 600;\n }\n\n /* EXPANDED TECHNICAL SPECIFICATIONS (UTILITY FOCUS) */\n[data-layout-root] .ds-technical-deepdive {\n max-width: 1400px;\n margin: 0 auto;\n padding: 96px 24px;\n border-bottom: 1px solid var(--ds-pdp-border);\n display: grid;\n grid-template-columns: 1fr 2fr;\n gap: 64px;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-technical-deepdive {\n grid-template-columns: 1fr;\n gap: 40px;\n padding: 64px 24px;\n }\n }\n\n[data-layout-root] .ds-deepdive-meta h3 {\n font-family: var(--ds-pdp-font-heading);\n font-size: 2rem;\n text-transform: uppercase;\n letter-spacing: -0.02em;\n line-height: 1.1;\n margin-bottom: 16px;\n }\n\n[data-layout-root] .ds-deepdive-meta p {\n font-size: 0.9rem;\n color: var(--ds-pdp-muted);\n line-height: 1.6;\n }\n\n[data-layout-root] .ds-deepdive-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-deepdive-grid {\n grid-template-columns: 1fr;\n }\n }\n\n[data-layout-root] .ds-feature-block {\n border-left: 2px solid var(--ds-pdp-accent);\n padding-left: 24px;\n }\n\n[data-layout-root] .ds-feature-title {\n font-family: var(--ds-pdp-font-heading);\n font-size: 0.9rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n font-weight: 700;\n margin-bottom: 8px;\n }\n\n[data-layout-root] .ds-feature-desc {\n font-size: 0.85rem;\n color: var(--ds-pdp-muted);\n line-height: 1.5;\n }\n\n /* SHIPPING / DELIVERY LOGISTICS AREA */\n[data-layout-root] .ds-shipping-bar {\n background-color: #0a0a0a;\n border-bottom: 1px solid var(--ds-pdp-border);\n }\n\n[data-layout-root] .ds-shipping-grid {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-shipping-grid {\n grid-template-columns: 1fr;\n }\n }\n\n[data-layout-root] .ds-shipping-cell {\n padding: 32px 24px;\n border-right: 1px solid var(--ds-pdp-border);\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n[data-layout-root] .ds-shipping-cell:last-child {\n border-right: none;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-shipping-cell {\n border-right: none;\n border-bottom: 1px solid var(--ds-pdp-border);\n }\n[data-layout-root] .ds-shipping-cell:last-child {\n border-bottom: none;\n }\n }\n\n[data-layout-root] .ds-shipping-eyebrow {\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--ds-pdp-muted);\n margin-bottom: 6px;\n }\n\n[data-layout-root] .ds-shipping-heading {\n font-family: var(--ds-pdp-font-body);\n font-size: 0.9rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--ds-pdp-text);\n }\n\n /* FOOTER CORE WRAPPER */\n[data-layout-root] .ds-footer {\n background-color: #070707; /* Deep liquid-black surface */\n color: var(--text-primary, #FFFFFF);\n font-family: var(--font-body, 'Inter', sans-serif);\n border-top: 1px solid var(--border-color, #262626);\n position: relative;\n width: 100%;\n z-index: 90;\n overflow: hidden;\n }\n\n[data-layout-root] .ds-footer-grid-top {\n height: 4px;\n background: repeating-linear-gradient(\n[data-layout-root] 90deg,\n var(--border-color, #262626),\n var(--border-color, #262626) 2px,\n[data-layout-root] transparent 2px,\n[data-layout-root] transparent 10px\n );\n opacity: 0.5;\n }\n\n[data-layout-root] .ds-footer-container {\n max-width: 1440px;\n margin: 0 auto;\n padding: 80px 40px 40px 40px;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-footer-container {\n padding: 60px 24px 32px 24px;\n }\n }\n\n /* MAIN GRID LAYOUT */\n[data-layout-root] .ds-footer-main {\n display: grid;\n grid-template-columns: 1.2fr 1.8fr;\n gap: 80px;\n margin-bottom: 60px;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-footer-main {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n }\n\n /* LEFT BRAND PANEL */\n[data-layout-root] .ds-brand-panel {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n[data-layout-root] .ds-brand-header {\n display: flex;\n align-items: baseline;\n gap: 16px;\n margin-bottom: 24px;\n }\n\n[data-layout-root] .ds-footer-logo {\n font-family: var(--font-heading, 'Syne', sans-serif);\n font-size: 1.75rem;\n font-weight: 800;\n letter-spacing: -0.05em;\n text-transform: uppercase;\n color: var(--text-primary, #FFFFFF);\n text-decoration: none;\n transition: opacity 0.2s ease;\n }\n\n[data-layout-root] .ds-footer-logo:hover {\n opacity: 0.8;\n }\n\n[data-layout-root] .ds-curator-badge {\n font-size: 0.6rem;\n font-weight: 700;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--text-muted, #888888);\n border: 1px solid var(--border-color, #262626);\n padding: 3px 8px;\n border-radius: 2px;\n }\n\n[data-layout-root] .ds-brand-description {\n font-size: 0.85rem;\n line-height: 1.6;\n color: var(--text-muted, #888888);\n max-width: 400px;\n margin-bottom: 36px;\n }\n\n /* NEWSLETTER SLOT */\n[data-layout-root] .ds-newsletter-section {\n border-top: 1px solid var(--border-color, #262626);\n padding-top: 24px;\n max-width: 400px;\n }\n\n[data-layout-root] .ds-newsletter-label {\n font-size: 0.7rem;\n font-weight: 700;\n letter-spacing: 0.15em;\n color: var(--text-primary, #FFFFFF);\n margin-bottom: 14px;\n }\n\n[data-layout-root] .ds-newsletter-form {\n display: flex;\n align-items: center;\n border-bottom: 2px solid var(--text-primary, #FFFFFF);\n padding-bottom: 6px;\n }\n\n[data-layout-root] .ds-newsletter-input {\n flex: 1;\n background: transparent;\n border: none;\n color: var(--text-primary, #FFFFFF);\n font-family: var(--font-body, 'Inter', sans-serif);\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.05em;\n outline: none;\n padding: 8px 0;\n }\n\n[data-layout-root] .ds-newsletter-input::placeholder {\n color: var(--text-muted, #888888);\n }\n\n[data-layout-root] .ds-newsletter-btn {\n background: none;\n border: none;\n color: var(--text-primary, #FFFFFF);\n cursor: pointer;\n padding: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 0.2s ease;\n }\n\n[data-layout-root] .ds-newsletter-btn:hover {\n transform: translateX(4px);\n }\n\n /* RIGHT NAV PANEL */\n[data-layout-root] .ds-nav-panel {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n }\n\n @media (max-width: 600px) {\n[data-layout-root] .ds-nav-panel {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n }\n\n[data-layout-root] .ds-column-title {\n font-family: var(--font-heading, 'Syne', sans-serif);\n font-size: 0.75rem;\n font-weight: 700;\n letter-spacing: 0.15em;\n color: var(--text-primary, #FFFFFF);\n margin-bottom: 24px;\n text-transform: uppercase;\n }\n\n[data-layout-root] .ds-column-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n[data-layout-root] .ds-column-list li {\n margin-bottom: 12px;\n }\n\n[data-layout-root] .ds-footer-link {\n font-size: 0.8rem;\n font-weight: 500;\n color: var(--text-muted, #888888);\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(--text-primary, #FFFFFF);\n transform: translateX(2px);\n }\n\n /* HARDWARE ACCENT DIVIDER */\n[data-layout-root] .ds-footer-hardware-divider {\n display: flex;\n align-items: center;\n gap: 20px;\n margin: 40px 0;\n opacity: 0.4;\n }\n\n[data-layout-root] .ds-hw-dot {\n width: 6px;\n height: 6px;\n background-color: var(--text-primary, #FFFFFF);\n transform: rotate(45deg);\n }\n\n[data-layout-root] .ds-hw-line {\n flex: 1;\n height: 1px;\n background-color: var(--border-color, #262626);\n }\n\n[data-layout-root] .ds-hw-spec {\n font-size: 0.6rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n color: var(--text-muted, #888888);\n white-space: nowrap;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-hw-spec {\n display: none;\n }\n }\n\n /* BOTTOM METADATA PANEL */\n[data-layout-root] .ds-footer-meta {\n border-top: 1px solid var(--border-color, #262626);\n padding-top: 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 20px;\n }\n\n @media (max-width: 768px) {\n[data-layout-root] .ds-footer-meta {\n flex-direction: column;\n align-items: flex-start;\n }\n }\n\n[data-layout-root] .ds-copyright {\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--text-muted, #888888);\n }\n\n[data-layout-root] .ds-info-tag {\n font-size: 0.65rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n color: var(--text-muted, #888888);\n text-transform: uppercase;\n }\n\n[data-layout-root] .ds-payment-gateways {\n display: flex;\n gap: 8px;\n }\n\n[data-layout-root] .ds-pay-badge {\n font-size: 0.55rem;\n font-weight: 800;\n letter-spacing: 0.05em;\n color: var(--text-muted, #888888);\n border: 1px solid var(--border-color, #262626);\n padding: 4px 8px;\n background-color: #0b0b0b;\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 (dark 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, #c9bfb0);\n}\n[data-layout-root] [data-layout-root] .slot-variant-label {\n color: var(--ink-muted, #c9bfb0);\n}\n[data-layout-root] [data-layout-root] .slot-variant-btn {\n color: var(--theme-ink, var(--ink, #111111));\n border-color: rgba(255,255,255,0.12);\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, #c9bfb0);\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","globalHtml":"","fonts":[],"animations":[],"theme":{"mode":"light","palette":{"primary":"#000000","secondary":"#000000","accent":"#000000","success":"#000000"},"surfaces":{"bg":"#f4f4f4","bgElevated":"#FFFFFF","surface":"#070707","surfaceAlt":"#ededed","ink":"#111827","inkMuted":"#6B7280","border":"#cccccc"},"typography":{"headingFont":"Inter","bodyFont":"Inter"},"tone":"modern","density":"normal","motion":2,"stylePack":"kinetic-minimalism","surface":"flat","radius":12},"header":{"html":"

\n \n

\n bagry\n

\n\n \n

\n \n

\n\n \n

\n \n

\n Cart 01\n

\n \n

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

\n \n \n

BAGRY STUDIO BAGRY STUDIO BAGRY STUDIO

\n\n \n

\n \n \n

\n \n \n\n NATURAL TANNED LEATHER\n \n \n $\"Handcrafted$ \n\n GENUINE SOLID BRASS\n

\n\n \n

\n Collection 01 / Handcrafted Crossbody\n

\n\n

\n\n \n

\n Material\n Moroccan Full-Grain Leather\n

\n Dimensions\n 9\" x 7.5\" x 3\"\n

\n Hardware\n Brushed Silver / Solid Brass\n

\n\n \n

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

\n\n

\n\n \n

\n ORIGIN: MARRAKECH, MOROCCO\n \n

\n PRODUCTION RUN: LIMITED NO. 240\n

\n STATUS: READY TO SHIP\n

\n\n

\n\n\n\n\n

\n \n \n

\n \n

LEATHER GUARANTEE

100% genuine full-grain Moroccan leather sourced responsibly from traditional local tanneries.

\n Certified Tannery Origin\n

\n\n \n

\n \n

ARTISAN HERITAGE

Each crossbody bag is completely handmade and stitched individually by experienced master leathercrafters.

\n 100% Handcrafted\n

\n\n \n

\n \n

UTILITY FOCUS

Designed with multi-compartments structured specifically for modern device compatibility and security.

\n Built For Travel\n

\n\n \n

\n \n

SECURE SHIPPING

Comes beautifully packed in custom protective dustbag storage packaging with recorded worldwide transit.

\n Tracked Air Shipping\n

\n\n

\n\n\n

\n \n \n

\n {{#if homeVisuals.[1]}}\n $\"{{homeVisuals.[1].alt}}\"$ \n {{else}}\n $\"{{products.[0].name}}\"$ \n {{/if}}\n

\n\n \n

\n HARDWARE BLUEPRINT SPEC\n SOLID METALS\n

\n Clasp\n Brushed Silver\n

\n Rivets\n Reinforced Solid\n

\n Zip Teeth\n Architectural YKK\n

\n\n \n

\n UTILITY & DESIGN DETAIL\n

ENGINEERED FOR DAILY DISPATCH

\n\n

\n \n \n

\n 01\n

ADJUSTABLE ANATOMICAL STRAP

Heavy duty leather shoulder harness with custom modular brass adjusters. Seamlessly configures between tight tactical chest sling or standard low crossbody length.

\n\n \n

\n 02\n

DIGITAL DEVICE COMPATIBILITY

Crafted specifically to comfortably store and secure all current pro smartphone models, modern compact notebooks, slim passport cases, and tactical everyday carry tools.

\n\n \n

\n 03\n

DUAL EXPANSION POCKETS

Built with an intelligent internal divider system. Separates your main keys and hardware from sensitive device screens to completely eliminate friction scratch risk.

\n\n

\n\n\n

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

\n {{products.[0].price}}\n CERTIFIED LEATHER\n

\n ORDER NOW\n

","css":"","dataBindings":{"shop":{"source":"storefront","query":"shopInfo"},"homeVisuals":{"source":"static","value":[{"url":"https://images.unsplash.com/photo-1508589066756-c5dfb2cb7587?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwxfHxtb3JvY2NhbiUyMGxlYXRoZXIlMjB3b3Jrc2hvcCUyMGFydGlzYW58ZW58MXwwfHx8MTc4MzY5MjczMXww&ixlib=rb-4.1.0&q=80&w=1080","alt":"bagry moroccan","theme":"moroccan","query":"moroccan leather workshop artisan","source":"unsplash","photographer":"Max Brown","photographerUrl":"https://unsplash.com/@rearetical_max"},{"url":"https://images.unsplash.com/photo-1647960514922-052047430407?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwyfHxsZWF0aGVyJTIwc2hvdWxkZXIlMjBiYWclMjBkZXRhaWx8ZW58MXwwfHx8MTc4MzY5Mjc1OHww&ixlib=rb-4.1.0&q=80&w=1080","alt":"bagry leather","theme":"leather","query":"leather shoulder bag detail","source":"unsplash","photographer":"Mohammad Javad Asgharikolahi","photographerUrl":"https://unsplash.com/@mojak8731"},{"url":"https://images.pexels.com/photos/10919291/pexels-photo-10919291.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940","alt":"bagry tan","theme":"tan","query":"tan leather crossbody cafe","source":"pexels","photographer":"MiM Fathi","photographerUrl":"https://www.pexels.com/@mimfathi"}]},"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

Physical Dimension Blueprints

SCALE: 1:1.25

Width

24.5 cm

Height

18.0 cm

Depth

8.5 cm

\n\n \n

\n \n \n

\n\n \n

\n {{PRODUCT.PRICE}}\n

\n\n \n

\u2713

Genuine Leather Guarantee

Moroccan Tanning Lab Certified \u2022 100% Full-Grain

\n\n \n

\n \n \n

\n\n \n

\n \n

\n\n \n

\n Artisan Heritage\n Marrakech Medina Workshop\n

\n Hardware Type\n Brilliant Silver Alloy\n

\n Strap Span\n 110cm - 130cm Adjustable\n

\n Modern Device Storage\n Fits iPhone 15 Pro Max & Mini Tablet\n

\n\n

\n\n \n

Dispatch Speed

Ships within 24\u201348 Hours

Continental Shipping

Free Worldwide Tracked Delivery

Satisfaction Guarantee

30-Day Hassle-Free Returns

\n\n \n

Utility-Focus & Engineering

Built for the modern nomad. Our workshop fuses ancient Moroccan tanning and stitching techniques with mechanical structural needs to secure your personal tech gear.

Reinforced Anchor Stitching

Critical stress points are hand-stitched with thick, waxed linen thread to prevent tearing or stretching under payload.

Smart Compartments

Dual internal sleeves and a quick-access exterior zipper compartment configured explicitly to match standard device ratios.

Adjustable Comfort Profile

Modular multi-hole strap layout designed to spread weight evenly across the shoulder to prevent posture strain.

Solid Cast Hardware

Custom molded metal clips and buckles, heavy-coated to resist oxidation, corrosion, and friction wear over decades.

\n\n \n

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

{{products.[0].name}}

ENGINEERED FOR DAILY DISPATCH

ADJUSTABLE ANATOMICAL STRAP

DIGITAL DEVICE COMPATIBILITY

DUAL EXPANSION POCKETS

{{PRODUCT.NAME}}

Utility-Focus & Engineering