:root {
                --prism-white: #ffffff;
                --prism-navy: #0f172a;
                --prism-navy-deep: #091426;
                --prism-blue: #1769FF;
                --prism-blue-strong: #0d3fbf;
                --prism-teal: #1769FF;
                --prism-accent-soft: rgba(23, 105, 255, 0.12);
                --prism-gray-50: #f8fafc;
                --prism-gray-100: #f1f5f9;
                --prism-gray-200: #e2e8f0;
                --prism-gray-500: #64748b;
                --prism-shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.08);
                --prism-shadow-strong: 0 24px 56px rgba(15, 23, 42, 0.14);

                /* Homepage design system */
                --hp-navy:     #0f172a;
                --hp-navy2:    #11233f;
                --hp-teal:     #1769FF;
                --hp-teal2:    #0d3fbf;
                --hp-white:    #ffffff;
                --hp-offwhite: #f8fafc;
                --hp-gray:     #64748b;
                --hp-line:     #e2e8f0;
                --hp-radius:   16px;
                --hp-radius-lg:24px;
                --hp-shadow:   0 4px 24px rgba(15,23,42,.08);
                --hp-shadow-md:0 8px 32px rgba(15,23,42,.12);
                --hp-shadow-lg:0 20px 48px rgba(15,23,42,.16);
            }

            * {
                box-sizing: border-box;
            }

            html,
            body {
                margin: 0;
                padding: 0;
            }

            body {
                font-family: 'Poppins', sans-serif;
                color: var(--prism-navy);
                background: var(--prism-white);
                line-height: 1.6;
            }

            a {
                color: inherit;
                text-decoration: none;
            }

            img {
                max-width: 100%;
                display: block;
            }

            .site-wrap {
                width: min(1240px, 100%);
                margin: 0 auto;
                padding: 0 1.2rem;
            }

            .prism-nav {
                position: sticky;
                top: 0;
                z-index: 100;
                background: rgba(255, 255, 255, 0.78);
                backdrop-filter: blur(12px);
                border-bottom: 1px solid rgba(226, 232, 240, 0.9);
                box-shadow: 0 10px 35px rgba(15, 23, 42, 0.06);
            }

            .prism-utility {
                min-height: 30px;
                background: #071b41;
                color: rgba(255, 255, 255, 0.86);
                font-size: 0.68rem;
                font-weight: 600;
            }

            .prism-utility .site-wrap {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 1rem;
                min-height: 30px;
            }

            .prism-header-search {
                display: flex;
                align-items: center;
                min-height: 42px;
                min-width: 0;
                width: min(100%, 600px);
                border: 1px solid #dce5f1;
                border-radius: 8px;
                background: #ffffff;
                overflow: hidden;
            }

            .prism-header-search input {
                min-width: 0;
                flex: 1;
                height: 42px;
                border: 0;
                outline: 0;
                padding: 0 0.9rem;
                color: #132344;
                font: inherit;
                font-size: 0.78rem;
            }

            .prism-header-search select {
                min-width: 0;
                height: 42px;
                border: 0;
                border-left: 1px solid #e6edf6;
                background: #ffffff;
                color: #5b6c85;
                padding: 0 0.65rem;
                font-size: 0.7rem;
            }

            .prism-header-search button {
                width: 44px;
                height: 42px;
                border: 0;
                background: #071b41;
                color: #ffffff;
                cursor: pointer;
            }

            .prism-nav > .site-wrap {
                display: grid;
                grid-template-columns: auto minmax(0, 1fr) auto;
                align-items: center;
                gap: 1.25rem;
                min-height: 122px;
                padding-top: 0.7rem;
                padding-bottom: 0.7rem;
            }

            .prism-utility .site-wrap {
                min-height: 30px;
                padding-top: 0;
                padding-bottom: 0;
            }

            .prism-brand {
                display: inline-flex;
                align-items: center;
                gap: 0.75rem;
                font-weight: 800;
                letter-spacing: -0.04em;
                font-size: clamp(1.7rem, 2vw, 2.3rem);
                color: #0d223f;
            }

            .prism-brand-name {
                background: linear-gradient(90deg, #000000 0 50%, #1769FF 50% 100%);
                background-clip: text;
                -webkit-background-clip: text;
                color: transparent;
                -webkit-text-fill-color: transparent;
            }

            .prism-brand-mark {
                width: 52px;
                height: 52px;
                border-radius: 14px;
                background: linear-gradient(135deg, #1769FF 0%, #0d3fbf 100%);
                color: #ffffff;
                display: grid;
                place-items: center;
                font-weight: 800;
                box-shadow: inset 0 0 0 1px rgba(13, 34, 63, 0.08);
            }

            .prism-links {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 0.25rem;
                grid-column: 1 / -1;
                grid-row: 2;
                border-top: 1px solid #eef2f7;
                padding-top: 0.45rem;
            }

            .prism-links a {
                padding: 0.5rem 0.95rem;
                border-radius: 999px;
                font-weight: 600;
                color: #20314f;
                transition: all 220ms ease;
            }

            .prism-links a:hover,
            .prism-links a.active {
                color: var(--prism-blue);
                background: var(--prism-accent-soft);
            }

            .prism-admin-link {
                color: #0f766e !important;
                background: rgba(20, 184, 166, 0.14);
                border: 1px solid rgba(20, 184, 166, 0.3);
                font-weight: 800 !important;
                letter-spacing: 0.01em;
            }

            .prism-actions {
                display: inline-flex;
                align-items: center;
                gap: 0.25rem;
                grid-column: 3;
                grid-row: 1;
            }

            .prism-icon-btn,
            .prism-menu-btn {
                position: relative;
                width: 40px;
                height: 40px;
                border-radius: 999px;
                border: 1px solid transparent;
                background: transparent;
                color: var(--prism-navy);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                transition: all 220ms ease;
                cursor: pointer;
            }

            .prism-icon-btn:hover,
            .prism-menu-btn:hover {
                background: var(--prism-gray-50);
                border-color: var(--prism-gray-200);
                transform: translateY(-1px);
            }

            .prism-menu-btn {
                display: none;
            }

            .prism-cart-count {
                position: absolute;
                top: -6px;
                right: -6px;
                min-width: 19px;
                height: 19px;
                padding: 0 4px;
                border-radius: 999px;
                background: #ef4444;
                color: #ffffff;
                font-size: 0.68rem;
                font-weight: 700;
                line-height: 19px;
                text-align: center;
                border: 2px solid #ffffff;
                box-shadow: 0 6px 12px rgba(239, 68, 68, 0.3);
            }

            .prism-mobile-panel {
                position: absolute;
                left: 1rem;
                right: 1rem;
                top: calc(100% + 0.5rem);
                background: var(--prism-white);
                border: 1px solid var(--prism-gray-200);
                border-radius: 16px;
                box-shadow: var(--prism-shadow-soft);
                padding: 0.5rem;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transform: translateY(-8px);
                transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
            }

            .prism-mobile-panel.open {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                transform: translateY(0);
            }

            .prism-mobile-overlay {
                position: fixed;
                inset: 0;
                background: rgba(15, 23, 42, 0.28);
                z-index: 90;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transition: opacity 220ms ease, visibility 220ms ease;
            }

            .prism-mobile-overlay.visible {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
            }

            .prism-mobile-links {
                display: grid;
                gap: 0.25rem;
            }

            .prism-mobile-links a {
                padding: 0.62rem 0.75rem;
                border-radius: 10px;
                font-weight: 600;
                color: #20314f;
                transition: all 220ms ease;
            }

            .prism-mobile-links a:hover,
            .prism-mobile-links a.active {
                background: rgba(66, 198, 199, 0.12);
                color: var(--prism-teal);
            }

            .page-main {
                min-height: 60vh;
            }

            .status-banner {
                display: none;
            }

            .basket-toast {
                position: fixed;
                top: 92px;
                right: 18px;
                z-index: 150;
                width: min(92vw, 360px);
                border-radius: 16px;
                border: 1px solid rgba(66, 198, 199, 0.22);
                background: rgba(255, 255, 255, 0.96);
                box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16);
                padding: 0.95rem 1rem;
                color: #20314f;
                opacity: 0;
                transform: translateY(-10px) scale(0.98);
                pointer-events: none;
                transition: opacity 220ms ease, transform 220ms ease;
                backdrop-filter: blur(12px);
            }

            .basket-toast.show {
                opacity: 1;
                transform: translateY(0) scale(1);
                pointer-events: auto;
            }

            .basket-toast-head {
                display: flex;
                align-items: start;
                justify-content: space-between;
                gap: 0.75rem;
            }

            .basket-toast-title {
                display: flex;
                align-items: center;
                gap: 0.55rem;
                font-weight: 800;
                color: var(--prism-navy);
                margin: 0;
            }

            .basket-toast-title i {
                color: var(--prism-teal);
            }

            .basket-toast-message {
                margin: 0.55rem 0 0;
                color: #334155;
                font-size: 0.95rem;
                line-height: 1.5;
            }

            .basket-toast-actions {
                margin-top: 0.8rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 0.6rem;
                flex-wrap: wrap;
            }

            .basket-toast-link {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 38px;
                padding: 0 0.95rem;
                border-radius: 999px;
                background: var(--prism-teal);
                color: #ffffff;
                font-weight: 700;
                font-size: 0.9rem;
            }

            .basket-toast-close {
                border: 0;
                background: transparent;
                color: #64748b;
                font-size: 1.1rem;
                cursor: pointer;
                line-height: 1;
            }

            .prism-hero {
                padding: 2.4rem 0 2rem;
            }

            .prism-hero-grid {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
                align-items: center;
                gap: 2rem;
            }

            .prism-kicker {
                color: var(--prism-teal);
                font-size: 0.92rem;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                margin: 0;
            }

            .prism-hero h1 {
                margin: 0.8rem 0 0;
                color: var(--prism-navy);
                font-size: clamp(2.3rem, 4.7vw, 4.4rem);
                line-height: 1.05;
                letter-spacing: -0.03em;
            }

            .prism-hero p {
                margin: 1rem 0 0;
                color: var(--prism-gray-500);
                max-width: 58ch;
                font-size: 1.03rem;
            }

            .prism-cta-row {
                margin-top: 1.5rem;
                display: flex;
                gap: 0.8rem;
                flex-wrap: wrap;
            }

            .prism-btn {
                min-height: 46px;
                padding: 0 1.45rem;
                border-radius: 12px;
                border: 1px solid transparent;
                font-size: 0.95rem;
                font-weight: 700;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                transition: all 220ms ease;
            }

            .prism-btn:hover {
                transform: translateY(-2px);
            }

            .prism-btn-primary {
                background: var(--prism-teal);
                border-color: var(--prism-teal);
                color: #ffffff;
                box-shadow: 0 16px 30px rgba(66, 198, 199, 0.24);
            }

            .prism-btn-secondary {
                background: #ffffff;
                border-color: var(--prism-teal);
                color: var(--prism-teal);
            }

            .prism-hero-media {
                position: relative;
                min-height: 430px;
                border-radius: 22px;
                overflow: hidden;
                box-shadow: var(--prism-shadow-strong);
                border: 1px solid rgba(66, 198, 199, 0.22);
                background:
                    radial-gradient(120% 100% at 10% 10%, rgba(66, 198, 199, 0.24), transparent 60%),
                    radial-gradient(90% 80% at 100% 0%, rgba(22, 33, 62, 0.2), transparent 70%),
                    linear-gradient(145deg, #f7fdff, #edf7fb 52%, #f2fbfc);
                padding: 1.1rem;
            }

            .prism-tech-stage {
                position: relative;
                width: 100%;
                height: 100%;
                min-height: 395px;
                border-radius: 18px;
                border: 1px solid rgba(66, 198, 199, 0.18);
                background:
                    linear-gradient(160deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.4)),
                    repeating-linear-gradient(
                        -45deg,
                        rgba(66, 198, 199, 0.08) 0,
                        rgba(66, 198, 199, 0.08) 12px,
                        rgba(22, 33, 62, 0.03) 12px,
                        rgba(22, 33, 62, 0.03) 24px
                    );
                backdrop-filter: blur(2px);
                overflow: hidden;
            }

            .prism-tech-stage::before,
            .prism-tech-stage::after {
                content: '';
                position: absolute;
                border-radius: 999px;
                filter: blur(12px);
                z-index: 0;
            }

            .prism-tech-stage::before {
                width: 220px;
                height: 220px;
                background: rgba(66, 198, 199, 0.25);
                top: -56px;
                right: -40px;
                animation: prismFloatHalo 6s ease-in-out infinite;
            }

            .prism-tech-stage::after {
                width: 180px;
                height: 180px;
                background: rgba(22, 33, 62, 0.13);
                bottom: -48px;
                left: -34px;
                animation: prismFloatHalo 7s ease-in-out infinite reverse;
            }

            .prism-tech-item {
                position: absolute;
                z-index: 1;
                border-radius: 18px;
                border: 1px solid rgba(148, 163, 184, 0.36);
                background: rgba(255, 255, 255, 0.86);
                box-shadow: 0 18px 36px rgba(15, 23, 42, 0.14);
                padding: 0.95rem 1rem;
                color: var(--prism-navy);
            }

            .prism-tech-item i {
                font-size: 1.2rem;
                color: var(--prism-teal);
            }

            .prism-tech-item strong {
                display: block;
                margin-top: 0.38rem;
                font-size: 1rem;
                line-height: 1.2;
            }

            .prism-tech-item span {
                display: block;
                margin-top: 0.2rem;
                font-size: 0.76rem;
                color: #4b5f7f;
                font-weight: 600;
                letter-spacing: 0.02em;
                text-transform: uppercase;
            }

            .prism-tech-phone {
                top: 18%;
                left: 10%;
                width: 32%;
                min-width: 138px;
                min-height: 176px;
                animation: prismFloatCard 4.6s ease-in-out infinite;
            }

            .prism-tech-phone .prism-device {
                margin-top: 0.6rem;
                width: 100%;
                border-radius: 16px;
                border: 1px solid rgba(22, 33, 62, 0.18);
                background: linear-gradient(170deg, #0f1f42, #1d3970 60%, #3167af);
                min-height: 112px;
                position: relative;
                overflow: hidden;
            }

            .prism-tech-phone .prism-device::before {
                content: '';
                position: absolute;
                inset: 9px;
                border-radius: 11px;
                background: linear-gradient(160deg, rgba(255, 255, 255, 0.3), rgba(66, 198, 199, 0.28));
            }

            .prism-tech-laptop {
                top: 10%;
                right: 8%;
                width: 54%;
                min-width: 210px;
                min-height: 180px;
                animation: prismFloatCard 5.3s ease-in-out infinite 0.35s;
            }

            .prism-tech-laptop .prism-display {
                margin-top: 0.65rem;
                border-radius: 14px;
                border: 1px solid rgba(22, 33, 62, 0.16);
                min-height: 96px;
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)),
                    linear-gradient(125deg, #63d2d2, #2ea7b0 52%, #1d8f9e);
                display: grid;
                place-items: center;
                color: #eafcff;
                font-size: 1.35rem;
                font-weight: 800;
                letter-spacing: 0.04em;
            }

            .prism-tech-laptop .prism-display small {
                font-size: 0.85rem;
                font-weight: 700;
                letter-spacing: 0.16em;
            }

            .prism-tech-laptop .prism-base {
                width: 78%;
                height: 8px;
                margin: 0.5rem auto 0;
                border-radius: 999px;
                background: linear-gradient(90deg, #a8bdcc, #e2edf3);
            }

            .prism-tech-ram {
                bottom: 10%;
                left: 22%;
                width: 58%;
                min-width: 220px;
                min-height: 118px;
                animation: prismFloatCard 5.8s ease-in-out infinite 0.6s;
            }

            .prism-tech-ram .prism-chip-row {
                margin-top: 0.65rem;
                display: flex;
                gap: 0.45rem;
                flex-wrap: wrap;
            }

            .prism-tech-ram .prism-chip {
                flex: 1 1 52px;
                min-width: 52px;
                min-height: 26px;
                border-radius: 7px;
                border: 1px solid rgba(22, 33, 62, 0.2);
                background: linear-gradient(135deg, #2d446f, #1b2f55);
                animation: prismPulseChip 2.2s ease-in-out infinite;
            }

            .prism-tech-ram .prism-chip:nth-child(2) {
                animation-delay: 0.22s;
            }

            .prism-tech-ram .prism-chip:nth-child(3) {
                animation-delay: 0.44s;
            }

            .prism-tech-ram .prism-chip:nth-child(4) {
                animation-delay: 0.66s;
            }

            @keyframes prismFloatCard {
                0%,
                100% {
                    transform: translateY(0) rotate(0deg);
                }

                50% {
                    transform: translateY(-8px) rotate(-0.6deg);
                }
            }

            @keyframes prismFloatHalo {
                0%,
                100% {
                    transform: translateY(0) scale(1);
                }

                50% {
                    transform: translateY(-12px) scale(1.06);
                }
            }

            @keyframes prismPulseChip {
                0%,
                100% {
                    filter: brightness(1);
                }

                50% {
                    filter: brightness(1.28);
                }
            }

            .prism-section {
                padding: 1.3rem 0 0;
            }

            .prism-section-head {
                display: flex;
                align-items: end;
                justify-content: space-between;
                gap: 1rem;
                margin-bottom: 1rem;
            }

            .prism-section-head h2 {
                margin: 0;
                color: var(--prism-navy);
                font-size: clamp(1.6rem, 2.8vw, 2.5rem);
                letter-spacing: -0.02em;
            }

            .prism-section-head p {
                margin: 0.35rem 0 0;
                color: var(--prism-gray-500);
            }

            .prism-section-link {
                color: var(--prism-teal);
                font-weight: 700;
                white-space: nowrap;
            }

            .prism-soft-surface {
                background: var(--prism-gray-50);
                border: 1px solid var(--prism-gray-200);
                border-radius: 20px;
                padding: 1.25rem;
                box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75);
            }

            .prism-grid-categories {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 0.85rem;
                justify-content: center;
            }

            .prism-category-card {
                border-radius: 16px;
                background: #ffffff;
                border: 1px solid var(--prism-gray-200);
                padding: 1rem;
                box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
                transition: all 220ms ease;
            }

            .prism-category-card:hover {
                transform: translateY(-3px);
                box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
            }

            .prism-category-icon {
                width: 54px;
                height: 54px;
                border-radius: 14px;
                display: grid;
                place-items: center;
                background: rgba(66, 198, 199, 0.16);
                color: #0b4a5f;
                font-weight: 800;
                margin-bottom: 0.8rem;
            }

            .prism-category-card h3 {
                margin: 0;
                font-size: 1rem;
                color: var(--prism-navy);
            }

            .prism-category-card p {
                margin: 0.35rem 0 0;
                color: var(--prism-gray-500);
                font-size: 0.88rem;
            }

            .prism-grid-products {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 1rem;
                justify-content: center;
            }

            .prism-product-card {
                border-radius: 18px;
                border: 1px solid var(--prism-gray-200);
                background: #ffffff;
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
                overflow: hidden;
                transition: all 220ms ease;
            }

            .prism-product-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 20px 40px rgba(15, 23, 42, 0.14);
            }

            .prism-product-media {
                display: block;
                overflow: hidden;
                background: #ffffff;
                min-height: 220px;
            }

            .prism-product-media img,
            .prism-product-fallback {
                width: 100%;
                height: 220px;
                object-fit: cover;
                transition: transform 360ms ease;
            }

            .prism-product-card:hover .prism-product-media img,
            .prism-product-card:hover .prism-product-fallback {
                transform: scale(1.06);
            }

            .prism-product-fallback {
                background: linear-gradient(150deg, #e8f4f8, #edf7fb);
            }

            .prism-product-body {
                padding: 1rem;
            }

            .prism-product-body h3 {
                margin: 0;
                font-size: 1rem;
                line-height: 1.35;
                color: var(--prism-navy);
            }

            .catalog-brand-tag,
            .product-brand-tag {
                display: inline-flex;
                align-items: center;
                width: fit-content;
                margin-bottom: 0.55rem;
                padding: 0.3rem 0.6rem;
                border-radius: 999px;
                background: #ecfeff;
                color: #0f766e;
                font-size: 0.74rem;
                font-weight: 700;
                letter-spacing: 0.02em;
                text-transform: uppercase;
            }

            .prism-rating {
                margin-top: 0.45rem;
                font-size: 0.82rem;
                color: #D49F2A;
                font-weight: 700;
            }

            .prism-price-row {
                margin-top: 0.6rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 0.6rem;
            }

            .prism-price-row strong {
                color: var(--prism-navy);
                font-size: 1rem;
            }

            .prism-price-row span {
                color: var(--prism-gray-500);
                font-size: 0.82rem;
                font-weight: 600;
            }

            .prism-cart-btn {
                width: 100%;
                margin-top: 0.75rem;
                min-height: 42px;
                border: 1px solid var(--prism-teal);
                border-radius: 12px;
                background: var(--prism-teal);
                color: #ffffff;
                font-weight: 700;
                cursor: pointer;
                transition: all 220ms ease;
            }

            .prism-cart-btn:hover {
                filter: brightness(0.97);
                transform: translateY(-1px);
            }

            .prism-grid-brands,
            .prism-grid-values,
            .prism-grid-testimonials {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 0.85rem;
                justify-content: center;
            }

            .prism-brand-chip,
            .prism-value-card,
            .prism-testimonial-card {
                border-radius: 16px;
                background: #ffffff;
                border: 1px solid var(--prism-gray-200);
                padding: 1rem;
                box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
            }

            .prism-brand-chip {
                display: flex;
                align-items: center;
                gap: 0.7rem;
            }

            .prism-brand-chip img,
            .prism-brand-mark {
                width: 46px;
                height: 46px;
                border-radius: 12px;
                object-fit: cover;
                background: rgba(66, 198, 199, 0.12);
            }

            .prism-brand-chip strong {
                color: var(--prism-navy);
                font-size: 0.95rem;
            }

            .prism-value-card h3,
            .prism-testimonial-card h3 {
                margin: 0;
                color: var(--prism-navy);
                font-size: 1rem;
            }

            .prism-value-card p,
            .prism-testimonial-card p {
                margin: 0.45rem 0 0;
                color: var(--prism-gray-500);
                font-size: 0.9rem;
            }

            .prism-newsletter {
                margin-top: 1.2rem;
                border-radius: 20px;
                border: 1px solid var(--prism-gray-200);
                background: linear-gradient(130deg, #ffffff, #f6fbfb);
                box-shadow: var(--prism-shadow-soft);
                padding: 1.5rem;
            }

            .prism-newsletter-grid {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 1rem;
                align-items: center;
            }

            .prism-newsletter h3 {
                margin: 0;
                color: var(--prism-navy);
                font-size: 1.4rem;
            }

            .prism-newsletter p {
                margin: 0.35rem 0 0;
                color: var(--prism-gray-500);
            }

            .prism-newsletter-form {
                display: flex;
                gap: 0.6rem;
                align-items: center;
            }

            .prism-newsletter-form input {
                min-width: min(100%, 280px);
                min-height: 44px;
                border: 1px solid var(--prism-gray-200);
                border-radius: 12px;
                padding: 0 0.9rem;
                font: inherit;
            }

            .prism-newsletter-form button {
                min-height: 44px;
                border: 1px solid var(--prism-teal);
                border-radius: 12px;
                background: var(--prism-teal);
                color: #ffffff;
                font-weight: 700;
                padding: 0 1.1rem;
                cursor: pointer;
            }

            .content-outlet {
                margin-top: 1.25rem;
            }

            .prism-footer {
                margin-top: 2.2rem;
                border-top: 1px solid rgba(255, 255, 255, 0.08);
                background: linear-gradient(180deg, #16213e 0%, #0f172a 100%);
                color: #ffffff;
            }

            .prism-footer-inner {
                width: min(1240px, 100%);
                margin: 0 auto;
                padding: 2rem 1.2rem 1.2rem;
            }

            .prism-footer-grid {
                display: grid;
                grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
                gap: 1rem;
            }

            .prism-footer h4 {
                margin: 0 0 0.65rem;
                color: #ffffff;
                font-size: 1rem;
            }

            .prism-footer p,
            .prism-footer li,
            .prism-footer a {
                color: rgba(255, 255, 255, 0.82);
                font-size: 0.9rem;
            }

            .prism-footer a:hover {
                color: var(--prism-teal);
            }

            .prism-footer ul {
                margin: 0;
                padding: 0;
                list-style: none;
                display: grid;
                gap: 0.32rem;
            }

            .prism-socials {
                margin-top: 0.8rem;
                display: inline-flex;
                gap: 0.35rem;
            }

            .prism-socials a {
                width: 36px;
                height: 36px;
                border-radius: 999px;
                border: 1px solid rgba(255, 255, 255, 0.14);
                background: rgba(255, 255, 255, 0.08);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                color: #ffffff;
            }

            .prism-socials a:hover {
                border-color: rgba(66, 198, 199, 0.55);
                background: rgba(66, 198, 199, 0.12);
                color: #ffffff;
            }

            .prism-footer-bottom {
                margin-top: 1.3rem;
                border-top: 1px solid rgba(255, 255, 255, 0.1);
                padding-top: 0.85rem;
                display: flex;
                justify-content: space-between;
                gap: 0.8rem;
                flex-wrap: wrap;
            }

            .reveal {
                opacity: 0;
                transform: translateY(14px);
                transition: opacity 450ms ease, transform 450ms ease;
            }

            .reveal.in {
                opacity: 1;
                transform: translateY(0);
            }

            @media (max-width: 1100px) {
                .prism-grid-products,
                .prism-grid-categories,
                .prism-grid-brands,
                .prism-grid-values,
                .prism-grid-testimonials {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .prism-footer-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            @media (max-width: 900px) {
                .prism-nav .site-wrap {
                    grid-template-columns: auto auto;
                    position: relative;
                }

                .prism-links {
                    display: none;
                }

                .prism-menu-btn {
                    display: inline-flex;
                }

                .prism-mobile-panel {
                    z-index: 100;
                    left: 0.75rem;
                    right: 0.75rem;
                    top: calc(100% + 0.5rem);
                }

                .prism-hero-grid {
                    grid-template-columns: 1fr;
                }

                .prism-hero-media {
                    min-height: 320px;
                }

                .prism-tech-stage {
                    min-height: 286px;
                }

                .prism-tech-phone {
                    top: 8%;
                    left: 6%;
                    width: 42%;
                    min-width: 128px;
                }

                .prism-tech-laptop {
                    right: 5%;
                    width: 60%;
                    min-width: 190px;
                }

                .prism-tech-ram {
                    left: 10%;
                    width: 74%;
                    min-width: 0;
                }

                .prism-newsletter-grid {
                    grid-template-columns: 1fr;
                }

                .prism-newsletter-form {
                    width: 100%;
                }
            }

            @media (max-width: 640px) {
                .site-wrap,
                .prism-footer-inner {
                    padding-left: 0.9rem;
                    padding-right: 0.9rem;
                }

                .prism-grid-products,
                .prism-grid-categories,
                .prism-grid-brands,
                .prism-grid-values,
                .prism-grid-testimonials,
                .prism-footer-grid {
                    grid-template-columns: 1fr;
                }

                .prism-newsletter-form {
                    flex-direction: column;
                    align-items: stretch;
                }

                .prism-newsletter-form input {
                    min-width: 0;
                    width: 100%;
                }

                .prism-hero h1 {
                    font-size: clamp(2rem, 10vw, 2.9rem);
                }

                .prism-hero-media {
                    min-height: 300px;
                    padding: 0.8rem;
                }

                .prism-tech-stage {
                    min-height: 270px;
                }

                .prism-tech-item {
                    padding: 0.75rem 0.78rem;
                }

                .prism-tech-item strong {
                    font-size: 0.9rem;
                }

                .prism-tech-item span {
                    font-size: 0.69rem;
                }

                .prism-tech-phone {
                    left: 5%;
                    width: 48%;
                    min-height: 146px;
                }

                .prism-tech-laptop {
                    width: 64%;
                    min-height: 150px;
                }

                .prism-tech-ram {
                    left: 6%;
                    width: 88%;
                    bottom: 7%;
                }
            }

            /* ------------------------------------------------------------------
               PickTech homepage shell
               ------------------------------------------------------------------ */
            body.picktech-shell {
                font-family: 'Inter', 'Poppins', ui-sans-serif, system-ui, sans-serif;
                color: #111827;
                background: #f4f7fb;
                overflow-x: hidden;
            }

            body.picktech-shell .prism-nav,
            body.picktech-shell .prism-footer,
            body.picktech-shell .content-outlet {
                display: none !important;
            }

            body.picktech-shell .page-main {
                min-height: 100vh;
                padding-top: 0;
            }

            .store-category-rail {
                padding-top: 0.8rem;
            }

            .store-category-strip {
                display: flex;
                align-items: center;
                gap: 0.7rem;
                padding: 0.45rem 0.5rem;
                overflow-x: auto;
                white-space: nowrap;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.9);
                border: 1px solid rgba(148, 163, 184, 0.2);
                box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
                scrollbar-width: none;
            }

            .store-category-strip::-webkit-scrollbar {
                display: none;
            }

            .store-category-pill {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 0.75rem 1rem;
                border-radius: 999px;
                font-size: 0.82rem;
                font-weight: 600;
                color: #334155;
                background: #f8fafc;
                border: 1px solid transparent;
                transition: all 180ms ease;
            }

            .store-category-pill.is-active,
            .store-category-pill:hover {
                background: #0b1832;
                color: #ffffff;
                border-color: rgba(8, 17, 30, 0.08);
                box-shadow: 0 10px 22px rgba(11, 24, 50, 0.15);
            }

            .home-category-showcase {
                box-sizing: border-box;
                width: calc(100% + 2rem);
                margin-left: -1rem;
                padding: 3.5rem 0 4rem;
                background: #171717;
            }

            .home-category-heading {
                margin-bottom: 1.25rem;
            }

            .home-category-heading h2 {
                margin: 0;
                color: #f4f4f4;
                font-size: clamp(1.7rem, 3vw, 2.4rem);
                line-height: 1.2;
                letter-spacing: -0.03em;
            }

            .home-category-heading span {
                display: block;
                width: 270px;
                height: 4px;
                margin-top: 1rem;
                background: #facc15;
            }

            .home-category-grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 1rem;
            }

            .home-category-card {
                display: flex;
                min-height: 220px;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 1rem;
                padding: 1.5rem;
                border: 1px solid #2f2f2f;
                border-radius: 14px;
                color: #f4f4f4;
                text-align: center;
                text-decoration: none;
                transition: border-color 180ms ease, transform 180ms ease, background 180ms ease;
            }

            .home-category-card:hover {
                background: #1e1e1e;
                border-color: #facc15;
                transform: translateY(-3px);
            }

            .home-category-image {
                display: grid;
                width: 140px;
                height: 140px;
                place-items: center;
                overflow: hidden;
                background: #ffffff;
            }

            .home-category-image img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

            .home-category-image i {
                color: #171717;
                font-size: 2.5rem;
            }

            .home-category-card strong {
                font-size: 1.08rem;
                line-height: 1.25;
            }

            @media (max-width: 640px) {
                .home-category-showcase {
                    padding: 3.5rem 1.6rem 2rem;
                }

                .home-category-heading h2 {
                    font-size: 1.75rem;
                }

                .home-category-heading span {
                    width: 270px;
                    margin-top: 1rem;
                }

                .home-category-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 1rem;
                }

                .home-category-card {
                    min-height: 238px;
                    padding: 1.25rem 0.75rem;
                }

                .home-category-image {
                    width: 140px;
                    height: 140px;
                }

                .home-category-card strong {
                    font-size: 1rem;
                }
            }

            .store-top-slider {
                padding: 1.2rem 0 0;
                background: transparent;
            }

            body.home-page .store-top-slider {
                display: block;
            }

            .store-top-slider-shell {
                position: relative;
                border-radius: 22px;
                background: linear-gradient(135deg, #0b1832 0%, #122d60 60%, #17396e 100%);
                overflow: hidden;
                box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);
                border: 1px solid rgba(255,255,255,0.08);
            }

            .store-top-slide {
                display: none;
                align-items: center;
                justify-content: space-between;
                gap: 2rem;
                min-height: 310px;
                padding: 2rem 2.4rem 2rem 2.8rem;
            }

            .store-top-slide.is-active {
                display: flex;
            }

            @media (max-width: 640px) {
                .store-top-slider-shell {
                    border-radius: 18px;
                }

                .store-top-slide {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 1.1rem;
                    min-height: 260px;
                    padding: 1.2rem 1rem 3.2rem;
                }

                .store-top-slide__content {
                    max-width: 100%;
                    width: 100%;
                }

                .store-top-slide__content h2 {
                    font-size: clamp(1.6rem, 8vw, 2.4rem);
                    line-height: 1.08;
                }

                .store-top-slide__content p {
                    font-size: 0.83rem;
                    line-height: 1.5;
                }

                .store-top-slide__media {
                    width: 100%;
                    min-height: 120px;
                }

                .store-top-slide__media img {
                    width: min(100%, 280px);
                    max-height: 170px;
                }

                .store-top-slider__dots {
                    right: 1rem;
                    bottom: 0.9rem;
                    gap: 0.38rem;
                }

                .store-top-slider__dot {
                    width: 8px;
                    height: 8px;
                }

                .store-top-slider__dot.is-active {
                    width: 22px;
                }
            }

            .store-top-slide__content {
                position: relative;
                z-index: 1;
                max-width: 490px;
                color: #ffffff;
            }

            .store-top-slide__eyebrow {
                display: inline-flex;
                align-items: center;
                padding: 0.38rem 0.8rem;
                border-radius: 999px;
                background: rgba(255,255,255,0.12);
                border: 1px solid rgba(255,255,255,0.18);
                font-size: 0.7rem;
                font-weight: 700;
                letter-spacing: 0.12em;
                text-transform: uppercase;
            }

            .store-top-slide__content h2 {
                margin: 1rem 0 0.75rem;
                color: #ffffff;
                font-size: clamp(2rem, 2.4vw, 3.25rem);
                line-height: 1.06;
                letter-spacing: -0.06em;
                font-weight: 800;
            }

            .store-top-slide__content p {
                margin: 0;
                max-width: 42ch;
                color: rgba(255, 255, 255, 0.82);
                font-size: 0.96rem;
                line-height: 1.7;
            }

            .store-top-slide__cta {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                margin-top: 1.4rem;
                min-height: 46px;
                padding: 0 1.2rem;
                border-radius: 12px;
                background: #ffffff;
                color: #0b1832;
                font-weight: 700;
                box-shadow: 0 10px 24px rgba(11, 24, 50, 0.22);
            }

            .store-top-slide__media {
                display: flex;
                align-items: center;
                justify-content: center;
                flex: 1;
                min-height: 220px;
            }

            .store-top-slide__media img {
                width: min(100%, 530px);
                max-height: 240px;
                object-fit: contain;
                filter: drop-shadow(0 22px 38px rgba(15,23,42,0.28));
            }

            .store-top-slider__dots {
                position: absolute;
                right: 1.4rem;
                bottom: 1.1rem;
                display: flex;
                align-items: center;
                gap: 0.5rem;
                z-index: 2;
            }

            .store-top-slider__dot {
                width: 10px;
                height: 10px;
                padding: 0;
                border: none;
                border-radius: 999px;
                background: rgba(255,255,255,0.38);
                cursor: pointer;
            }

            .store-top-slider__dot.is-active {
                width: 28px;
                background: #ffffff;
            }

            .pt-topbar {
                background: #071426;
                color: rgba(255, 255, 255, 0.9);
                font-size: 0.76rem;
                letter-spacing: 0.01em;
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            }

            .pt-topbar-inner,
            .pt-header-inner,
            .pt-nav-row,
            .pt-hero-grid,
            .pt-section .site-wrap,
            .pt-promo-inner,
            .pt-newsletter-box,
            .pt-footer-grid,
            .pt-footer-bottom {
                width: min(1240px, 100%);
                margin: 0 auto;
                padding-left: 1.25rem;
                padding-right: 1.25rem;
            }

            .pt-topbar-inner {
                min-height: 36px;
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                align-items: center;
                text-align: center;
                gap: 1rem;
            }

            .pt-topbar-inner span:first-child { text-align: left; }
            .pt-topbar-inner span:last-child { text-align: right; }

            .lp-topbar-grid {
                min-height: 34px;
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                align-items: center;
                gap: 1rem;
            }

            .lp-topbar-item {
                display: inline-flex;
                align-items: center;
                gap: 0.45rem;
                white-space: nowrap;
            }

            .lp-topbar-center {
                justify-content: center;
            }

            .lp-topbar-links {
                justify-content: flex-end;
                gap: 0.8rem;
            }

            .lp-topbar-links a {
                color: rgba(255, 255, 255, 0.92);
                font-weight: 600;
            }

            .pt-header {
                background: #ffffff;
                border-bottom: 1px solid #e5e7eb;
                box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
            }

            .pt-header-inner {
                min-height: 92px;
                display: grid;
                grid-template-columns: auto minmax(0, 1fr) auto;
                align-items: center;
                gap: 1.5rem;
            }

            .pt-brand {
                display: inline-flex;
                align-items: center;
                gap: 0.8rem;
                color: #071426;
                text-decoration: none;
            }

            .pt-brand-mark {
                width: 42px;
                height: 42px;
                border-radius: 12px;
                display: grid;
                place-items: center;
                background: linear-gradient(135deg, #1d4ed8, #60a5fa);
                color: #ffffff;
                font-weight: 800;
                box-shadow: 0 12px 22px rgba(29, 78, 216, 0.18);
            }

            .pt-brand-copy {
                font-size: 2.2rem;
                line-height: 1;
                letter-spacing: -0.07em;
                font-weight: 900;
                color: #071426;
            }

            .pt-search {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 54px;
                align-items: center;
                gap: 0.5rem;
                background: #f4f7fb;
                border: 1px solid #e5e7eb;
                border-radius: 14px;
                padding: 0.45rem 0.45rem 0.45rem 1rem;
                min-height: 56px;
            }

            .pt-search input {
                border: 0;
                outline: none;
                background: transparent;
                color: #111827;
                font: inherit;
                min-height: 42px;
            }

            .pt-search input::placeholder {
                color: #667085;
            }

            .pt-search button {
                width: 44px;
                height: 44px;
                border: 0;
                border-radius: 10px;
                background: #1769FF;
                color: #ffffff;
                cursor: pointer;
            }

            .pt-actions {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 0.6rem;
                white-space: nowrap;
            }

            .pt-actions a {
                position: relative;
                display: inline-flex;
                align-items: center;
                gap: 0.45rem;
                padding: 0.55rem 0.7rem;
                border-radius: 999px;
                color: #0f172a;
                font-size: 0.78rem;
                font-weight: 700;
            }

            .pt-actions a:hover {
                background: #f4f7fb;
            }

            .pt-cart-link {
                background: #f4f7fb;
                border: 1px solid #e5e7eb;
            }

            .pt-cart-count {
                position: absolute;
                top: -5px;
                right: -2px;
                min-width: 18px;
                height: 18px;
                border-radius: 999px;
                background: #1769FF;
                color: #ffffff;
                line-height: 18px;
                text-align: center;
                font-size: 0.62rem;
                font-weight: 700;
            }

            .pt-nav-row {
                min-height: 58px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-top: 1px solid #f0f3f7;
            }

            .pt-nav {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0.3rem;
                flex-wrap: wrap;
            }

            .pt-nav a {
                display: inline-flex;
                align-items: center;
                min-height: 42px;
                padding: 0 0.9rem;
                border-radius: 999px;
                color: #0f172a;
                font-size: 0.84rem;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.02em;
            }

            .pt-nav a.is-active,
            .pt-nav a:hover {
                background: rgba(23, 105, 255, 0.06);
                color: #1769FF;
            }

            .lp-searchbar {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 180px 54px;
                align-items: center;
                gap: 0.6rem;
                background: #F8FAFC;
                border: 1px solid #E5E7EB;
                border-radius: 14px;
                padding: 0.55rem;
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04);
            }

            .lp-searchbar input,
            .lp-searchbar select {
                width: 100%;
                min-height: 44px;
                border-radius: 10px;
                border: 1px solid #E5E7EB;
                background: #ffffff;
                color: #111827;
                padding: 0 0.95rem;
                font: inherit;
                outline: none;
                box-shadow: none;
            }

            .lp-searchbar input::placeholder {
                color: #98a2b3;
            }

            .lp-searchbar input:focus,
            .lp-searchbar select:focus {
                border-color: rgba(23, 105, 255, 0.45);
                box-shadow: 0 0 0 4px rgba(23, 105, 255, 0.12);
            }

            .lp-search-button {
                width: 54px;
                height: 44px;
                border: 0;
                border-radius: 10px;
                background: #1769FF;
                color: #ffffff;
                cursor: pointer;
                box-shadow: 0 12px 24px rgba(23, 105, 255, 0.26);
            }

            .lp-header-actions {
                display: inline-flex;
                align-items: center;
                justify-content: flex-end;
                gap: 0.65rem;
                white-space: nowrap;
            }

            .lp-action-link {
                position: relative;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 36px;
                height: 36px;
                border-radius: 999px;
                color: #111827;
                background: #f4f7fb;
                border: 1px solid #e5e7eb;
                font-size: 0.9rem;
                font-weight: 600;
                transition: transform 180ms ease, box-shadow 180ms ease;
            }

            .lp-action-link:hover {
                transform: translateY(-1px);
                box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
            }

            .lp-action-link i {
                font-size: 0.96rem;
                color: #071426;
            }

            .lp-cart-link {
                width: 40px;
                height: 40px;
            }

            .lp-cart-badge {
                position: absolute;
                top: -6px;
                right: -4px;
                min-width: 18px;
                height: 18px;
                border-radius: 999px;
                background: #1769FF;
                color: #ffffff;
                font-size: 0.62rem;
                line-height: 18px;
                text-align: center;
            }

            .lp-nav {
                background: #ffffff;
                border-bottom: 1px solid #E5E7EB;
            }

            .lp-nav-grid {
                display: none;
            }

            .lp-category-toggle {
                position: relative;
            }

            .lp-category-toggle > summary {
                list-style: none;
                cursor: pointer;
                display: inline-flex;
                align-items: center;
                gap: 0.7rem;
                min-height: 44px;
                padding: 0 1.05rem;
                border-radius: 12px;
                background: #071426;
                color: #ffffff;
                font-weight: 700;
                box-shadow: 0 12px 24px rgba(7, 20, 38, 0.2);
            }

            .lp-category-toggle > summary::-webkit-details-marker {
                display: none;
            }

            .lp-category-toggle > summary i {
                font-size: 1rem;
            }

            .lp-category-dropdown,
            .lp-nav-dropdown-menu {
                position: absolute;
                top: calc(100% + 0.7rem);
                left: 0;
                z-index: 50;
                min-width: 240px;
                display: grid;
                gap: 0.25rem;
                padding: 0.65rem;
                border-radius: 14px;
                background: #ffffff;
                border: 1px solid #E5E7EB;
                box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
            }

            .lp-category-dropdown a,
            .lp-nav-dropdown-menu a {
                padding: 0.7rem 0.85rem;
                border-radius: 10px;
                color: #111827;
                font-weight: 600;
            }

            .lp-category-dropdown a:hover,
            .lp-nav-dropdown-menu a:hover {
                background: #EAF2FF;
                color: #1769FF;
            }

            .lp-nav-links {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0.25rem;
                flex-wrap: wrap;
            }

            .lp-nav-links > a,
            .lp-nav-dropdown > summary {
                position: relative;
                display: inline-flex;
                align-items: center;
                gap: 0.4rem;
                min-height: 44px;
                padding: 0 0.85rem;
                color: #111827;
                font-size: 0.96rem;
                font-weight: 600;
                letter-spacing: 0.01em;
            }

            .lp-nav-links > a.is-active {
                color: #1769FF;
                background: rgba(23, 105, 255, 0.08);
                border-radius: 999px;
            }

            .lp-nav-links > a.is-active::after {
                content: '';
                position: absolute;
                left: 0.95rem;
                right: 0.95rem;
                bottom: 0.5rem;
                height: 2px;
                border-radius: 999px;
                background: #1769FF;
            }

            .lp-nav-dropdown {
                position: relative;
            }

            .lp-nav-dropdown > summary {
                list-style: none;
                cursor: pointer;
            }

            .lp-nav-dropdown > summary::-webkit-details-marker {
                display: none;
            }

            .lp-nav-dropdown > summary i {
                font-size: 0.72rem;
                color: #667085;
            }

            .lp-mobile-toggle {
                display: none;
                width: 46px;
                height: 46px;
                border: 1px solid #E5E7EB;
                border-radius: 12px;
                background: #ffffff;
                color: #071426;
                cursor: pointer;
            }

            .lp-mobile-panel {
                display: none;
                padding-bottom: 0.8rem;
            }

            .lp-mobile-links {
                display: grid;
                gap: 0.35rem;
                padding: 0.7rem;
                border: 1px solid #E5E7EB;
                border-radius: 16px;
                background: #ffffff;
                box-shadow: 0 14px 32px rgba(15, 23, 42, 0.1);
            }

            .lp-mobile-links a {
                min-height: 42px;
                display: flex;
                align-items: center;
                padding: 0 0.85rem;
                border-radius: 10px;
                color: #111827;
                font-weight: 600;
            }

            .lp-mobile-links a.is-active,
            .lp-mobile-links a:hover {
                background: #EAF2FF;
                color: #1769FF;
            }

            .pt-hero {
                background: #f6f8fb;
                padding: 2.6rem 0 1.8rem;
            }

            .pt-hero-grid {
                display: grid;
                grid-template-columns: minmax(0, 1.1fr) minmax(400px, 1fr);
                gap: 1.6rem;
                align-items: center;
            }

            .pt-kicker {
                margin: 0;
                color: #1769FF;
                font-size: 0.76rem;
                font-weight: 800;
                letter-spacing: 0.12em;
                text-transform: uppercase;
            }

            .pt-kicker-light {
                color: #8bb3ff;
            }

            .pt-hero-copy h1 {
                margin: 0.85rem 0 0;
                font-size: clamp(2.5rem, 4vw, 4.2rem);
                line-height: 1.02;
                letter-spacing: -0.065em;
                color: #071426;
                font-weight: 900;
            }

            .pt-hero-copy h1 span {
                color: #1769FF;
            }

            .pt-hero-copy p {
                max-width: 58ch;
                margin: 0.9rem 0 0;
                color: #475467;
                font-size: 1.02rem;
                line-height: 1.7;
            }

            .pt-hero-actions {
                margin-top: 1.4rem;
                display: flex;
                gap: 0.75rem;
                flex-wrap: wrap;
            }

            .pt-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 0.5rem;
                min-height: 48px;
                padding: 0 1.25rem;
                background: #ffffff;
                color: #071426;
                border: 1px solid #d0d5dd;
                border-radius: 12px;
                font-weight: 800;
                font-size: 0.8rem;
                text-transform: uppercase;
                letter-spacing: 0.04em;
            }

            .pt-btn-primary {
                background: #1769FF;
                border-color: #1769FF;
                color: #ffffff;
                box-shadow: 0 18px 28px rgba(23, 105, 255, 0.18);
            }

            .pt-trust-list {
                list-style: none;
                display: flex;
                flex-wrap: wrap;
                gap: 1rem 1.5rem;
                margin: 1.4rem 0 0;
                padding: 0;
                color: #0f172a;
                font-size: 0.9rem;
                font-weight: 700;
            }

            .pt-trust-list li {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
            }

            .pt-trust-list i {
                width: 24px;
                height: 24px;
                display: grid;
                place-items: center;
                border-radius: 999px;
                background: rgba(23, 105, 255, 0.08);
                color: #1769FF;
                font-size: 0.7rem;
            }

            .pt-hero-visual {
                position: relative;
                display: flex;
                justify-content: center;
            }

            .pt-hero-stage {
                position: relative;
                width: min(100%, 610px);
                min-height: 420px;
                border-radius: 28px;
                background: linear-gradient(135deg, #edf4ff 0%, #ffffff 54%, #eef6ff 100%);
                overflow: hidden;
                border: 1px solid rgba(200, 214, 255, 0.82);
                box-shadow: 0 22px 46px rgba(15, 23, 42, 0.1);
            }

            .pt-hero-stage::after {
                content: '';
                position: absolute;
                left: 12%;
                right: 12%;
                bottom: 1.25rem;
                height: 18px;
                border-radius: 50%;
                background: rgba(15, 23, 42, 0.12);
                filter: blur(10px);
            }

            .pt-hero-stage img {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                z-index: 1;
            }

            .pt-offer-badge {
                position: absolute;
                right: 1.15rem;
                top: 1.15rem;
                width: 115px;
                aspect-ratio: 1;
                display: grid;
                place-items: center;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.96);
                border: 1px solid rgba(208, 213, 221, 1);
                box-shadow: 0 18px 28px rgba(15, 23, 42, 0.12);
                font-size: 0.64rem;
                line-height: 1.2;
                font-weight: 900;
                letter-spacing: 0.12em;
                color: #1769FF;
                text-align: center;
                z-index: 2;
            }

            .pt-offer-badge strong {
                display: block;
                font-size: 2.4rem;
                line-height: 1;
                letter-spacing: -0.08em;
            }

            .pt-section {
                padding-top: 1.8rem;
                padding-bottom: 0.5rem;
            }

            .pt-section-head {
                display: flex;
                align-items: end;
                justify-content: space-between;
                gap: 1rem;
                margin-bottom: 1rem;
            }

            .pt-section-head h2 {
                margin: 0;
                color: #071426;
                font-size: clamp(2rem, 3vw, 2.6rem);
                line-height: 1.08;
                letter-spacing: -0.06em;
                font-weight: 900;
            }

            .pt-link {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                color: #1769FF;
                font-size: 0.85rem;
                font-weight: 800;
            }

            .pt-subheading {
                margin: 0 0 1.1rem;
                color: #667085;
                font-size: 1rem;
            }

            .pt-category-grid {
                display: grid;
                grid-template-columns: repeat(6, minmax(0, 1fr));
                gap: 1rem;
            }

            .pt-category-card {
                display: block;
                background: #ffffff;
                border: 1px solid #e5e7eb;
                border-radius: 18px;
                overflow: hidden;
                box-shadow: 0 12px 26px rgba(15, 23, 42, 0.04);
                transition: transform 180ms ease, box-shadow 180ms ease;
            }

            .pt-category-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
            }

            .pt-category-card img {
                width: 100%;
                height: 150px;
                object-fit: cover;
            }

            .pt-category-card div {
                padding: 0.9rem 0.85rem 1rem;
            }

            .pt-category-card strong {
                display: block;
                color: #071426;
                font-size: 1rem;
                margin-bottom: 0.2rem;
            }

            .pt-category-card span {
                color: #667085;
                font-size: 0.8rem;
            }

            .pt-promo {
                padding-top: 2rem;
                padding-bottom: 0.5rem;
            }

            .pt-promo-inner {
                display: grid;
                grid-template-columns: minmax(0, 1.15fr) minmax(320px, 1fr);
                gap: 1.2rem;
                align-items: center;
                min-height: 260px;
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
                border-radius: 28px;
                background: linear-gradient(135deg, #071426, #0d2342 58%, #0d2037);
                color: #ffffff;
                box-shadow: 0 24px 52px rgba(7, 20, 38, 0.18);
            }

            .pt-promo-copy {
                padding-left: 2rem;
            }

            .pt-promo-copy h2 {
                margin: 0.5rem 0 0;
                font-size: clamp(2rem, 3vw, 3rem);
                line-height: 1.04;
                letter-spacing: -0.05em;
                color: #ffffff;
            }

            .pt-promo-copy p {
                margin: 0.7rem 0 1.1rem;
                max-width: 44ch;
                color: rgba(255, 255, 255, 0.76);
            }

            .pt-promo-visual {
                display: flex;
                align-items: center;
                justify-content: center;
                padding-right: 1rem;
            }

            .pt-promo-visual img {
                max-height: 230px;
                width: auto;
                object-fit: contain;
                filter: drop-shadow(0 16px 34px rgba(23, 105, 255, 0.18));
            }

            .pt-filter-row {
                display: flex;
                flex-wrap: wrap;
                gap: 0.75rem;
                margin: 1rem 0 1.3rem;
            }

            .pt-filter {
                border: 1px solid #d0d5dd;
                background: #ffffff;
                color: #0f172a;
                border-radius: 999px;
                min-height: 38px;
                padding: 0 1rem;
                font-weight: 700;
                cursor: pointer;
            }

            .pt-filter.is-active {
                background: #1769FF;
                border-color: #1769FF;
                color: #ffffff;
            }

            .pt-product-grid {
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 1rem;
                padding-bottom: 0.5rem;
            }

            .pt-product-card {
                position: relative;
                background: #ffffff;
                border: 1px solid #e5e7eb;
                border-radius: 18px;
                overflow: hidden;
                box-shadow: 0 12px 24px rgba(15, 23, 42, 0.04);
                transition: transform 180ms ease, box-shadow 180ms ease;
            }

            .pt-product-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 22px 38px rgba(15, 23, 42, 0.08);
            }

            .pt-wishlist {
                position: absolute;
                right: 0.8rem;
                top: 0.8rem;
                width: 32px;
                height: 32px;
                border: 0;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.96);
                color: #0f172a;
                z-index: 2;
                cursor: pointer;
            }

            .pt-product-image {
                display: block;
                background: #f5f7fb;
                min-height: 180px;
            }

            .pt-product-image img {
                width: 100%;
                height: 180px;
                object-fit: cover;
                transition: transform 180ms ease;
            }

            .pt-product-card:hover .pt-product-image img {
                transform: scale(1.03);
            }

            .pt-product-body {
                padding: 0.9rem 0.9rem 0.95rem;
            }

            .pt-product-brand {
                display: inline-flex;
                align-items: center;
                padding: 0.25rem 0.5rem;
                border-radius: 999px;
                background: #eef4ff;
                color: #1769FF;
                font-size: 0.65rem;
                font-weight: 800;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }

            .pt-product-body h3 {
                margin: 0.7rem 0 0;
            }

            .pt-product-body h3 a {
                color: #071426;
                font-size: 0.98rem;
                line-height: 1.45;
                font-weight: 800;
            }

            .pt-product-specs {
                list-style: none;
                display: flex;
                flex-wrap: wrap;
                gap: 0.35rem;
                padding: 0;
                margin: 0.65rem 0 0;
            }

            .pt-product-specs li {
                border: 1px solid #e5e7eb;
                background: #f8fafc;
                border-radius: 999px;
                padding: 0.22rem 0.45rem;
                font-size: 0.68rem;
                color: #667085;
            }

            .pt-rating {
                margin-top: 0.7rem;
                display: flex;
                align-items: center;
                gap: 0.35rem;
                color: #1769FF;
                font-size: 0.74rem;
            }

            .pt-rating small {
                color: #667085;
                font-size: 0.76rem;
            }

            .pt-price-row {
                margin-top: 0.7rem;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 0.5rem;
                flex-wrap: wrap;
            }

            .pt-price-row strong {
                color: #071426;
                font-size: 1.05rem;
            }

            .pt-price-row span {
                color: #98a2b3;
                font-size: 0.78rem;
                text-decoration: line-through;
            }

            .pt-card-bottom {
                margin-top: 0.9rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 0.75rem;
            }

            .pt-save-badge {
                display: inline-flex;
                align-items: center;
                min-height: 32px;
                border-radius: 999px;
                padding: 0 0.55rem;
                background: #eaf2ff;
                color: #1769FF;
                font-size: 0.67rem;
                font-weight: 800;
                letter-spacing: 0.04em;
                text-transform: uppercase;
            }

            .pt-cart-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 38px;
                padding: 0 0.8rem;
                border-radius: 10px;
                background: #1769FF;
                color: #ffffff;
                font-size: 0.7rem;
                font-weight: 800;
                letter-spacing: 0.04em;
            }

            .pt-trust-section {
                padding-top: 2.2rem;
                padding-bottom: 0.5rem;
            }

            .pt-trust-grid {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 1rem;
            }

            .pt-trust-card {
                background: #ffffff;
                border: 1px solid #e5e7eb;
                border-radius: 18px;
                padding: 1.2rem;
                box-shadow: 0 12px 26px rgba(15, 23, 42, 0.04);
            }

            .pt-trust-card i {
                width: 38px;
                height: 38px;
                border-radius: 12px;
                display: grid;
                place-items: center;
                background: #eaf2ff;
                color: #1769FF;
                margin-bottom: 0.7rem;
            }

            .pt-trust-card h3 {
                margin: 0;
                color: #071426;
                font-size: 1.02rem;
            }

            .pt-trust-card p {
                margin: 0.45rem 0 0;
                color: #667085;
                line-height: 1.6;
            }

            @media (max-width: 700px) {
                .pt-trust-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 0.85rem;
                }

                .pt-trust-card {
                    padding: 1rem;
                }
            }

            @media (max-width: 420px) {
                .pt-trust-grid {
                    grid-template-columns: 1fr;
                }

                .pt-trust-card {
                    padding: 0.9rem 0.85rem;
                }

                .pt-trust-card h3 {
                    font-size: 0.96rem;
                }

                .pt-trust-card p {
                    font-size: 0.85rem;
                }
            }

            .pt-newsletter {
                padding: 2.2rem 0 0.5rem;
            }

            .pt-newsletter-box {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
                gap: 1rem;
                align-items: center;
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                background: #071426;
                border-radius: 28px;
                color: #ffffff;
                box-shadow: 0 20px 46px rgba(7, 20, 38, 0.2);
            }

            .pt-newsletter-box > div {
                padding-left: 2rem;
            }

            .pt-newsletter-box h2 {
                margin: 0.4rem 0 0;
                font-size: clamp(1.8rem, 2.4vw, 2.6rem);
                line-height: 1.08;
                letter-spacing: -0.04em;
                color: #ffffff;
            }

            .pt-newsletter-box p {
                margin: 0.7rem 0 0;
                color: rgba(255, 255, 255, 0.82);
            }

            .pt-newsletter-form {
                display: grid;
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 0.7rem;
                padding: 0 2rem 0 0;
            }

            .pt-newsletter-form input {
                min-height: 52px;
                border: 1px solid rgba(255, 255, 255, 0.12);
                border-radius: 12px;
                background: rgba(255, 255, 255, 0.05);
                color: #ffffff;
                padding: 0 0.9rem;
                outline: none;
            }

            .pt-newsletter-form input::placeholder {
                color: rgba(255, 255, 255, 0.6);
            }

            .pt-newsletter-form button {
                min-width: 150px;
            }

            @media (max-width: 700px) {
                .pt-newsletter {
                    display: none;
                }
            }

            .pt-footer {
                background: #071426;
                color: #ffffff;
                margin-top: 2.2rem;
                padding: 3rem 0 1rem;
            }

            .pt-footer-grid {
                display: grid;
                grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr));
                gap: 1.4rem;
                align-items: start;
            }

            .pt-brand-footer {
                display: inline-flex;
                margin-bottom: 0.8rem;
            }

            .pt-footer-brand p {
                margin: 0;
                color: rgba(255, 255, 255, 0.72);
                line-height: 1.7;
            }

            .pt-footer h4 {
                margin: 0 0 0.7rem;
                color: #ffffff;
                font-size: 0.9rem;
                text-transform: uppercase;
                letter-spacing: 0.08em;
            }

            .pt-footer ul {
                list-style: none;
                padding: 0;
                margin: 0;
                display: grid;
                gap: 0.55rem;
            }

            .pt-footer a,
            .pt-footer li {
                color: rgba(255, 255, 255, 0.72);
                font-size: 0.9rem;
            }

            .pt-socials {
                display: flex;
                gap: 0.6rem;
                margin-top: 1rem;
            }

            .pt-socials a {
                width: 34px;
                height: 34px;
                display: grid;
                place-items: center;
                border-radius: 999px;
                background: rgba(255,255,255,0.06);
                color: #ffffff;
            }

            .pt-footer-bottom {
                margin-top: 2rem;
                padding-top: 1rem;
                border-top: 1px solid rgba(255,255,255,0.12);
                color: rgba(255,255,255,0.74);
                display: flex;
                justify-content: space-between;
                gap: 1rem;
                font-size: 0.84rem;
            }

            .pt-footer-social-mobile {
                display: none;
            }

            @media (max-width: 700px) {
                .pt-footer {
                    padding: 2.25rem 0 0.75rem;
                }

                .pt-footer-grid {
                    grid-template-columns: 1fr;
                    gap: 1rem;
                    width: 100%;
                    max-width: 100%;
                }

                .pt-footer-grid > div {
                    width: 100%;
                    max-width: 100%;
                    text-align: center;
                }

                .pt-footer-brand {
                    display: grid;
                    gap: 0.8rem;
                }

                .pt-brand-footer {
                    justify-content: center;
                    margin-bottom: 0;
                }

                .pt-footer-brand p,
                .pt-footer a,
                .pt-footer li,
                .pt-footer h4,
                .pt-footer-bottom,
                .pt-footer-bottom p {
                    text-align: center;
                }

                .pt-footer h4 {
                    margin-bottom: 0.5rem;
                }

                .pt-footer ul {
                    gap: 0.5rem;
                }

                .pt-footer a,
                .pt-footer li {
                    display: block;
                    word-break: break-word;
                    overflow-wrap: anywhere;
                }

                .pt-brand-copy {
                    font-size: clamp(1.7rem, 7vw, 2.1rem);
                }

                .pt-socials {
                    display: none;
                }

                .pt-footer-social-mobile {
                    display: flex;
                    justify-content: center;
                    gap: 0.65rem;
                    margin-top: 0.25rem;
                }

                .pt-footer-social-mobile a {
                    width: 38px;
                    height: 38px;
                    display: grid;
                    place-items: center;
                    border-radius: 999px;
                    background: rgba(255,255,255,0.06);
                    color: #ffffff;
                }

                .pt-footer-bottom {
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    margin-top: 1.4rem;
                    padding-top: 0.8rem;
                    text-align: center;
                }
            }

            @media (max-width: 420px) {
                .pt-newsletter {
                    display: none;
                }

                .pt-footer {
                    padding-top: 1.75rem;
                }

                .pt-footer-grid {
                    gap: 0.85rem;
                }

                .pt-footer-grid > div {
                    padding-left: 0;
                    padding-right: 0;
                }

                .site-wrap {
                    padding-left: 0.85rem;
                    padding-right: 0.85rem;
                }

                .pt-brand-copy {
                    font-size: clamp(1.5rem, 9vw, 1.9rem);
                }

                .pt-footer a,
                .pt-footer li,
                .pt-footer-brand p,
                .pt-footer-bottom p {
                    font-size: 0.84rem;
                    line-height: 1.6;
                    word-break: break-word;
                    overflow-wrap: anywhere;
                }

                .pt-footer-social-mobile a {
                    width: 36px;
                    height: 36px;
                }
            }

            .lp-section-head-space {
                margin-bottom: 1.1rem;
            }

            .lp-section-link {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                color: #1769FF;
                font-weight: 800;
                font-size: 0.9rem;
            }

            .lp-category-carousel {
                position: relative;
                overflow: hidden;
            }

            .lp-category-track {
                display: grid;
                grid-template-columns: repeat(6, minmax(0, 1fr));
                gap: 1rem;
            }

            .lp-category-card {
                background: #ffffff;
                border: 1px solid #E5E7EB;
                border-radius: 16px;
                padding: 0.85rem;
                box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
                text-align: center;
                transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
            }

            .lp-category-card:hover {
                transform: translateY(-4px);
                border-color: rgba(23, 105, 255, 0.28);
                box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
            }

            .lp-category-card img {
                width: 100%;
                height: 120px;
                object-fit: cover;
                border-radius: 12px;
                margin-bottom: 0.85rem;
            }

            .lp-category-card strong {
                display: block;
                color: #111827;
                font-size: 0.9rem;
                font-weight: 800;
            }

            .lp-category-card span {
                display: block;
                margin-top: 0.22rem;
                color: #667085;
                font-size: 0.76rem;
            }

            .lp-carousel-next {
                width: 40px;
                height: 40px;
                border-radius: 999px;
                border: 1px solid #D0D5DD;
                background: #ffffff;
                color: #111827;
                cursor: pointer;
                box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
            }

            .lp-banner-section {
                padding: 2rem 0 0;
            }

            .lp-banner {
                position: relative;
                display: grid;
                grid-template-columns: minmax(0, 1.1fr) minmax(360px, 1.1fr) auto;
                gap: 1rem;
                align-items: center;
                min-height: 240px;
                padding: 1.5rem 1.4rem 1.4rem;
                border-radius: 28px;
                background: linear-gradient(135deg, #071426 0%, #0f1d3b 52%, #0b1830 100%);
                color: #ffffff;
                box-shadow: 0 24px 56px rgba(7, 20, 38, 0.24);
                overflow: hidden;
            }

            .lp-banner::before {
                content: '';
                position: absolute;
                inset: auto auto -40px -40px;
                width: 220px;
                height: 220px;
                background: rgba(23, 105, 255, 0.14);
                border-radius: 50%;
                filter: blur(16px);
            }

            .lp-banner::after {
                content: '';
                position: absolute;
                right: 5%;
                top: -30px;
                width: 180px;
                height: 180px;
                background: rgba(109, 96, 255, 0.18);
                border-radius: 50%;
                filter: blur(18px);
            }

            .lp-banner-copy {
                position: relative;
                z-index: 1;
            }

            .lp-banner-copy h2 {
                margin: 0.6rem 0 0;
                font-size: clamp(2rem, 2.8vw, 3.1rem);
                line-height: 1.02;
                letter-spacing: -0.05em;
                font-weight: 900;
            }

            .lp-banner-copy h2 span {
                color: #8db7ff;
            }

            .lp-banner-copy p {
                margin: 0.7rem 0 1rem;
                color: rgba(255, 255, 255, 0.78);
                max-width: 35ch;
            }

            .lp-banner-visual {
                position: relative;
                z-index: 1;
                min-height: 200px;
                display: grid;
                place-items: center;
            }

            .lp-banner-visual img {
                width: 100%;
                max-width: 430px;
                height: auto;
                max-height: 190px;
                object-fit: contain;
                filter: drop-shadow(0 18px 28px rgba(23, 105, 255, 0.2));
            }

            .lp-banner-brands {
                position: absolute;
                bottom: 0.55rem;
                left: 0;
                right: 0;
                display: flex;
                justify-content: center;
                gap: 0.7rem;
                flex-wrap: wrap;
                color: rgba(255, 255, 255, 0.9);
            }

            .lp-banner-brands span {
                font-size: 0.82rem;
                font-weight: 700;
                letter-spacing: 0.04em;
            }

            .lp-banner-embed-shell {
                position: relative;
                z-index: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                min-height: 210px;
            }

            .lp-banner-embed {
                width: min(100%, 600px);
                height: 1176px;
                max-height: 70vh;
                border: 0;
                border-radius: 22px;
                overflow: hidden;
                background: #ffffff;
                box-shadow: 0 18px 42px rgba(7, 20, 38, 0.18);
            }

            .lp-banner-offer {
                position: relative;
                z-index: 1;
                width: 138px;
                aspect-ratio: 1;
                display: grid;
                place-items: center;
                text-align: center;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.96);
                color: #071426;
                box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);
            }

            .lp-banner-offer span,
            .lp-banner-offer small {
                display: block;
                color: #1769FF;
                font-size: 0.68rem;
                font-weight: 900;
                letter-spacing: 0.12em;
            }

            .lp-banner-offer strong {
                display: block;
                color: #1769FF;
                font-size: 2.9rem;
                line-height: 0.9;
                font-weight: 900;
                letter-spacing: -0.08em;
            }

            .lp-banner-offer p {
                margin: 0.1rem 0 0;
                color: #667085;
                font-size: 0.7rem;
                font-weight: 700;
            }

            .lp-product-grid {
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 1rem;
            }

            .lp-product-card {
                background: #ffffff;
                border: 1px solid #E5E7EB;
                border-radius: 18px;
                overflow: hidden;
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
                transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
            }

            .lp-product-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 20px 44px rgba(15, 23, 42, 0.12);
                border-color: rgba(23, 105, 255, 0.2);
            }

            .lp-product-media {
                display: block;
                background: #F8FAFC;
                min-height: 180px;
            }

            .lp-product-media img {
                width: 100%;
                height: 180px;
                object-fit: cover;
                transition: transform 220ms ease;
            }

            .lp-product-card:hover .lp-product-media img {
                transform: scale(1.03);
            }

            .lp-product-body {
                position: relative;
                padding: 0.95rem;
                min-height: 260px;
                display: flex;
                flex-direction: column;
            }

            .lp-product-body h3 {
                margin: 0;
                font-size: 0.92rem;
                line-height: 1.35;
                font-weight: 800;
            }

            .lp-product-body h3 a {
                color: #111827;
            }

            .lp-product-summary {
                margin: 0.6rem 0 0;
                color: #475467;
                font-size: 0.8rem;
                line-height: 1.65;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .lp-product-specs {
                margin: 0.7rem 0 0;
                padding: 0;
                list-style: none;
                display: flex;
                gap: 0.35rem;
                flex-wrap: wrap;
                color: #667085;
                font-size: 0.74rem;
            }

            .lp-product-specs li {
                padding: 0.2rem 0.45rem;
                border-radius: 999px;
                background: #F5F7FB;
                border: 1px solid #E5E7EB;
            }

            .lp-product-price {
                margin-top: auto;
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 0.5rem;
                flex-wrap: wrap;
                padding-top: 0.8rem;
            }

            .lp-product-price strong {
                color: #111827;
                font-size: 1rem;
            }

            .lp-product-price span {
                color: #98A2B3;
                font-size: 0.78rem;
                text-decoration: line-through;
            }

            .lp-rating {
                margin-top: 0.35rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 0.35rem;
                color: #1769FF;
                font-size: 0.78rem;
            }

            .lp-rating small {
                color: #667085;
                font-size: 0.74rem;
            }

            .lp-product-cart {
                position: absolute;
                right: 0.95rem;
                bottom: 0.95rem;
                width: 38px;
                height: 38px;
                border-radius: 10px;
                display: grid;
                place-items: center;
                border: 1px solid #D0D5DD;
                background: #ffffff;
                color: #1769FF;
                box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
            }

            .lp-hero {
                background: linear-gradient(180deg, #F8FAFF 0%, #F4F8FD 100%);
                padding: 2.2rem 0 1.6rem;
            }

            .lp-hero-grid {
                display: grid;
                grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.95fr);
                align-items: center;
                gap: 1.5rem;
            }

            .lp-hero-copy {
                max-width: 620px;
            }

            .lp-brand-line {
                display: inline-flex;
                align-items: center;
                gap: 0.75rem;
                margin-bottom: 1rem;
            }

            .lp-brand-mark {
                width: 42px;
                height: 42px;
                border-radius: 14px;
                display: grid;
                place-items: center;
                background: linear-gradient(135deg, #1769FF 0%, #0B1E3A 100%);
                color: #ffffff;
                font-size: 1.15rem;
                font-weight: 900;
                box-shadow: 0 12px 22px rgba(23, 105, 255, 0.2);
            }

            .lp-brand-line strong {
                display: block;
                color: #071426;
                font-size: 1.1rem;
                font-weight: 900;
                letter-spacing: -0.04em;
            }

            .lp-brand-line small {
                display: block;
                color: #667085;
                font-size: 0.72rem;
                font-weight: 600;
            }

            .lp-kicker {
                margin: 0;
                color: #1769FF;
                font-size: 0.76rem;
                font-weight: 800;
                letter-spacing: 0.15em;
                text-transform: uppercase;
            }

            .lp-kicker-light {
                color: #8BB3FF;
            }

            .lp-hero-copy h1 {
                margin: 0.7rem 0 0;
                color: #071426;
                font-size: clamp(2.7rem, 4vw, 5rem);
                line-height: 0.95;
                letter-spacing: -0.076em;
                font-weight: 900;
            }

            .lp-hero-copy h1 span {
                display: block;
                color: #0f172a;
            }

            .lp-hero-desc {
                margin: 1rem 0 0;
                max-width: 56ch;
                color: #475467;
                font-size: 1.04rem;
                line-height: 1.75;
            }

            .lp-hero-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 0.8rem;
                margin-top: 1.5rem;
            }

            .lp-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 0.55rem;
                min-height: 50px;
                padding: 0 1.35rem;
                border-radius: 14px;
                border: 1px solid #D0D5DD;
                background: #ffffff;
                color: #071426;
                font-size: 0.78rem;
                font-weight: 800;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
            }

            .lp-btn:hover {
                transform: translateY(-1px);
            }

            .lp-btn-primary {
                background: #1769FF;
                border-color: #1769FF;
                color: #ffffff;
                box-shadow: 0 18px 30px rgba(23, 105, 255, 0.22);
            }

            .lp-btn-secondary {
                background: rgba(255, 255, 255, 0.8);
                border-color: rgba(17, 24, 39, 0.08);
                color: #071426;
            }

            .lp-benefits {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 0.8rem;
                margin-top: 1.6rem;
            }

            .lp-brand-strip {
                margin-top: 1.5rem;
                padding-top: 1.1rem;
                border-top: 1px solid rgba(148, 163, 184, 0.26);
            }

            .lp-brand-strip-label {
                display: block;
                margin-bottom: 0.7rem;
                color: #667085;
                font-size: 0.68rem;
                font-weight: 800;
                letter-spacing: 0.14em;
                text-transform: uppercase;
            }

            .lp-brand-row {
                display: flex;
                flex-wrap: wrap;
                gap: 0.55rem;
            }

            .lp-brand-pill {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 32px;
                padding: 0.45rem 0.8rem;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.7);
                border: 1px solid rgba(148, 163, 184, 0.2);
                color: #0f172a;
                font-size: 0.74rem;
                font-weight: 800;
                letter-spacing: 0.04em;
            }

            .lp-benefit {
                display: flex;
                align-items: flex-start;
                gap: 0.7rem;
                padding: 0.85rem 0.9rem;
                border: 1px solid rgba(148, 163, 184, 0.18);
                border-radius: 16px;
                background: rgba(255, 255, 255, 0.72);
            }

            .lp-benefit i {
                width: 36px;
                height: 36px;
                display: grid;
                place-items: center;
                border-radius: 12px;
                background: #EAF2FF;
                color: #1769FF;
                font-size: 0.9rem;
                flex: 0 0 auto;
            }

            .lp-benefit strong {
                display: block;
                color: #071426;
                font-size: 0.8rem;
                font-weight: 800;
            }

            .lp-benefit span {
                display: block;
                margin-top: 0.12rem;
                color: #667085;
                font-size: 0.72rem;
                line-height: 1.45;
            }

            .lp-hero-visual {
                display: flex;
                justify-content: center;
            }

            .lp-hero-stage {
                position: relative;
                width: min(100%, 940px);
                min-height: 700px;
                background: transparent;
                border: 0;
                overflow: hidden;
            }

            .lp-hero-stage::before {
                content: '';
                position: absolute;
                left: 10%;
                right: 10%;
                bottom: 1.1rem;
                height: 16px;
                border-radius: 50%;
                background: rgba(15, 23, 42, 0.12);
                filter: blur(9px);
            }

            .lp-hero-slides {
                position: absolute;
                inset: 0;
                z-index: 1;
            }

            .lp-hero-slide {
                position: absolute;
                inset: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 2.2rem 2rem 1.2rem;
                opacity: 0;
                visibility: hidden;
                transform: translateX(18px) scale(0.98);
                transition: opacity 480ms ease, transform 480ms ease, visibility 480ms ease;
            }

            .lp-hero-slide.is-active {
                opacity: 1;
                visibility: visible;
                transform: translateX(0) scale(1);
            }

            .lp-slide-device {
                position: relative;
                width: min(100%, 760px);
                min-height: 560px;
                padding: 0;
                border-radius: 0;
                background: transparent;
                border: 0;
                box-shadow: none;
            }

            .lp-slide-device::before {
                content: '';
                position: absolute;
                left: 16%;
                right: 16%;
                bottom: -10px;
                height: 18px;
                border-radius: 50%;
                background: rgba(15, 23, 42, 0.16);
                filter: blur(8px);
            }

            .lp-slide-display {
                position: relative;
                height: 500px;
                border-radius: 18px;
                overflow: hidden;
                border: 0;
                background: linear-gradient(135deg, #0b1e3a 0%, #1d3d77 42%, #1e88d1 100%);
            }

            .lp-slide-display::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(120deg, rgba(255,255,255,0.3), rgba(255,255,255,0) 46%, rgba(66,198,199,0.28));
            }

            .lp-slide-image {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                display: block;
            }

            .lp-slide-glow {
                position: absolute;
                width: 180px;
                height: 180px;
                right: -18px;
                top: -30px;
                border-radius: 50%;
                background: rgba(98, 223, 224, 0.38);
                filter: blur(18px);
            }

            .lp-slide-metrics {
                position: absolute;
                left: 1.1rem;
                right: 1.1rem;
                bottom: 1rem;
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 0.65rem;
            }

            .lp-slide-metric {
                padding: 0.5rem 0.45rem 0.35rem;
                border-radius: 12px;
                background: rgba(255, 255, 255, 0.12);
                border: 1px solid rgba(255,255,255,0.14);
                backdrop-filter: blur(6px);
                text-align: center;
                color: #ffffff;
            }

            .lp-slide-metric strong {
                display: block;
                font-size: 0.95rem;
                letter-spacing: -0.04em;
            }

            .lp-slide-metric span {
                display: block;
                margin-top: 0.1rem;
                font-size: 0.56rem;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                opacity: 0.9;
            }

            .lp-slide-caption {
                position: absolute;
                left: 1rem;
                top: 1rem;
                z-index: 2;
                display: inline-flex;
                align-items: center;
                gap: 0.45rem;
                padding: 0.38rem 0.7rem;
                border-radius: 999px;
                border: 1px solid rgba(255,255,255,0.18);
                background: rgba(7, 20, 38, 0.28);
                color: #ffffff;
                font-size: 0.65rem;
                font-weight: 800;
                letter-spacing: 0.12em;
                text-transform: uppercase;
            }

            .lp-slide-caption i {
                font-size: 0.7rem;
            }

            .lp-slide-labels {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 0.75rem;
                margin-top: 0.82rem;
                color: #071426;
            }

            .lp-slide-labels strong {
                display: block;
                font-size: 1.05rem;
                letter-spacing: -0.04em;
            }

            .lp-slide-labels span {
                display: block;
                color: #667085;
                font-size: 0.72rem;
                font-weight: 700;
                letter-spacing: 0.12em;
                text-transform: uppercase;
            }

            .lp-slide-price {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                font-weight: 900;
                letter-spacing: -0.04em;
            }

            .lp-slide-price strong {
                font-size: 1.15rem;
                color: #071426;
            }

            .lp-slide-price small {
                font-size: 0.66rem;
                color: #667085;
                text-transform: uppercase;
                letter-spacing: 0.08em;
            }

            .lp-hero-dots {
                position: absolute;
                left: 50%;
                bottom: 1.05rem;
                transform: translateX(-50%);
                z-index: 2;
                display: inline-flex;
                align-items: center;
                gap: 0.55rem;
                padding: 0.45rem 0.65rem;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.72);
                border: 1px solid rgba(148, 163, 184, 0.34);
                box-shadow: 0 12px 22px rgba(15, 23, 42, 0.08);
            }

            .lp-hero-dot {
                width: 10px;
                height: 10px;
                padding: 0;
                border: 0;
                border-radius: 50%;
                background: rgba(59, 130, 246, 0.2);
                cursor: pointer;
                transition: transform 180ms ease, background 180ms ease;
            }

            .lp-hero-dot.is-active {
                background: #1769FF;
                transform: scale(1.15);
            }

            .lp-static-banner {
                display: flex;
                flex-direction: column;
                gap: 1rem;
                padding: 1.1rem 1.1rem 0.9rem;
                border: 1px solid rgba(148, 163, 184, 0.32);
                border-radius: 30px;
                background: linear-gradient(180deg, rgba(243, 246, 255, 0.82), rgba(233, 240, 255, 0.96));
                box-shadow: 0 24px 42px rgba(15, 23, 42, 0.08);
            }

            .lp-static-banner-visual {
                position: relative;
                min-height: 360px;
                border-radius: 24px;
                overflow: hidden;
                background: linear-gradient(135deg, #dfeeff 0%, #edf5ff 35%, #f6faff 100%);
                border: 1px solid rgba(148, 163, 184, 0.3);
            }

            .lp-static-main-image {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }

            .lp-static-side-image {
                position: absolute;
                right: 1.15rem;
                bottom: 1.1rem;
                width: 210px;
                height: 130px;
                object-fit: cover;
                border-radius: 18px;
                border: 1px solid rgba(15, 23, 42, 0.08);
                box-shadow: 0 18px 34px rgba(15, 23, 42, 0.14);
                background: #fff;
            }

            .lp-static-badge {
                position: absolute;
                left: 1rem;
                top: 1rem;
                z-index: 3;
                display: inline-flex;
                align-items: center;
                gap: 0.35rem;
                padding: 0.46rem 0.85rem;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.28);
                border: 1px solid rgba(255, 255, 255, 0.3);
                color: #0f172a;
                font-size: 0.7rem;
                font-weight: 800;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                backdrop-filter: blur(8px);
            }

            .lp-static-offer-badge {
                position: absolute;
                right: 1.1rem;
                top: 1.1rem;
                z-index: 3;
                width: 120px;
                height: 120px;
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.72);
                border: 1px solid rgba(148, 163, 184, 0.38);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                color: #0f172a;
                text-align: center;
                box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
            }

            .lp-static-offer-badge small,
            .lp-static-offer-badge span {
                display: block;
                font-weight: 700;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                font-size: 0.56rem;
            }

            .lp-static-offer-badge strong {
                display: block;
                font-size: 2.1rem;
                line-height: 1;
                letter-spacing: -0.06em;
                margin: 0.1rem 0;
            }

            .lp-static-banner-meta {
                position: absolute;
                left: 1.1rem;
                right: 1.1rem;
                bottom: 0.9rem;
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 0.7rem;
            }

            .lp-static-meta-pill {
                padding: 0.72rem 0.8rem;
                border-radius: 14px;
                background: rgba(255, 255, 255, 0.18);
                border: 1px solid rgba(255, 255, 255, 0.24);
                backdrop-filter: blur(6px);
                color: #ffffff;
                text-align: center;
            }

            .lp-static-meta-pill strong {
                display: block;
                font-size: 1rem;
                line-height: 1.2;
                letter-spacing: -0.03em;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .lp-static-meta-pill span {
                display: block;
                margin-top: 0.28rem;
                text-transform: uppercase;
                letter-spacing: 0.12em;
                opacity: 0.9;
                font-size: 0.56rem;
            }

            .lp-static-banner-footer {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 1rem;
                padding: 0.15rem 0.2rem 0.1rem;
            }

            .lp-static-banner-footer h3 {
                margin: 0;
                font-size: clamp(1.55rem, 2vw, 2.1rem);
                letter-spacing: -0.05em;
                color: #0f172a;
            }

            .lp-static-banner-footer p {
                margin: 0.25rem 0 0;
                font-size: 0.72rem;
                letter-spacing: 0.2em;
                text-transform: uppercase;
                color: #475569;
            }

            .lp-static-banner-price {
                display: flex;
                align-items: baseline;
                gap: 0.45rem;
                font-weight: 800;
                letter-spacing: -0.04em;
                color: #0f172a;
            }

            .lp-static-banner-price strong {
                font-size: clamp(1.2rem, 1.7vw, 1.8rem);
            }

            .lp-static-banner-price span {
                font-size: 0.72rem;
                font-weight: 700;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                color: #475569;
            }

            .lp-section-muted {
                background: #F5F7FB;
                padding-bottom: 1rem;
                margin-top: 1.8rem;
            }

            .pt-image-banner {
                padding: 2rem 0 1rem;
            }

            .pt-image-banner-grid {
                display: flex;
                align-items: stretch;
                justify-content: center;
                flex-wrap: wrap;
                gap: 1rem;
            }

            @keyframes pt-banner-enter {
                from {
                    opacity: 0;
                    transform: translateY(22px) scale(0.98);
                }
                to {
                    opacity: 1;
                    transform: translateY(0) scale(1);
                }
            }

            @keyframes pt-banner-image-drift {
                0%, 100% {
                    transform: scale(1);
                }
                50% {
                    transform: scale(1.018);
                }
            }

            .pt-image-banner-link {
                display: flex;
                flex: 1 1 180px;
                align-items: center;
                justify-content: center;
                min-height: 120px;
                overflow: hidden;
                border-radius: 18px;
                background: #ffffff;
                animation: pt-banner-enter 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
            }

            .pt-image-banner-link:nth-child(2) {
                animation-delay: 140ms;
            }

            .pt-image-banner-link img {
                width: 92px;
                height: 54px;
                object-fit: contain;
                padding: 0.25rem;
                transition: transform 360ms ease;
                animation: pt-banner-image-drift 7s ease-in-out 900ms infinite;
            }

            .pt-brand-showcase {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 0.55rem;
                width: 100%;
                padding: 0.75rem;
            }

            .pt-brand-showcase strong {
                color: #071b41;
                font-size: 0.8rem;
                font-weight: 800;
                white-space: nowrap;
            }

            .pt-image-banner-name {
                padding: 1rem;
                color: #071b41;
                font-size: 0.85rem;
                font-weight: 800;
                text-align: center;
            }

            .pt-image-banner-link:hover img {
                transform: scale(1.025);
                animation-play-state: paused;
            }

            @media (prefers-reduced-motion: reduce) {
                .pt-image-banner-link,
                .pt-image-banner-link img {
                    animation: none;
                }
            }

            .lp-benefit-grid {
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 0.85rem;
            }

            .lp-feature-card {
                background: #ffffff;
                border: 1px solid #E5E7EB;
                border-radius: 18px;
                padding: 1rem;
                display: flex;
                align-items: flex-start;
                gap: 0.85rem;
                box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
            }

            .lp-feature-icon {
                width: 42px;
                height: 42px;
                border-radius: 999px;
                background: #EAF2FF;
                color: #1769FF;
                display: grid;
                place-items: center;
                flex: 0 0 auto;
            }

            .lp-feature-card h3 {
                margin: 0;
                color: #111827;
                font-size: 0.94rem;
                font-weight: 800;
            }

            .lp-feature-card p {
                margin: 0.3rem 0 0;
                color: #667085;
                font-size: 0.82rem;
                line-height: 1.55;
            }

            .lp-newsletter-section {
                padding: 2rem 0 1rem;
                background: #ffffff;
            }

            .lp-newsletter {
                border-radius: 24px;
                background: #071426;
                color: #ffffff;
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(330px, 0.85fr);
                gap: 1rem;
                align-items: center;
            }

            .lp-newsletter-copy {
                display: flex;
                gap: 0.95rem;
                align-items: flex-start;
            }

            .lp-newsletter-icon {
                width: 48px;
                height: 48px;
                border-radius: 999px;
                background: rgba(255, 255, 255, 0.08);
                display: grid;
                place-items: center;
                flex: 0 0 auto;
            }

            .lp-newsletter h2 {
                margin: 0.35rem 0 0;
                font-size: clamp(1.5rem, 2.6vw, 2.3rem);
                line-height: 1.05;
                font-weight: 900;
            }

            .lp-newsletter p {
                margin: 0.55rem 0 0;
                color: rgba(255, 255, 255, 0.8);
                line-height: 1.65;
            }

            .lp-newsletter-form {
                display: flex;
                gap: 0.75rem;
                align-items: center;
            }

            .lp-newsletter-form input {
                flex: 1;
                min-height: 48px;
                border-radius: 12px;
                border: 1px solid rgba(255, 255, 255, 0.14);
                background: #ffffff;
                color: #111827;
                padding: 0 1rem;
                font: inherit;
            }

            .lp-newsletter-form input:focus {
                outline: none;
                border-color: rgba(23, 105, 255, 0.55);
                box-shadow: 0 0 0 4px rgba(23, 105, 255, 0.12);
            }

            .lp-footer {
                background: #071426;
                color: rgba(255, 255, 255, 0.9);
                padding: 2.25rem 0 1rem;
                margin-top: 1.6rem;
            }

            .lp-footer-grid {
                display: grid;
                grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr));
                gap: 1rem;
            }

            .lp-brand-footer {
                color: #ffffff;
                align-items: flex-start;
            }

            .lp-footer-brand p {
                margin: 0.9rem 0 0;
                max-width: 34ch;
                color: rgba(255, 255, 255, 0.72);
                line-height: 1.7;
            }

            .lp-footer h4 {
                margin: 0 0 0.8rem;
                font-size: 0.92rem;
                letter-spacing: 0.12em;
                text-transform: uppercase;
                color: #ffffff;
            }

            .lp-footer ul {
                margin: 0;
                padding: 0;
                list-style: none;
                display: grid;
                gap: 0.42rem;
            }

            .lp-footer li,
            .lp-footer a {
                color: rgba(255, 255, 255, 0.78);
                font-size: 0.9rem;
            }

            .lp-footer a:hover {
                color: #8ab4ff;
            }

            .lp-socials {
                display: inline-flex;
                gap: 0.4rem;
                margin-top: 0.95rem;
            }

            .lp-socials a {
                width: 36px;
                height: 36px;
                border-radius: 999px;
                display: grid;
                place-items: center;
                border: 1px solid rgba(255, 255, 255, 0.1);
                background: rgba(255, 255, 255, 0.06);
                color: #ffffff;
            }

            .lp-payments {
                margin-top: 0.95rem;
                display: grid;
                gap: 0.6rem;
            }

            .lp-payments > span {
                color: #ffffff;
                font-size: 0.78rem;
                font-weight: 800;
                letter-spacing: 0.12em;
                text-transform: uppercase;
            }

            .lp-payment-pills {
                display: flex;
                flex-wrap: wrap;
                gap: 0.4rem;
            }

            .lp-payment-pills span {
                padding: 0.35rem 0.62rem;
                border-radius: 999px;
                border: 1px solid rgba(255, 255, 255, 0.14);
                background: rgba(255, 255, 255, 0.06);
                color: rgba(255, 255, 255, 0.9);
                font-size: 0.75rem;
            }

            .lp-footer-bottom {
                margin-top: 1.4rem;
                padding-top: 0.95rem;
                border-top: 1px solid rgba(255, 255, 255, 0.1);
                display: flex;
                justify-content: space-between;
                gap: 0.75rem;
                flex-wrap: wrap;
            }

            .lp-footer-bottom a {
                color: rgba(255, 255, 255, 0.82);
            }

            .lp-footer-bottom a:hover {
                color: #8ab4ff;
            }

            @media (max-width: 1180px) {
                .lp-benefits {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .lp-category-track {
                    grid-template-columns: repeat(6, minmax(260px, 1fr));
                    overflow-x: auto;
                    padding-bottom: 0.35rem;
                    scroll-snap-type: x mandatory;
                }

                .lp-category-card {
                    scroll-snap-align: start;
                }

                .lp-product-grid {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }

                .lp-benefit-grid {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }

                .lp-footer-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            @media (max-width: 980px) {
                .prism-utility {
                    display: none;
                }

                .prism-header-search {
                    grid-column: 1 / -1;
                    grid-row: 2;
                    justify-self: stretch;
                    width: calc(100% + 2rem);
                    margin-left: -1rem;
                }

                .prism-links {
                    grid-row: 3;
                }

                .prism-actions {
                    grid-column: 2;
                    grid-row: 1;
                }

                .lp-topbar-grid,
                .lp-header-grid,
                .lp-nav-grid,
                .lp-banner,
                .lp-newsletter,
                .lp-footer-grid {
                    grid-template-columns: 1fr;
                }

                .lp-topbar {
                    display: none;
                }

                .lp-header-grid {
                    gap: 1rem;
                    padding-top: 1rem;
                    padding-bottom: 1rem;
                }

                .lp-searchbar {
                    grid-template-columns: minmax(0, 1fr) 160px 52px;
                }

                .lp-header-actions {
                    justify-content: space-between;
                    width: 100%;
                    overflow-x: auto;
                    padding-bottom: 0.1rem;
                }

                .lp-nav-links {
                    display: none;
                }

                .lp-mobile-toggle {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                }

                .lp-mobile-panel {
                    display: block;
                }

                .lp-hero-grid {
                    grid-template-columns: 1fr;
                    padding-top: 1.35rem;
                }

                .lp-hero-stage {
                    min-height: 360px;
                }

                .lp-product-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .lp-benefit-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }

                .lp-banner-offer {
                    justify-self: start;
                }
            }

            @media (max-width: 760px) {
                .site-wrap,
                .lp-topbar-grid,
                .lp-header-grid,
                .lp-nav-grid,
                .lp-hero-grid,
                .lp-banner,
                .lp-newsletter,
                .lp-footer-grid,
                .lp-footer-bottom {
                    padding-left: 0.95rem;
                    padding-right: 0.95rem;
                }

                .lp-brand-copy strong {
                    font-size: 1.55rem;
                }

                .lp-searchbar {
                    grid-template-columns: 1fr;
                }

                .lp-search-button {
                    width: 100%;
                }

                .lp-hero-copy h1 {
                    font-size: clamp(2.35rem, 11vw, 3.5rem);
                    letter-spacing: -0.05em;
                }

                .lp-benefits {
                    grid-template-columns: 1fr;
                }

                .lp-product-grid {
                    grid-template-columns: 1fr;
                }

                .lp-benefit-grid {
                    grid-template-columns: 1fr;
                }

                .lp-banner {
                    gap: 1.1rem;
                }

                .pt-image-banner-link {
                    flex-basis: calc(50% - 0.5rem);
                }

                .lp-banner-offer {
                    width: 120px;
                }

                .lp-footer-bottom {
                    justify-content: center;
                    text-align: center;
                }
            }

            @media (max-width: 560px) {
                .site-wrap {
                    padding-left: 0.8rem;
                    padding-right: 0.8rem;
                }

                .prism-nav > .site-wrap {
                    grid-template-columns: 1fr auto;
                    gap: 0.55rem;
                    min-height: 122px;
                    padding-left: 0.8rem;
                    padding-right: 0.8rem;
                }

                .prism-header-search {
                    grid-column: 1 / -1;
                    grid-row: 2;
                    justify-self: stretch;
                    width: calc(100% + 2rem);
                    margin-left: -1rem;
                }

                .prism-brand {
                    min-width: 0;
                    gap: 0.5rem;
                    font-size: clamp(1.1rem, 5vw, 1.6rem);
                }

                .prism-brand-mark {
                    width: 38px;
                    height: 38px;
                    border-radius: 12px;
                    font-size: 0.92rem;
                }

                .prism-brand > span:last-child {
                    max-width: 9rem;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .prism-actions {
                    gap: 0.15rem;
                    justify-self: end;
                }

                .prism-icon-btn,
                .prism-menu-btn {
                    width: 36px;
                    height: 36px;
                }

                .lp-brand-line {
                    gap: 0.5rem;
                    margin-bottom: 0.8rem;
                }

                .lp-brand-mark {
                    width: 34px;
                    height: 34px;
                    font-size: 0.95rem;
                    border-radius: 12px;
                }

                .lp-brand-line strong {
                    font-size: 1rem;
                }

                .lp-header-actions {
                    gap: 0.2rem;
                }

                .lp-action-link {
                    min-width: 56px;
                    font-size: 0.7rem;
                }

                .lp-hero {
                    padding-top: 1.2rem;
                }

                .lp-hero-copy h1 {
                    font-size: clamp(2.25rem, 12vw, 2.9rem);
                    line-height: 0.98;
                    letter-spacing: -0.045em;
                }

                .lp-hero-desc {
                    font-size: 0.96rem;
                    line-height: 1.6;
                }

                .lp-hero-actions {
                    flex-direction: column;
                    align-items: stretch;
                }

                .lp-btn {
                    width: 100%;
                    justify-content: center;
                }

                .lp-benefit {
                    padding: 0.75rem 0.8rem;
                }

                .lp-category-toggle > summary {
                    width: 100%;
                    justify-content: center;
                }

                .lp-category-track {
                    grid-template-columns: repeat(6, minmax(220px, 1fr));
                }

                .lp-product-cart {
                    right: 0.8rem;
                    bottom: 0.8rem;
                }
            }

            @media (max-width: 420px) {
                .pt-topbar-inner {
                    grid-template-columns: 1fr;
                    gap: 0.3rem;
                    padding-top: 0.4rem;
                    padding-bottom: 0.4rem;
                }

                .pt-topbar-inner span,
                .pt-topbar-inner span:first-child,
                .pt-topbar-inner span:last-child {
                    text-align: center;
                }

                .prism-brand > span:last-child {
                    max-width: 7.5rem;
                }

                .lp-hero-copy h1 {
                    font-size: clamp(2rem, 13vw, 2.5rem);
                }

                .lp-banner-copy h2 {
                    font-size: clamp(1.75rem, 10vw, 2.5rem);
                }
            }
body.store-page .store-catalog-heading h1 { line-height: 1.2; overflow-wrap: anywhere; }
.catalog-product-card { min-width: 0; }
.catalog-product-card h3 { overflow-wrap: anywhere; }
.store-sort-form { flex-wrap: wrap; }
body.store-page .store-breadcrumb,
body.store-page .store-breadcrumb a,
body.store-page .store-breadcrumb span { color: #536176; }
body.store-page .store-promo-slider__dot { width: 24px; height: 24px; padding: 9px; background-clip: content-box; border-radius: 50%; }
body.store-page .store-promo-slider__dots { gap: 2px; bottom: 2px; }
@media (max-width: 600px) {
    .prism-menu-btn, .prism-actions .prism-icon-btn { min-width: 40px; min-height: 40px; }
}

.prism-menu-btn { z-index: 101; }
.store-filter-close { display: none; }
@media (max-width: 980px) {
    .store-filter-close { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
}

.catalog-product-body .catalog-brand-tag {
    position: static;
    width: max-content;
    max-width: 100%;
    margin: 0;
}


/* Shared storefront location marquee. */
.shop-location-banner {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1rem;
    background: #0f172a;
    color: #ffffff;
    font-size: .85rem;
    line-height: 1.5;
}
.shop-location-viewport {
    order: -1;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.shop-location-track {
    display: flex;
    width: max-content;
    animation: shop-location-scroll 32s linear infinite;
}
.shop-location-track > span {
    flex: 0 0 auto;
    padding-right: 4rem;
    white-space: nowrap;
}
.shop-location-banner:focus .shop-location-track,
.shop-location-banner:hover .shop-location-track {
    animation-play-state: paused;
}
@keyframes shop-location-scroll {
    to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
    .shop-location-track { animation: none; width: auto; }
    .shop-location-track > span { flex: 1; white-space: normal; padding-right: 0; }
    .shop-location-track > span[aria-hidden] { display: none; }
}

/* Category navigation feedback keeps the existing grid in place while loading. */
.store-catalog-status:not(.visually-hidden) {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    padding: 14px 18px;
    border: 1px solid #e6d3a4;
    border-radius: 12px;
    background: #fff9eb;
    color: #64460d;
    font-size: 14px;
    font-weight: 600;
}
.store-catalog-status[data-loading="true"]::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 3px solid #eadcb9;
    border-top-color: #946b13;
    border-radius: 50%;
    animation: store-catalog-spin .7s linear infinite;
}
.store-page [data-live-products] {
    transition: opacity .18s ease;
}
.store-page [data-live-products][aria-busy="true"] {
    opacity: .4;
}
@keyframes store-catalog-spin {
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .store-catalog-status[data-loading="true"]::before { animation: none; }
    .store-page [data-live-products] { transition: none; }
}

/* Expanding the category filter must not stretch the neighboring product panel. */
body.store-page .store-listing-panel {
    align-self: start;
    min-width: 0;
}
body.store-page .store-category-list.is-expanded {
    max-height: 20rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}