{"version":"1.0","directionName":"Dual-Carry Hardware Focus","globalCss":":root {\n --bg-page: #121316;\n --bg-card: #1a1c22;\n --bg-card-alt: #1f2937;\n --text-primary: #f3f4f6;\n --text-muted: #9ca3af;\n --brand-primary: #ff5722;\n --brand-accent: #e64a19;\n --border-color: rgba(255, 255, 255, 0.08);\n --font-heading: 'Bricolage Grotesque', sans-serif;\n --font-body: 'Archivo', sans-serif;\n --radius: 4px;\n --c-bg: #121316;\n --c-ink: #f3f4f6;\n --c-primary: #ff5722;\n --c-accent: #e64a19;\n --c-secondary: #1f2937;\n --c-success: #ff5722;\n --theme-primary: #ff5722;\n --theme-bg: #121316;\n --theme-ink: #f3f4f6;\n --theme-accent: #e64a19;\n --theme-secondary: #1f2937;\n --theme-success: #ff5722;\n --bg: #121316;\n --bg-elevated: #1a1c22;\n --surface: #1a1c22;\n --surface-alt: #1a1c22;\n --ink: #f3f4f6;\n --ink-muted: #9ca3af;\n --border: #cfd0d4;\n --page-bg: #121316;\n --surface-ink: #F9FAFB;\n --surface-ink-muted: #D1D5DB;\n --c-ink-muted: #9ca3af;\n --theme-ink-muted: #9ca3af;\n --bg-dark: #121316;\n --ds-bg-dark: #121316;\n --ds-bg-card: #1a1c22;\n --ds-text-primary: #f3f4f6;\n --ds-text-muted: #9ca3af;\n}\n\n@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap');\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\nhtml, \n\n/* Header & Utility Rail */\n[data-layout-root] .ds-site-header {\n background-color: #0d0e10;\n border-bottom: 1px solid var(--border-color);\n position: sticky;\n top: 0;\n z-index: 100;\n}\n[data-layout-root] .utility-rail {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px 24px;\n background-color: #181a1f;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n font-size: 11px;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n[data-layout-root] .utility-mode-group {\n display: flex;\n gap: 16px;\n align-items: center;\n}\n[data-layout-root] .mode-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 3px 10px;\n border-radius: var(--radius);\n background-color: var(--bg-card);\n border: 1px solid var(--border-color);\n color: var(--text-muted);\n font-weight: 600;\n}\n[data-layout-root] .mode-pill.active {\n background-color: var(--brand-primary);\n color: #fff;\n border-color: var(--brand-primary);\n}\n[data-layout-root] .mode-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: #fff;\n}\n\n[data-layout-root] .main-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 24px;\n max-width: 1320px;\n margin: 0 auto;\n}\n[data-layout-root] .brand-logo {\n font-family: var(--font-heading);\n font-size: 24px;\n font-weight: 800;\n letter-spacing: -0.02em;\n color: #fff;\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n[data-layout-root] .brand-logo span {\n color: var(--brand-primary);\n}\n[data-layout-root] .nav-menu {\n display: flex;\n gap: 24px;\n list-style: none;\n}\n[data-layout-root] .nav-menu a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n letter-spacing: 0.02em;\n transition: color 0.2s ease;\n}\n[data-layout-root] .nav-menu a:hover {\n color: var(--text-primary);\n}\n[data-layout-root] .header-actions {\n display: flex;\n align-items: center;\n gap: 16px;\n}\n[data-layout-root] .header-btn {\n background: transparent;\n border: none;\n color: var(--text-muted);\n cursor: pointer;\n font-size: 12px;\n font-family: var(--font-body);\n display: flex;\n align-items: center;\n gap: 6px;\n}\n[data-layout-root] .cart-badge {\n background-color: var(--brand-primary);\n color: #fff;\n padding: 2px 6px;\n border-radius: 10px;\n font-size: 10px;\n font-weight: 700;\n}\n\n/* Hero Section */\n[data-layout-root] .hero-section {\n position: relative;\n min-height: 88vh;\n display: flex;\n align-items: center;\n padding: 60px 24px;\n overflow: hidden;\n background-color: #121316;\n background-image: radial-gradient(circle at 70% 30%, #1f242d 0%, #121316 70%);\n}\n[data-layout-root] .hero-container {\n max-width: 1320px;\n margin: 0 auto;\n width: 100%;\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 40px;\n align-items: center;\n}\n[data-layout-root] .ds-hero-content {\n z-index: 2;\n animation: heroContentReveal 380ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n[data-layout-root] .product-tag {\n display: inline-block;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.15em;\n text-transform: uppercase;\n color: var(--brand-primary);\n margin-bottom: 16px;\n background-color: rgba(255, 87, 34, 0.1);\n padding: 4px 12px;\n border-radius: var(--radius);\n border: 1px solid rgba(255, 87, 34, 0.3);\n}\n[data-layout-root] .ds-hero-title {\n font-family: var(--font-heading);\n font-size: clamp(36px, 5vw, 62px);\n line-height: 1.05;\n font-weight: 800;\n letter-spacing: -0.03em;\n margin-bottom: 20px;\n color: #ffffff;\n}\n[data-layout-root] .hero-desc {\n color: var(--text-muted);\n font-size: 16px;\n max-width: 480px;\n margin-bottom: 32px;\n line-height: 1.6;\n}\n[data-layout-root] .hero-actions {\n display: flex;\n gap: 16px;\n align-items: center;\n}\n[data-layout-root] .btn-primary {\n background-color: var(--brand-primary);\n color: #ffffff;\n padding: 14px 28px;\n border-radius: var(--radius);\n text-decoration: none;\n font-weight: 600;\n font-size: 14px;\n letter-spacing: 0.02em;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n transition: transform 200ms ease, background-color 200ms ease;\n border: none;\n}\n[data-layout-root] .btn-primary:hover {\n background-color: var(--brand-accent);\n transform: translateY(-2px);\n}\n[data-layout-root] .btn-secondary {\n background-color: rgba(255, 255, 255, 0.05);\n color: var(--text-primary);\n border: 1px solid var(--border-color);\n padding: 14px 24px;\n border-radius: var(--radius);\n text-decoration: none;\n font-weight: 600;\n font-size: 14px;\n transition: background-color 200ms ease;\n}\n[data-layout-root] .btn-secondary:hover {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n/* Split Geometry Hook Signature */\n[data-layout-root] .signature-stage {\n position: relative;\n width: 100%;\n height: 520px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n[data-layout-root] .split-geometry-wrap {\n position: relative;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n overflow: hidden;\n background-color: #181a20;\n border: 1px solid rgba(255, 255, 255, 0.08);\n}\n[data-layout-root] .product-image-layer {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n[data-layout-root] .diagonal-ribbon {\n position: absolute;\n top: -20%;\n right: -10%;\n width: 65%;\n height: 140%;\n background: linear-gradient(135deg, rgba(255, 87, 34, 0.95) 0%, rgba(230, 74, 25, 0.95) 100%);\n transform: rotate(-18deg) translate3d(0, 0, 0);\n box-shadow: -12px 0 30px rgba(0,0,0,0.5);\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 40px;\n border-left: 3px solid #ffffff;\n animation: ribbonSnapMotion 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n transition: transform 220ms ease;\n}\n[data-layout-root] .ribbon-hardware-card {\n transform: rotate(18deg);\n background-color: #111317;\n border: 1px solid rgba(255,255,255,0.2);\n padding: 20px;\n border-radius: var(--radius);\n box-shadow: 0 20px 40px rgba(0,0,0,0.6);\n color: var(--text-primary);\n max-width: 260px;\n}\n[data-layout-root] .hardware-tag {\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--brand-primary);\n margin-bottom: 6px;\n display: block;\n}\n[data-layout-root] .hardware-title {\n font-family: var(--font-heading);\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 8px;\n}\n[data-layout-root] .hardware-desc {\n font-size: 12px;\n color: var(--text-muted);\n line-height: 1.4;\n}\n\n/* Purposeful Motion Sequence */\n@keyframes heroContentReveal {\n 0% {\n opacity: 0;\n transform: translate3d(-24px, 0, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes ribbonSnapMotion {\n 0% {\n opacity: 0;\n transform: rotate(-18deg) translate3d(40px, -40px, 0);\n }\n 100% {\n opacity: 1;\n transform: rotate(-18deg) translate3d(0, 0, 0);\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n[data-layout-root] .signature-stage:hover .diagonal-ribbon {\n transform: rotate(-16deg) translate3d(-8px, -4px, 0);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n[data-layout-root] .ds-hero-content {\n animation: none !important;\n opacity: 1 !important;\n transform: none !important;\n }\n[data-layout-root] .diagonal-ribbon {\n animation: none !important;\n opacity: 1 !important;\n transform: rotate(-18deg) !important;\n }\n}\n\n/* Support Section 1: Versatility */\n[data-layout-root] .versatility-section {\n padding: 100px 24px;\n background-color: #16181d;\n border-top: 1px solid var(--border-color);\n border-bottom: 1px solid var(--border-color);\n}\n[data-layout-root] .ds-section-header {\n max-width: 1320px;\n margin: 0 auto 50px auto;\n}\n[data-layout-root] .section-kicker {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: var(--brand-primary);\n margin-bottom: 8px;\n display: block;\n}\n[data-layout-root] .ds-section-title {\n font-family: var(--font-heading);\n font-size: 32px;\n font-weight: 700;\n color: #fff;\n letter-spacing: -0.02em;\n}\n\n[data-layout-root] .mode-grid {\n max-width: 1320px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n}\n[data-layout-root] .mode-card {\n background-color: var(--bg-card);\n border: 1px solid var(--border-color);\n border-radius: 6px;\n padding: 32px;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 380px;\n}\n[data-layout-root] .mode-card-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 24px;\n}\n[data-layout-root] .mode-badge {\n background-color: var(--bg-card-alt);\n color: #fff;\n padding: 6px 14px;\n border-radius: var(--radius);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.05em;\n border: 1px solid rgba(255,255,255,0.1);\n}\n[data-layout-root] .mode-card-title {\n font-family: var(--font-heading);\n font-size: 24px;\n font-weight: 700;\n margin-bottom: 12px;\n color: #fff;\n}\n[data-layout-root] .mode-card-desc {\n color: var(--text-muted);\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 24px;\n}\n[data-layout-root] .mode-specs {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n}\n[data-layout-root] .spec-chip {\n background-color: rgba(255,255,255,0.04);\n border: 1px solid var(--border-color);\n padding: 8px 14px;\n border-radius: var(--radius);\n font-size: 12px;\n color: var(--text-primary);\n font-weight: 500;\n}\n\n/* Support Section 2: Hardware & Materials Macro Grid */\n[data-layout-root] .hardware-section {\n padding: 100px 24px;\n background-color: var(--bg-page);\n}\n[data-layout-root] .tech-grid {\n max-width: 1320px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n[data-layout-root] .tech-card {\n background-color: #181a1f;\n border: 1px solid var(--border-color);\n border-radius: 6px;\n padding: 28px;\n display: flex;\n flex-direction: column;\n}\n[data-layout-root] .tech-icon {\n width: 44px;\n height: 44px;\n background-color: rgba(255, 87, 34, 0.15);\n color: var(--brand-primary);\n border-radius: var(--radius);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n}\n[data-layout-root] .tech-card h3 {\n font-family: var(--font-heading);\n font-size: 18px;\n font-weight: 700;\n color: #fff;\n margin-bottom: 10px;\n}\n[data-layout-root] .tech-card p {\n color: var(--text-muted);\n font-size: 13px;\n line-height: 1.6;\n}\n\n/* Responsive Styles */\n@media (max-width: 992px) {\n[data-layout-root] .hero-container {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n[data-layout-root] .signature-stage {\n height: 420px;\n }\n[data-layout-root] .mode-grid {\n grid-template-columns: 1fr;\n }\n[data-layout-root] .tech-grid {\n grid-template-columns: 1fr;\n }\n[data-layout-root] .nav-menu {\n display: none;\n }\n}\n\n@media (max-width: 576px) {\n[data-layout-root] .utility-rail {\n flex-direction: column;\n gap: 8px;\n align-items: flex-start;\n }\n[data-layout-root] .signature-stage {\n height: 340px;\n }\n[data-layout-root] .diagonal-ribbon {\n width: 85%;\n padding: 20px;\n }\n[data-layout-root] .ribbon-hardware-card {\n max-width: 200px;\n padding: 14px;\n }\n}\n\n@media (max-width: 760px) {\n[data-layout-root] header {\n max-width: 100% !important;\n min-width: 0 !important;\n display: flex !important;\n align-items: center !important;\n gap: 12px !important;\n overflow: visible !important;\n }\n[data-layout-root] header [data-slot=\"nav\"],\n[data-layout-root] header [data-slot=\"search\"],\n[data-layout-root] header [data-slot=\"login\"],\n[data-layout-root] header [data-slot=\"currency\"] {\n display: none !important;\n }\n[data-layout-root] header [data-slot=\"logo\"] {\n display: flex !important;\n visibility: visible !important;\n opacity: 1 !important;\n position: static !important;\n margin-right: auto !important;\n min-width: 0 !important;\n }\n[data-layout-root] header [data-slot=\"cart\"],\n[data-layout-root] header [data-slot=\"mobile-menu\"] {\n display: flex !important;\n visibility: visible !important;\n opacity: 1 !important;\n position: static !important;\n transform: none !important;\n white-space: nowrap !important;\n }\n header *:has(>[data-slot=\"cart\"]),\n[data-layout-root] header *:has(>[data-slot=\"mobile-menu\"]) {\n display: flex !important;\n visibility: visible !important;\n align-items: center !important;\n gap: 10px !important;\n }\n}\n\n@media (max-width:760px){\n[data-layout-root] header{max-width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important}\n[data-layout-root] header [data-slot=\"nav\"],header [data-slot=\"search\"],header [data-slot=\"login\"],header [data-slot=\"currency\"]{display:none!important}\n[data-layout-root] header [data-slot=\"logo\"]{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;margin-right:auto!important;min-width:0!important}\n[data-layout-root] header [data-slot=\"cart\"],header [data-slot=\"mobile-menu\"]{display:flex!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;white-space:nowrap!important}\n[data-layout-root] header *:has(>[data-slot=\"cart\"]),header *:has(>[data-slot=\"mobile-menu\"]){display:flex!important;visibility:visible!important;align-items:center!important;gap:10px!important}\n}\n\n[data-layout-root] .ds-trust-section {\n background-color: #16181d;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n padding: 40px 24px;\n}\n\n[data-layout-root] .ds-trust-container {\n max-width: 1320px;\n margin: 0 auto;\n}\n\n[data-layout-root] .ds-trust-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n}\n\n[data-layout-root] .ds-trust-card {\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 4px;\n padding: 24px 20px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n position: relative;\n transition: border-color 0.2s ease, transform 0.2s ease;\n}\n\n[data-layout-root] .ds-trust-card:hover {\n border-color: rgba(255, 87, 34, 0.4);\n transform: translateY(-2px);\n}\n\n[data-layout-root] .ds-trust-header {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n[data-layout-root] .ds-trust-icon {\n width: 36px;\n height: 36px;\n border-radius: 4px;\n background-color: rgba(255, 87, 34, 0.1);\n border: 1px solid rgba(255, 87, 34, 0.25);\n color: #ff5722;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n[data-layout-root] .ds-trust-badge {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #ff5722;\n}\n\n[data-layout-root] .ds-trust-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 16px;\n font-weight: 700;\n color: #f3f4f6;\n line-height: 1.25;\n}\n\n[data-layout-root] .ds-trust-desc {\n font-size: 13px;\n color: #9ca3af;\n line-height: 1.5;\n}\n\n[data-layout-root] .ds-features-section {\n background-color: #121316;\n padding: 100px 24px;\n position: relative;\n overflow: hidden;\n}\n\n[data-layout-root] .ds-features-container {\n max-width: 1320px;\n margin: 0 auto;\n}\n\n[data-layout-root] .ds-section-head {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 60px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n padding-bottom: 24px;\n}\n\n[data-layout-root] .ds-head-meta {\n max-width: 600px;\n}\n\n[data-layout-root] .ds-kicker {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: #ff5722;\n margin-bottom: 10px;\n display: block;\n}\n\n[data-layout-root] .ds-main-heading {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(28px, 4vw, 42px);\n font-weight: 800;\n color: #ffffff;\n letter-spacing: -0.02em;\n line-height: 1.1;\n}\n\n[data-layout-root] .ds-head-sub {\n font-size: 15px;\n color: #9ca3af;\n max-width: 420px;\n line-height: 1.5;\n}\n\n[data-layout-root] .ds-feature-grid {\n display: grid;\n grid-template-columns: 1.1fr 0.9fr;\n gap: 32px;\n align-items: center;\n margin-bottom: 60px;\n}\n\n[data-layout-root] .ds-feature-gallery {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n}\n\n[data-layout-root] .ds-gallery-item {\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.08);\n aspect-ratio: 4/5;\n}\n\n[data-layout-root] .ds-gallery-item.ds-item-wide {\n grid-column: span 2;\n aspect-ratio: 16/9;\n}\n\n[data-layout-root] .ds-gallery-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n filter: brightness(0.9) contrast(1.05);\n transition: transform 0.4s ease;\n}\n\n[data-layout-root] .ds-gallery-item:hover .ds-gallery-img {\n transform: scale(1.03);\n}\n\n[data-layout-root] .ds-gallery-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 16px;\n background: linear-gradient(to top, rgba(18, 19, 22, 0.95) 0%, rgba(18, 19, 22, 0) 100%);\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n}\n\n[data-layout-root] .ds-overlay-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: #ffffff;\n}\n\n[data-layout-root] .ds-overlay-spec {\n font-size: 11px;\n color: #ff5722;\n font-weight: 600;\n}\n\n[data-layout-root] .ds-spec-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n}\n\n[data-layout-root] .ds-spec-card {\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-left: 3px solid #ff5722;\n padding: 24px;\n border-radius: 4px;\n}\n\n[data-layout-root] .ds-spec-number {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 12px;\n font-weight: 800;\n color: #ff5722;\n letter-spacing: 0.1em;\n margin-bottom: 8px;\n display: block;\n}\n\n[data-layout-root] .ds-spec-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 20px;\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 8px;\n}\n\n[data-layout-root] .ds-spec-text {\n font-size: 14px;\n color: #9ca3af;\n line-height: 1.6;\n}\n\n[data-layout-root] .ds-cta-banner {\n background: linear-gradient(135deg, #1f2937 0%, #1a1c22 100%);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 4px;\n padding: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n overflow: hidden;\n}\n\n[data-layout-root] .ds-cta-banner::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 300px;\n height: 100%;\n background: radial-gradient(circle at 100% 50%, rgba(255, 87, 34, 0.15) 0%, transparent 70%);\n pointer-events: none;\n}\n\n[data-layout-root] .ds-cta-info {\n max-width: 600px;\n z-index: 1;\n}\n\n[data-layout-root] .ds-cta-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 26px;\n font-weight: 800;\n color: #ffffff;\n margin-bottom: 8px;\n}\n\n[data-layout-root] .ds-cta-price {\n font-size: 18px;\n color: #ff5722;\n font-weight: 700;\n margin-bottom: 4px;\n}\n\n[data-layout-root] .ds-cta-desc {\n font-size: 14px;\n color: #9ca3af;\n}\n\n[data-layout-root] .ds-cta-action {\n z-index: 1;\n display: flex;\n gap: 16px;\n align-items: center;\n}\n\n[data-layout-root] .ds-btn-buy {\n background-color: #ff5722;\n color: #ffffff;\n padding: 16px 32px;\n border-radius: 4px;\n text-decoration: none;\n font-weight: 700;\n font-size: 14px;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n transition: background-color 0.2s ease, transform 0.2s ease;\n border: none;\n}\n\n[data-layout-root] .ds-btn-buy:hover {\n background-color: #e64a19;\n transform: translateY(-2px);\n}\n\n@media (max-width: 1024px) {\n[data-layout-root] .ds-trust-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n[data-layout-root] .ds-feature-grid {\n grid-template-columns: 1fr;\n }\n[data-layout-root] .ds-section-head {\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n }\n[data-layout-root] .ds-cta-banner {\n flex-direction: column;\n align-items: flex-start;\n gap: 24px;\n }\n}\n\n@media (max-width: 640px) {\n[data-layout-root] .ds-trust-grid {\n grid-template-columns: 1fr;\n }\n[data-layout-root] .ds-feature-gallery {\n grid-template-columns: 1fr;\n }\n[data-layout-root] .ds-gallery-item.ds-item-wide {\n grid-column: span 1;\n }\n}\n\n@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap');\n\n/* PDP Layout Container & Custom Styles */\n[data-layout-root] .ds-pdp-wrapper {\n background-color: #121316;\n color: #f3f4f6;\n font-family: 'Archivo', sans-serif;\n line-height: 1.5;\n width: 100%;\n min-height: 100vh;\n padding-bottom: 80px;\n}\n\n/* PDP Utility Rail / Breadcrumb */\n[data-layout-root] .ds-pdp-top-rail {\n background-color: #16181d;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n padding: 12px 24px;\n}\n[data-layout-root] .ds-pdp-rail-content {\n max-width: 1320px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px;\n}\n[data-layout-root] .ds-breadcrumbs {\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n color: #9ca3af;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n}\n[data-layout-root] .ds-breadcrumbs a {\n color: #9ca3af;\n text-decoration: none;\n transition: color 0.2s;\n}\n[data-layout-root] .ds-breadcrumbs a:hover {\n color: #ff5722;\n}\n[data-layout-root] .ds-breadcrumbs span.ds-sep {\n color: rgba(255, 255, 255, 0.2);\n}\n[data-layout-root] .ds-breadcrumbs span.ds-current {\n color: #f3f4f6;\n font-weight: 600;\n}\n\n[data-layout-root] .ds-mode-switcher {\n display: flex;\n align-items: center;\n gap: 8px;\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 4px 8px;\n border-radius: 4px;\n}\n[data-layout-root] .ds-mode-btn {\n background: transparent;\n border: none;\n color: #9ca3af;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n padding: 4px 10px;\n border-radius: 3px;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 6px;\n transition: all 0.2s ease;\n}\n[data-layout-root] .ds-mode-btn.ds-active {\n background-color: #ff5722;\n color: #ffffff;\n}\n[data-layout-root] .ds-mode-indicator {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: currentColor;\n}\n\n/* Main PDP Section Grid */\n[data-layout-root] .ds-pdp-main-section {\n max-width: 1320px;\n margin: 0 auto;\n padding: 40px 24px 80px 24px;\n}\n[data-layout-root] .ds-pdp-grid {\n display: grid;\n grid-template-columns: 1.15fr 0.85fr;\n gap: 48px;\n align-items: start;\n}\n\n@media (max-width: 992px) {\n[data-layout-root] .ds-pdp-grid {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n}\n\n/* Slot Gallery Container */\n[data-layout-root] .ds-pdp-gallery-wrap {\n position: sticky;\n top: 90px;\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n padding: 16px;\n}\n[data-layout-root] .slot-gallery {\n width: 100%;\n min-height: 480px;\n border-radius: 4px;\n overflow: hidden;\n}\n[data-layout-root] .slot-gallery img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 4px;\n}\n\n/* Dual-Carry HUD Overlay Badge */\n[data-layout-root] .ds-gallery-hud {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 16px;\n padding: 12px 16px;\n background-color: #121316;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n font-size: 12px;\n}\n[data-layout-root] .ds-hud-spec {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #9ca3af;\n}\n[data-layout-root] .ds-hud-icon {\n color: #ff5722;\n font-weight: 700;\n}\n\n/* Product Info Column */\n[data-layout-root] .ds-pdp-info-col {\n display: flex;\n flex-direction: column;\n}\n\n[data-layout-root] .ds-pdp-kicker-bar {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 12px;\n}\n[data-layout-root] .ds-kicker-badge {\n background-color: rgba(255, 87, 34, 0.12);\n color: #ff5722;\n border: 1px solid rgba(255, 87, 34, 0.3);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n padding: 4px 10px;\n border-radius: 4px;\n}\n[data-layout-root] .ds-kicker-stock {\n font-size: 12px;\n color: #9ca3af;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n[data-layout-root] .ds-stock-dot {\n width: 7px;\n height: 7px;\n background-color: #22c55e;\n border-radius: 50%;\n}\n\n/* Runtime Slots Styling */\n[data-layout-root] .slot-title,\n[data-layout-root] .slot-product-name,\n[data-layout-root] .slot-title h1 {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(28px, 3.5vw, 42px);\n font-weight: 800;\n letter-spacing: -0.02em;\n color: #ffffff;\n line-height: 1.1;\n margin-bottom: 12px;\n}\n\n[data-layout-root] .slot-price,\n[data-layout-root] .slot-price-amount {\n font-family: 'Archivo', sans-serif;\n font-size: 26px;\n font-weight: 700;\n color: #ff5722;\n margin-bottom: 20px;\n display: flex;\n align-items: baseline;\n gap: 12px;\n}\n\n[data-layout-root] .slot-description,\n[data-layout-root] .slot-description-text {\n font-size: 15px;\n color: #9ca3af;\n line-height: 1.65;\n margin-bottom: 28px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n padding-bottom: 24px;\n}\n\n[data-layout-root] .slot-variants {\n margin-bottom: 24px;\n}\n[data-layout-root] .slot-variants .slot-variant-label {\n display: block;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #ffffff;\n margin-bottom: 10px;\n}\n[data-layout-root] .slot-variants .slot-variant-options {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n[data-layout-root] .slot-variants .slot-variant-btn {\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.15);\n color: #f3f4f6;\n padding: 10px 16px;\n font-size: 13px;\n font-weight: 600;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s ease;\n}\n[data-layout-root] .slot-variants .slot-variant-btn:hover,\n[data-layout-root] .slot-variants .slot-variant-btn.active {\n border-color: #ff5722;\n background-color: rgba(255, 87, 34, 0.1);\n color: #ff5722;\n}\n\n[data-layout-root] .slot-quantity {\n margin-bottom: 28px;\n}\n[data-layout-root] .slot-quantity .slot-quantity-label {\n display: block;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #ffffff;\n margin-bottom: 10px;\n}\n[data-layout-root] .slot-quantity .slot-quantity-controls {\n display: inline-flex;\n align-items: center;\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.15);\n border-radius: 4px;\n}\n[data-layout-root] .slot-quantity button {\n background: transparent;\n border: none;\n color: #f3f4f6;\n padding: 10px 16px;\n cursor: pointer;\n font-size: 16px;\n font-weight: 600;\n}\n[data-layout-root] .slot-quantity button:hover {\n color: #ff5722;\n}\n[data-layout-root] .slot-quantity input {\n width: 48px;\n background: transparent;\n border: none;\n color: #ffffff;\n text-align: center;\n font-weight: 600;\n font-size: 14px;\n}\n\n/* Primary Conversion CTA Buttons */\n[data-layout-root] .slot-add-to-cart {\n margin-bottom: 12px;\n display: block;\n width: 100%;\n}\n[data-layout-root] .slot-add-to-cart .slot-add-to-cart-control,\n[data-layout-root] .slot-add-to-cart button {\n width: 100%;\n background-color: #ff5722 !important;\n color: #ffffff !important;\n font-family: 'Archivo', sans-serif;\n font-size: 14px !important;\n font-weight: 700 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.08em !important;\n padding: 18px 28px !important;\n border-radius: 4px !important;\n border: none !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 10px !important;\n box-shadow: 0 4px 20px rgba(255, 87, 34, 0.3) !important;\n transition: transform 0.2s ease, background-color 0.2s ease !important;\n}\n[data-layout-root] .slot-add-to-cart button:hover {\n background-color: #e64a19 !important;\n transform: translateY(-2px);\n}\n\n[data-layout-root] .slot-buy-now {\n margin-bottom: 28px;\n display: block;\n width: 100%;\n}\n[data-layout-root] .slot-buy-now .slot-buy-now-control,\n[data-layout-root] .slot-buy-now button {\n width: 100%;\n background-color: transparent !important;\n color: #f3f4f6 !important;\n font-family: 'Archivo', sans-serif;\n font-size: 13px !important;\n font-weight: 600 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.08em !important;\n padding: 14px 28px !important;\n border-radius: 4px !important;\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: background-color 0.2s ease, border-color 0.2s ease !important;\n}\n[data-layout-root] .slot-buy-now button:hover {\n background-color: rgba(255, 255, 255, 0.06) !important;\n border-color: rgba(255, 255, 255, 0.4) !important;\n}\n\n/* Quick Micro Trust Highlights */\n[data-layout-root] .ds-pdp-trust-highlights {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n padding-top: 20px;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n}\n[data-layout-root] .ds-pdp-trust-item {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n}\n[data-layout-root] .ds-pdp-trust-icon {\n font-size: 16px;\n color: #ff5722;\n}\n[data-layout-root] .ds-pdp-trust-title {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: #ffffff;\n}\n[data-layout-root] .ds-pdp-trust-sub {\n font-size: 11px;\n color: #9ca3af;\n}\n\n/* Material & Dual Carry Showcase Section */\n[data-layout-root] .ds-pdp-hardware-section {\n background-color: #1a1c22;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n padding: 80px 24px;\n}\n[data-layout-root] .ds-pdp-container {\n max-width: 1320px;\n margin: 0 auto;\n}\n[data-layout-root] .ds-section-header {\n margin-bottom: 48px;\n text-align: left;\n}\n[data-layout-root] .ds-section-sub {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n color: #ff5722;\n margin-bottom: 8px;\n display: block;\n}\n[data-layout-root] .ds-section-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: clamp(26px, 3.5vw, 38px);\n font-weight: 800;\n color: #ffffff;\n letter-spacing: -0.02em;\n}\n\n[data-layout-root] .ds-hardware-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n}\n@media (max-width: 868px) {\n[data-layout-root] .ds-hardware-grid {\n grid-template-columns: 1fr;\n }\n}\n[data-layout-root] .ds-hardware-card {\n background-color: #121316;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 4px;\n padding: 28px;\n position: relative;\n overflow: hidden;\n transition: transform 0.2s ease, border-color 0.2s ease;\n}\n[data-layout-root] .ds-hardware-card:hover {\n transform: translateY(-4px);\n border-color: rgba(255, 87, 34, 0.4);\n}\n[data-layout-root] .ds-hardware-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 3px;\n height: 100%;\n background-color: #ff5722;\n opacity: 0;\n transition: opacity 0.2s ease;\n}\n[data-layout-root] .ds-hardware-card:hover::before {\n opacity: 1;\n}\n[data-layout-root] .ds-hw-number {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 12px;\n font-weight: 800;\n color: #ff5722;\n margin-bottom: 16px;\n letter-spacing: 0.1em;\n}\n[data-layout-root] .ds-hw-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 18px;\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 10px;\n}\n[data-layout-root] .ds-hw-desc {\n font-size: 13px;\n color: #9ca3af;\n line-height: 1.6;\n}\n\n/* Longevity Guarantee / Warranty Section */\n[data-layout-root] .ds-pdp-warranty-section {\n padding: 80px 24px;\n background-color: #121316;\n position: relative;\n}\n[data-layout-root] .ds-warranty-box {\n background: linear-gradient(135deg, #1f242d 0%, #16181d 100%);\n border: 1px solid rgba(255, 87, 34, 0.3);\n border-radius: 4px;\n padding: 48px 40px;\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: 40px;\n align-items: center;\n}\n@media (max-width: 868px) {\n[data-layout-root] .ds-warranty-box {\n grid-template-columns: 1fr;\n padding: 32px 24px;\n }\n}\n[data-layout-root] .ds-warranty-badge {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background-color: rgba(255, 87, 34, 0.15);\n border: 1px solid #ff5722;\n padding: 8px 16px;\n border-radius: 4px;\n color: #ff5722;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 16px;\n}\n[data-layout-root] .ds-warranty-title {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 28px;\n font-weight: 800;\n color: #ffffff;\n line-height: 1.2;\n margin-bottom: 12px;\n}\n[data-layout-root] .ds-warranty-desc {\n color: #9ca3af;\n font-size: 14px;\n line-height: 1.6;\n}\n[data-layout-root] .ds-warranty-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n[data-layout-root] .ds-warranty-item {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n font-size: 13px;\n color: #f3f4f6;\n}\n[data-layout-root] .ds-warranty-check {\n color: #ff5722;\n font-weight: 700;\n font-size: 16px;\n line-height: 1;\n margin-top: 2px;\n}\n\n/* Shipping & Delivery Section */\n[data-layout-root] .ds-pdp-shipping-section {\n padding: 80px 24px 40px 24px;\n background-color: #1a1c22;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n}\n[data-layout-root] .ds-shipping-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n margin-top: 32px;\n}\n@media (max-width: 992px) {\n[data-layout-root] .ds-shipping-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n@media (max-width: 576px) {\n[data-layout-root] .ds-shipping-grid {\n grid-template-columns: 1fr;\n }\n}\n[data-layout-root] .ds-shipping-card {\n background-color: #121316;\n border: 1px solid rgba(255, 255, 255, 0.06);\n padding: 24px;\n border-radius: 4px;\n}\n[data-layout-root] .ds-shipping-icon {\n width: 36px;\n height: 36px;\n background-color: rgba(255, 87, 34, 0.1);\n border: 1px solid rgba(255, 87, 34, 0.2);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #ff5722;\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 16px;\n}\n[data-layout-root] .ds-shipping-name {\n font-family: 'Bricolage Grotesque', sans-serif;\n font-size: 16px;\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 6px;\n}\n[data-layout-root] .ds-shipping-detail {\n font-size: 12px;\n color: #9ca3af;\n line-height: 1.5;\n}\n\n[data-layout-root] .ds-footer {\n background-color: #0d0e10;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n color: var(--text-primary, #f3f4f6);\n font-family: var(--font-body, 'Archivo', sans-serif);\n font-size: 14px;\n line-height: 1.6;\n position: relative;\n width: 100%;\n }\n\n /* Utility Specs Rail at Top of Footer */\n[data-layout-root] .ds-footer-rail {\n background-color: #14161b;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n padding: 16px 24px;\n }\n\n[data-layout-root] .ds-footer-rail-inner {\n max-width: 1320px;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n }\n\n[data-layout-root] .ds-rail-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted, #9ca3af);\n }\n\n[data-layout-root] .ds-rail-icon-box {\n width: 24px;\n height: 24px;\n border-radius: var(--radius, 4px);\n background-color: rgba(255, 87, 34, 0.1);\n border: 1px solid rgba(255, 87, 34, 0.25);\n color: var(--brand-primary, #ff5722);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 800;\n }\n\n /* Main Footer Body */\n[data-layout-root] .ds-footer-body {\n max-width: 1320px;\n margin: 0 auto;\n padding: 64px 24px 48px 24px;\n }\n\n[data-layout-root] .ds-footer-grid {\n display: grid;\n grid-template-columns: 1.4fr 0.9fr 0.9fr 1.2fr;\n gap: 48px;\n }\n\n @media (max-width: 1024px) {\n[data-layout-root] .ds-footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 36px;\n }\n }\n\n @media (max-width: 640px) {\n[data-layout-root] .ds-footer-grid {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n }\n\n /* Column 1: Brand & Hardware Info */\n[data-layout-root] .ds-footer-brand-col {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n[data-layout-root] .ds-footer-logo-link {\n font-family: var(--font-heading, 'Bricolage Grotesque', sans-serif);\n font-size: 24px;\n font-weight: 800;\n letter-spacing: -0.02em;\n color: #ffffff;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n[data-layout-root] .ds-footer-logo-link span {\n color: var(--brand-primary, #ff5722);\n }\n\n[data-layout-root] .ds-footer-desc {\n color: var(--text-muted, #9ca3af);\n font-size: 13px;\n line-height: 1.6;\n max-width: 320px;\n }\n\n[data-layout-root] .ds-hardware-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 6px 12px;\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: var(--radius, 4px);\n width: fit-content;\n margin-top: 4px;\n }\n\n[data-layout-root] .ds-hardware-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--brand-primary, #ff5722);\n }\n\n[data-layout-root] .ds-hardware-text {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: #ffffff;\n }\n\n /* Navigation Columns */\n[data-layout-root] .ds-footer-heading {\n font-family: var(--font-heading, 'Bricolage Grotesque', sans-serif);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: #ffffff;\n margin-bottom: 20px;\n }\n\n[data-layout-root] .ds-footer-menu {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n[data-layout-root] .ds-footer-menu-link {\n color: var(--text-muted, #9ca3af);\n text-decoration: none;\n font-size: 13px;\n font-weight: 500;\n transition: color 0.2s ease, transform 0.2s ease;\n display: inline-block;\n }\n\n[data-layout-root] .ds-footer-menu-link:hover {\n color: var(--brand-primary, #ff5722);\n transform: translateX(2px);\n }\n\n /* Column 4: Industrial Newsletter Form */\n[data-layout-root] .ds-newsletter-card {\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: var(--radius, 4px);\n padding: 24px;\n }\n\n[data-layout-root] .ds-newsletter-title {\n font-family: var(--font-heading, 'Bricolage Grotesque', sans-serif);\n font-size: 15px;\n font-weight: 700;\n color: #ffffff;\n margin-bottom: 8px;\n }\n\n[data-layout-root] .ds-newsletter-sub {\n font-size: 12px;\n color: var(--text-muted, #9ca3af);\n margin-bottom: 16px;\n line-height: 1.5;\n }\n\n[data-layout-root] .ds-newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n[data-layout-root] .ds-newsletter-input {\n width: 100%;\n background-color: #121316;\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: var(--radius, 4px);\n padding: 11px 14px;\n color: #ffffff;\n font-family: var(--font-body, 'Archivo', sans-serif);\n font-size: 12px;\n outline: none;\n transition: border-color 0.2s ease;\n }\n\n[data-layout-root] .ds-newsletter-input:focus {\n border-color: var(--brand-primary, #ff5722);\n }\n\n[data-layout-root] .ds-newsletter-btn {\n background-color: var(--brand-primary, #ff5722);\n color: #ffffff;\n border: none;\n border-radius: var(--radius, 4px);\n padding: 11px 16px;\n font-family: var(--font-body, 'Archivo', sans-serif);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n cursor: pointer;\n transition: background-color 0.2s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n[data-layout-root] .ds-newsletter-btn:hover {\n background-color: var(--brand-accent, #e64a19);\n }\n\n /* Bottom Bar */\n[data-layout-root] .ds-footer-bottom {\n background-color: #08090b;\n border-top: 1px solid rgba(255, 255, 255, 0.05);\n padding: 24px;\n }\n\n[data-layout-root] .ds-footer-bottom-inner {\n max-width: 1320px;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: 20px;\n font-size: 12px;\n color: var(--text-muted, #9ca3af);\n }\n\n[data-layout-root] .ds-copyright-text {\n font-size: 12px;\n color: var(--text-muted, #9ca3af);\n }\n\n[data-layout-root] .ds-footer-socials {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n[data-layout-root] .ds-social-link {\n color: var(--text-muted, #9ca3af);\n text-decoration: none;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition: color 0.2s ease;\n }\n\n[data-layout-root] .ds-social-link:hover {\n color: var(--brand-primary, #ff5722);\n }\n\n[data-layout-root] .ds-payment-badges {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n[data-layout-root] .ds-payment-pill {\n padding: 3px 8px;\n background-color: #1a1c22;\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 2px;\n font-size: 9px;\n font-weight: 700;\n letter-spacing: 0.05em;\n color: #cfd0d4;\n text-transform: uppercase;\n }\n\n/* === Header safety rules (post-processed, not AI-generated) === */\n[data-layout-root] .global-header [data-slot=\"cart\"],\n[data-layout-root] .global-header [data-slot=\"search\"],\n[data-layout-root] .global-header [data-slot=\"login\"],\n[data-layout-root] .global-header [data-slot=\"currency\"],\n[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] .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] .global-header {\n max-height: 120px;\n}\n/* Line-height safety \u2014 prevent AI from setting tiny line-heights globally */\n[data-layout-root] {\n line-height: 1.5;\n}\n[data-layout-root] h1, [data-layout-root] h2, [data-layout-root] h3,\n[data-layout-root] h4, [data-layout-root] h5, [data-layout-root] h6 {\n line-height: 1.2;\n}\n[data-layout-root] p, [data-layout-root] li, [data-layout-root] span,\n[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] .slot-title,\n[data-layout-root] .slot-title h1,\n[data-layout-root] .slot-title .slot-product-name {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n}\n[data-layout-root] .slot-price,\n[data-layout-root] .slot-price .slot-price-amount {\n color: var(--surface-ink, var(--theme-ink, var(--ink, #111111)));\n}\n[data-layout-root] .slot-description,\n[data-layout-root] .slot-description p {\n color: var(--surface-ink-muted, var(--ink-muted, #c9bfb0));\n}\n[data-layout-root] .slot-variant-label {\n color: var(--surface-ink-muted, var(--ink-muted, #c9bfb0));\n}\n[data-layout-root] .slot-variant-btn {\n color: var(--surface-ink, 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] .feature-title,\n[data-layout-root] .feature-name,\n[data-layout-root] .editorial-title,\n[data-layout-root] .trust-value,\n[data-layout-root] .hero-price,\n[data-layout-root] .feature-content,\n[data-layout-root] .feature-content h1,\n[data-layout-root] .feature-content h2,\n[data-layout-root] .feature-content h3,\n[data-layout-root] .feature-content h4,\n[data-layout-root] [data-slot=\"logo\"],\n[data-layout-root] [data-slot=\"logo\"] *,\n[data-layout-root] [data-slot=\"nav\"],\n[data-layout-root] [data-slot=\"nav\"] a,\n[data-layout-root] .action-icon {\n color: var(--theme-ink, var(--ink, #111111));\n}\n[data-layout-root] .trust-label,\n[data-layout-root] .feature-tag,\n[data-layout-root] .feature-description,\n[data-layout-root] .detail-item p,\n[data-layout-root] .trust-item p,\n[data-layout-root] .feature-action {\n color: var(--ink-muted, #c9bfb0);\n}\n/* Icon / SVG contrast */\n[data-layout-root] svg {\n fill: currentColor;\n}\n\n/* === Storefront root surface (post-processed, not AI-generated) === */\n[data-layout-root] {\n min-height: 100vh;\n background-color: var(--bg-page, var(--page-bg, var(--ds-bg-dark, var(--bg-dark, var(--background, var(--color-background, var(--theme-bg, var(--c-bg, var(--bg, #ffffff)))))))));\n color: var(--ds-text-primary, var(--text-primary, var(--foreground, var(--color-text, var(--color-ink, var(--theme-ink, var(--c-ink, var(--ink, #111827))))))));\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/* launchify-runtime-slot-guards:v1 */\n/* Generated headers often use a child span as a decorative dot. At runtime,\n the storefront replaces that markup with the functional logo text span.\n Keep the concept-owned logo container, but prevent decorative child rules\n from collapsing or absolutely positioning the injected brand name. */\n[data-layout-root] [data-slot=\"logo\"].dynamic-header-logo > .dynamic-header-logo-text {\n display: inline !important;\n position: static !important;\n inset: auto !important;\n width: auto !important;\n height: auto !important;\n min-width: 0 !important;\n min-height: 0 !important;\n max-width: none !important;\n max-height: none !important;\n margin: 0 !important;\n padding: 0 !important;\n background: transparent !important;\n border: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n transform: none !important;\n font: inherit !important;\n letter-spacing: inherit !important;\n color: inherit !important;\n}\n\n/* Visual QA auto-fixes */\n.faq-card {\n background-color: var(--bg-card); /* Restores dark theme card background to eliminate light-grey background contrast failure with white text. */\n color: var(--text-primary); /* Ensures readable text contrast against dark card background. */\n}\n.tech-specs-card {\n background-color: var(--bg-card); /* Aligns technical specification container with primary dark theme background color. */\n}\n.footer-grid {\n gap: 1.5rem; /* Provides sufficient column spacing in footer to prevent header title collisions. */\n}\n@media (max-width: 640px) {\n .utility-bar {\n flex-wrap: nowrap; /* Prevents utility top bar filter items from stacking and wrapping vertically on mobile viewports. */\n overflow-x: auto; /* Enables horizontal scroll for mode switchers on narrow screens. */\n }\n}\n","globalHtml":"","fonts":["Archivo","Bricolage Grotesque"],"animations":[],"theme":{"mode":"dark","palette":{"primary":"#ff5722","secondary":"#1f2937","accent":"#e64a19","success":"#0f172a"},"surfaces":{"bg":"#121316","bgElevated":"#1a1c22","surface":"#1a1c22","surfaceAlt":"#1a1c22","ink":"#f3f4f6","inkMuted":"#9ca3af","border":"#cfd0d4","surfaceInk":"#F9FAFB","surfaceInkMuted":"#D1D5DB"},"typography":{"headingFont":"Bricolage Grotesque","bodyFont":"Archivo"},"tone":"modern","density":"normal","motion":2,"stylePack":"kinetic-minimalism","surface":"flat","radius":4},"header":{"html":"","css":""},"footer":{"html":"","css":""},"pages":{"home":{"sections":[{"id":"home-main","type":"home_main","html":"

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

Engineered for Seamless Transit and Uncompromised Motion

\n A contemporary essential for the modern professional. Blending minimalist European design with heavy-duty gunmetal clasps, water-resistant nylon, and high-performance utility.\n

\n \n Explore The Regent\n \n \n Featured Collection\n

\n\n

\n $\"\"$ \n

\n Hardware Spec\n

Split-Geometry Hook

Heavy-duty metal clasp designed for instantaneous transition between briefcase dual handles and crossbody strap.

\n\n\n\n

\n \n

\n Durability Spec\n

10-Year Guarantee

Built with industrial gunmetal hardware engineered to withstand 100,000+ stress cycles.

\n\n

\n \n

\n Weather Defense\n

Hydro-Shield Nylon

High-density water-resistant exterior weave shields delicate tech hardware in all climate conditions.

\n\n

\n \n

\n Kinetic Ergonomics\n

Dual Carry Mode

Instantaneous transformation between hand-held professional briefcase and crossbody messenger.

\n\n

\n \n

\n Commuter Assurance\n

Express Shipping

Dispatched in custom protective packaging with full transit insurance and live GPS tracking.

\n\n

\n\n\n

\n \n

\n Material & Ergonomic Detail\n

Architected for Transit Precision

Every detail of {{products.[0].name}} is calibrated for the professional commuter\u2014uniting clean lines with industrial load-bearing resilience.

\n\n

\n \n \n

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

\n Primary Profile\n Gunmetal Clasps\n

\n\n

\n $\"{{homeVisuals.[2].alt}}\"$ \n

\n Hand-Stitched Trim\n Reinforced Tensile\n

\n\n

\n $\"{{homeVisuals.[1].alt}}\"$ \n

\n Urban Transit Context\n Hands-Free Mode\n

\n\n \n

\n \n

\n SPEC 01 // HARDWARE\n

Split-Geometry Quick-Release Clasp

Custom brushed aluminum and dark gunmetal hardware allows smooth attachment of heavy webbed canvas shoulder straps in under two seconds.

\n\n

\n SPEC 02 // LAYOUT\n

Shock-Absorbent Tech Vault

Dedicated padded sleeve houses up to a 16-inch laptop with micro-fleece lining and high-visibility internal organizer pockets for essential daily carry gear.

\n\n

\n SPEC 03 // INTEGRATION\n

Luggage Pass-Through & Concealed Pocket

Seamlessly slides onto rolling suitcase handles for airport navigation, featuring an anti-theft magnetic back pocket for passports and transit cards.

\n\n

\n\n \n \n\n

","css":"","dataBindings":{"shop":{"source":"storefront","query":"shopInfo"},"homeVisuals":{"source":"static","value":[{"url":"https://images.unsplash.com/photo-1634478137488-8499c2d88447?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwxfHxzdHlsaXNoJTIwY29tbXV0ZXIlMjBjaXR5JTIwc3RyZWV0fGVufDF8MHx8fDE3ODQ2NjAxNjF8MA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Dorid stylish","theme":"stylish","query":"stylish commuter city street","source":"unsplash","photographer":"Nick Night","photographerUrl":"https://unsplash.com/@nicknight","role":"campaign","cropHint":"wide-or-art-directed","fitHint":"cover","mobileTreatment":"reframe around the primary subject"},{"url":"https://images.unsplash.com/photo-1416339158484-9637228cc908?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwyfHxtaW5pbWFsaXN0JTIwZGVzayUyMGxlYXRoZXIlMjBhY2Nlc3Nvcmllc3xlbnwxfDB8fHwxNzg0NjYwMTYxfDA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Dorid minimalist","theme":"minimalist","query":"minimalist desk leather accessories","source":"unsplash","photographer":"Jeff Sheldon","photographerUrl":"https://unsplash.com/@ugmonk","role":"lifestyle","cropHint":"subject-safe","fitHint":"cover","mobileTreatment":"preserve the principal subject and avoid text collisions"},{"url":"https://images.unsplash.com/photo-1564842505181-8862a3b9b173?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4OTM0MjR8MHwxfHNlYXJjaHwzfHxsZWF0aGVyJTIwY3JhZnRzbWFuc2hpcCUyMHN0aXRjaGluZyUyMGRldGFpbHxlbnwxfDB8fHwxNzg0NjYwMTYxfDA&ixlib=rb-4.1.0&q=80&w=1080","alt":"Dorid leather","theme":"leather","query":"leather craftsmanship stitching detail","source":"unsplash","photographer":"James Lee","photographerUrl":"https://unsplash.com/@picsbyjameslee","role":"detail","cropHint":"close-or-medium","fitHint":"contain-or-cover","mobileTreatment":"preserve the principal subject and avoid text collisions"}]},"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 \u2726 Brushed Gunmetal Clasp Snap\n

\n \u2699 Quick-Attach Webbed Strap\n

\n\n \n

\n Kinetic Series\n \n In Stock & Ready to Ship\n \n

\n\n \n

\n \u26a1\n Express Transit\n 1-3 Business Days\n

\n \ud83d\udee1\n Lifetime Guarantee\n Hardware & Canvas\n

\n \u21ba\n 30-Day Commute\n Risk-Free Field Test\n

\n\n

\n\n \n

\n Industrial Craftsmanship\n

Engineered for Rapid Transition

\n\n

SPEC 01 / HARDWARE

Brushed Gunmetal Clasps

Heavy-duty industrial alloy snaps attach instantaneously to reinforced anchor loops, engineered to withstand over 250 lbs of tensile pull.

\n\n

SPEC 02 / CARRY TRANSFORM

Tactile Dual-Carry System

Shift seamlessly from executive boardrooms to city cycling routes. Stowable grab handles fold flush when cross-body strap is engaged.

\n\n

SPEC 03 / INTERIOR LAYOUT

High-Visibility Orange Utility

Lined with signature high-visibility orange nylon ripstop so gear is instantly visible, featuring dedicated padded compartments for 16\" laptops and chargers.

\n\n \n

\n \ud83d\udee1 Dorid Longevity Bond\n

Built for Decades of Commute

Every Regent Bag is backed by our full Lifetime Hardware Repair & Replacement Guarantee. If a buckle or strap ever fails, we repair or replace it free of charge.

\n\n

\n \u2713\n Full Lifetime Repair Coverage: Structural stitching, clasps, and zippers are completely covered for the life of the bag.\n
\n \u2713\n Weatherproof Integrity Guarantee: Heavy webbed canvas and water-resistant coating keep digital equipment dry under torrential rain.\n
\n \u2713\n 30-Day Commuter Trial: Test it on your daily route. If it doesn't elevate your commute, return it in original condition for a full refund.\n

\n\n \n

\n Global Fulfillment\n

Shipping & Logistics

\n\n

\ud83d\ude9a

Standard Courier

Dispatched within 24 hours. Estimated delivery: 3\u20135 business days with full end-to-end tracking.

\n\n

\u26a1

Priority Air Express

Guaranteed 1\u20132 business day delivery. Option available at checkout with real-time SMS updates.

\n\n

\ud83d\udce6

Protective Packaging

Shipped in heavy-duty recyclable dust bags and reinforced corrugated transit armor.

\n\n

\ud83c\udf10

Worldwide Express

Duties & taxes calculated at checkout. Express international delivery via DHL / FedEx.

\n\n \n

\n\n

\n\n","css":""}]},"collection":{"sections":[]}},"generationIntent":{"referenceMode":"custom","designMode":"Showcase the versatile transformation b...","density":"medium","homeSectionCount":3,"openingSectionType":"product-showcase","openingSectionGoal":"Showcase the versatile transformation between hand-held professional briefcase and hands-free crossbody messenger.","headerPattern":"stark-utility-top-rail-featurin...","copyTone":"Direct, mechanical, robust.","imageStrategy":"Macro portrait of the metal clasp snapping into the reinforced side loop on the Regent Bag.","compositionStrategy":{"opening_relationship":"A dynamic industrial design gallery driven by macro-photography of heavy-duty hardware hooks, webbing straps, and dual carry ergonomics.","reading_path":"Showcase the versatile transformation between hand-held professional briefcase and hands-free crossbody messenger.","product_presentation":"Macro portrait of the metal clasp snapping into the reinforced side loop on the Regent Bag."},"motionDirection":{"mode":"restrained","purpose":"A mode switcher (Briefcase vs Crossbody) dynamically clips or attaches the shoulder strap onto the product image with tactile snap haptics.","techniques":["A mode switcher (Briefcase vs Crossbody) dynamically clips or attaches the shoulder strap onto the product image with t..."],"reduced_motion":"Preserve the final composition without animation"},"headerStrategy":{"structure":"Stark utility top rail featuring bold mode indicators (Hand Mode / Shoulder Mode) that filter product imagery based on carry style.","mobile_behavior":"Keep search, account, language, cart, and menu reachable"},"imageAssetPlan":{"primary_role":"Macro portrait of the metal clasp snapping into the reinforced side loop on the Regent Bag.","mobile_treatment":"Recompose without cropping away the product"},"productPageExtras":["shipping_delivery","trust highlights"],"homePageRules":["This is a single-product store \u2014 the entire homepage must orbit around selling this one product.","Do NOT show category launchers, collection grids, or multi-product browsing sections.","The hero MUST feature the product prominently \u2014 not a generic lifestyle banner.","Use sections for features, benefits, testimonials, brand story, and trust \u2014 but always tie back to the product."]},"generationPlan":{"header":{"pattern":"commerce-search","notes":["Create a strong retail header with utility/support affordances.","Keep it compact, aligned, and ready for search/cart/login injected slots.","The cart slot (data-slot='cart') MUST be visible on ALL screen sizes."]},"home":{"sectionCount":3,"sections":[{"id":"home-opening","name":"Product hero showcase","purpose":"Showcase the versatile transformation between hand-held professional briefcase and hands-free crossbody messenger.","layout":"product-showcase","bindings":["products","homeVisuals","hero"]},{"id":"home-trust","name":"Trust strip","purpose":"Highlight delivery, quality, warranty, or value props.","layout":"compact icon/value row","bindings":["shop"]},{"id":"home-features","name":"Product features / benefits","purpose":"Showcase 3-4 key features of the product with icons and concise descriptions.","layout":"feature grid or alternating image-text rows","bindings":["products","homeVisuals"]}]},"product":{"notes":["Honor the required product slot order.","Include shipping/delivery details below the main hero when requested."]},"collection":{"notes":["Lead with a concise collection banner and then a real product grid."]},"footer":{"notes":["Footer should feel useful and commercially complete, not decorative only."]}}}