{"product_id":"automatic-toilet-seat-sterilization-device","title":"Automatic Toilet Seat Sterilization Device","description":"\u003cstyle\u003e\n  .home {\n    --home-white: var(--background, #FBFBFE);\n    --home-ink: var(--ink, #080F20);\n    --home-muted: var(--text-muted, #5B6470);\n    --home-border: var(--border, #E7E3F2);\n    --home-blue: var(--purple-accent, #6A2AEE);\n    --home-blue-soft: rgba(222, 201, 252, 0.34);\n    --home-purple-main: var(--purple-main, #5F2EC9);\n    --home-purple-secondary: var(--purple-secondary, #9062F1);\n    --home-lavender-glow: var(--lavender-glow, #CDB4F8);\n    --home-heading: 'Playfair Display', Georgia, serif;\n    --home-body: 'DM Sans', Arial, sans-serif;\n    background: var(--home-white);\n    color: var(--home-ink);\n    font-family: var(--home-body);\n    overflow-x: hidden;\n  }\n\n  .home * {\n    box-sizing: border-box;\n  }\n\n  .home-wrap {\n    width: min(1180px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .home-section {\n    padding: 84px 0;\n    border-bottom: 1px solid var(--home-border);\n  }\n\n  .home-eyebrow {\n    margin: 0 0 14px;\n    color: var(--home-blue);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n  }\n\n  .home-title,\n  .home-section-title {\n    margin: 0;\n    font-family: var(--home-heading);\n    color: var(--home-ink);\n    font-weight: 800;\n    letter-spacing: -0.4px;\n  }\n\n  .home-title {\n    max-width: 720px;\n    font-size: clamp(46px, 6vw, 78px);\n    line-height: 0.98;\n  }\n\n  .home-section-title {\n    max-width: 720px;\n    font-size: clamp(34px, 4vw, 54px);\n    line-height: 1.06;\n  }\n\n  .home-copy {\n    margin: 20px 0 0;\n    max-width: 610px;\n    color: var(--home-muted);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  .home-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 50px;\n    padding: 0 22px;\n    border: 1px solid var(--home-blue);\n    border-radius: 999px;\n    background: var(--home-blue);\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 800;\n    text-decoration: none;\n    box-shadow: 0 16px 32px rgba(106, 42, 238, 0.22);\n  }\n\n  .home-button--secondary {\n    background: var(--home-white);\n    color: var(--home-blue);\n    border-color: var(--home-blue);\n    box-shadow: none;\n  }\n\n  .home-hero {\n    padding: 82px 0 74px;\n  }\n\n  .home-hero-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);\n    gap: 56px;\n    align-items: center;\n  }\n\n  .home-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 34px;\n  }\n\n  .home-proof {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n    margin-top: 48px;\n    max-width: 690px;\n  }\n\n  .home-proof-item {\n    padding-top: 16px;\n    border-top: 1px solid var(--home-border);\n  }\n\n  .home-proof-item strong {\n    display: block;\n    font-family: var(--home-heading);\n    color: var(--home-blue);\n    font-size: 32px;\n    line-height: 1;\n  }\n\n  .home-proof-item span {\n    display: block;\n    margin-top: 8px;\n    color: var(--home-muted);\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.4;\n  }\n\n  .hero-visual {\n    position: relative;\n    min-height: 560px;\n    border-radius: 34px;\n    overflow: hidden;\n    background: #ffffff;\n    box-shadow: 0 24px 70px rgba(95, 46, 201, 0.14);\n  }\n\n  .hero-visual img {\n    width: 100%;\n    height: 100%;\n    min-height: 560px;\n    object-fit: contain;\n    object-position: center;\n  }\n\n  .hero-visual::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0));\n    pointer-events: none;\n  }\n\n  .value-grid,\n  .fit-grid {\n    display: grid;\n    gap: 18px;\n  }\n\n  .value-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    margin-top: 42px;\n  }\n\n  .split-section .value-grid {\n    grid-template-columns: 1fr;\n    margin-top: 0;\n  }\n\n  .value-card,\n  .fit-card {\n    border: 1px solid var(--home-border);\n    border-radius: 18px;\n    background: var(--home-white);\n  }\n\n  .value-card {\n    padding: 28px;\n  }\n\n  .value-card h3,\n  .fit-card h3 {\n    margin: 0;\n    color: var(--home-ink);\n    font-size: 18px;\n    line-height: 1.3;\n  }\n\n  .value-card p,\n  .fit-card p {\n    margin: 10px 0 0;\n    color: var(--home-muted);\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .split-section {\n    display: grid;\n    grid-template-columns: 0.86fr 1.14fr;\n    gap: 66px;\n    align-items: start;\n  }\n\n  .cycle-section {\n    display: grid;\n    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\n    gap: 66px;\n    align-items: center;\n  }\n\n  .cycle-image {\n    overflow: hidden;\n    border: 1px solid var(--home-border);\n    border-radius: 28px;\n    background: #ffffff;\n    box-shadow: 0 20px 54px rgba(95, 46, 201, 0.12);\n  }\n\n  .cycle-image img {\n    display: block;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .cycle-benefits {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px;\n    margin-top: 30px;\n  }\n\n  .cycle-benefit {\n    display: grid;\n    grid-template-columns: 44px 1fr;\n    gap: 14px;\n    align-items: start;\n    padding: 18px;\n    border: 1px solid var(--home-border);\n    border-radius: 18px;\n    background: #ffffff;\n    box-shadow: 0 12px 30px rgba(95, 46, 201, 0.06);\n  }\n\n  .cycle-benefit__icon {\n    display: inline-flex;\n    width: 44px;\n    height: 44px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 999px;\n    background: var(--home-blue-soft);\n    color: var(--home-blue);\n  }\n\n  .cycle-benefit__icon svg {\n    width: 22px;\n    height: 22px;\n  }\n\n  .cycle-benefit h3 {\n    margin: 0;\n    color: var(--home-ink);\n    font-size: 15px;\n    line-height: 1.25;\n  }\n\n  .cycle-benefit p {\n    margin: 7px 0 0;\n    color: var(--home-muted);\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .germ-section {\n    background: transparent;\n  }\n\n  .germ-panel {\n    display: grid;\n    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);\n    gap: 54px;\n    align-items: center;\n  }\n\n  .germ-compare {\n    display: grid;\n    gap: 18px;\n  }\n\n  .germ-compare__media {\n    --position: 50%;\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--home-border);\n    border-radius: 28px;\n    background: #ffffff;\n    box-shadow: 0 22px 58px rgba(95, 46, 201, 0.11);\n    isolation: isolate;\n  }\n\n  .germ-compare__media img {\n    display: block;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .germ-compare__reveal {\n    position: absolute;\n    inset: 0 auto 0 0;\n    width: var(--position);\n    overflow: hidden;\n    border-right: 2px solid #ffffff;\n  }\n\n  .germ-compare__reveal img {\n    width: calc(100% \/ (var(--position-num, 0.5)));\n    max-width: none;\n  }\n\n  .germ-compare__range {\n    position: absolute;\n    inset: 0;\n    z-index: 4;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    cursor: ew-resize;\n    opacity: 0;\n  }\n\n  .germ-compare__handle {\n    position: absolute;\n    top: 50%;\n    left: var(--position);\n    z-index: 3;\n    display: grid;\n    width: 58px;\n    height: 58px;\n    place-items: center;\n    border: 1px solid var(--home-border);\n    border-radius: 999px;\n    background: #ffffff;\n    color: var(--home-purple-main);\n    box-shadow: 0 14px 32px rgba(8, 15, 32, 0.16);\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n  }\n\n  .germ-compare__handle svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .germ-compare__label {\n    position: absolute;\n    top: 18px;\n    z-index: 2;\n    padding: 10px 16px;\n    border: 1px solid rgba(255, 255, 255, 0.55);\n    border-radius: 999px;\n    background: rgba(8, 15, 32, 0.55);\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 0.2px;\n    backdrop-filter: blur(10px);\n  }\n\n  .germ-compare__label--left {\n    left: 18px;\n  }\n\n  .germ-compare__label--right {\n    right: 18px;\n    background: rgba(95, 46, 201, 0.7);\n  }\n\n  .germ-stat-card {\n    display: grid;\n    gap: 18px;\n    padding: 26px;\n    border: 1px solid var(--home-border);\n    border-radius: 22px;\n    background: #ffffff;\n    box-shadow: 0 14px 34px rgba(95, 46, 201, 0.07);\n  }\n\n  .germ-stat-card__top {\n    display: grid;\n    justify-items: center;\n    text-align: center;\n  }\n\n  .germ-stat-number-wrap {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    color: var(--home-purple-main);\n    font-family: var(--home-heading);\n    font-size: clamp(50px, 5.6vw, 68px);\n    font-weight: 800;\n    letter-spacing: 0;\n    line-height: 1;\n    white-space: nowrap;\n  }\n\n\n  .germ-stat-number {\n    display: inline-block;\n    font: inherit;\n    color: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n    white-space: nowrap;\n  }\n\n  .germ-stat-card__copy {\n    padding-top: 16px;\n    border-top: 1px solid var(--home-border);\n  }\n\n  .germ-stat-card p {\n    max-width: 440px;\n    margin: 0;\n    color: var(--home-ink);\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.42;\n  }\n\n  .germ-stat-card__copy span {\n    display: block;\n    margin-top: 10px;\n    color: var(--home-purple-main);\n    font-size: 13px;\n    font-weight: 800;\n  }\n\n  .germ-content {\n    max-width: 620px;\n  }\n\n  .germ-eyebrow-line {\n    width: 52px;\n    height: 3px;\n    margin: -4px 0 26px;\n    border-radius: 999px;\n    background: var(--home-lavender-glow);\n  }\n\n  .germ-benefits {\n    display: grid;\n    gap: 14px;\n    margin-top: 30px;\n  }\n\n  .germ-benefit {\n    display: grid;\n    grid-template-columns: 58px 1fr;\n    gap: 18px;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid var(--home-border);\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow: 0 12px 30px rgba(95, 46, 201, 0.06);\n  }\n\n  .germ-benefit__icon {\n    display: inline-flex;\n    width: 58px;\n    height: 58px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 999px;\n    background: var(--home-blue-soft);\n    color: var(--home-blue);\n  }\n\n  .germ-benefit__icon svg {\n    width: 27px;\n    height: 27px;\n  }\n\n  .germ-benefit h3 {\n    margin: 0;\n    color: var(--home-ink);\n    font-family: var(--home-heading);\n    font-size: 20px;\n    line-height: 1.15;\n  }\n\n  .germ-benefit p {\n    margin: 7px 0 0;\n    color: var(--home-muted);\n    font-size: 15px;\n    line-height: 1.58;\n  }\n\n  .germ-note {\n    margin: 20px 0 0;\n    max-width: 640px;\n    color: var(--home-muted);\n    font-size: 12px;\n    line-height: 1.55;\n  }\n\n  .bacteria-section {\n    background: transparent;\n  }\n\n  .bacteria-intro {\n    display: grid;\n    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);\n    gap: 42px;\n    align-items: end;\n    margin-bottom: 34px;\n  }\n\n  .bacteria-intro .home-copy {\n    margin-top: 0;\n  }\n\n  .bacteria-slider {\n    position: relative;\n    overflow: hidden;\n    padding: 2px 0 8px;\n  }\n\n  .bacteria-slider::before,\n  .bacteria-slider::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    z-index: 2;\n    width: 92px;\n    height: 100%;\n    pointer-events: none;\n  }\n\n  .bacteria-slider::before {\n    left: 0;\n    background: linear-gradient(90deg, var(--home-white), rgba(251, 251, 254, 0));\n  }\n\n  .bacteria-slider::after {\n    right: 0;\n    background: linear-gradient(270deg, var(--home-white), rgba(251, 251, 254, 0));\n  }\n\n  .bacteria-track {\n    display: flex;\n    width: max-content;\n    gap: 18px;\n    animation: bacteria-slide 34s linear infinite;\n    transform: translate3d(0, 0, 0);\n    will-change: transform;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .bacteria-slider:hover .bacteria-track {\n      animation-play-state: paused;\n    }\n  }\n\n  .bacteria-card {\n    position: relative;\n    flex: 0 0 clamp(160px, 15vw, 200px);\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    border: 1px solid var(--home-border);\n    border-radius: 22px;\n    background: #ffffff;\n    box-shadow: 0 14px 34px rgba(95, 46, 201, 0.08);\n  }\n\n  .bacteria-card img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    background: linear-gradient(135deg, rgba(222, 201, 252, 0.34), rgba(255, 255, 255, 0.92));\n  }\n\n  .bacteria-card__body {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    padding: 42px 12px 12px;\n    background: linear-gradient(180deg, rgba(8, 15, 32, 0), rgba(8, 15, 32, 0.72));\n  }\n\n  .bacteria-card h3 {\n    margin: 0;\n    color: #ffffff;\n    font-family: var(--home-heading);\n    font-size: 17px;\n    line-height: 1.08;\n    text-shadow: 0 2px 10px rgba(8, 15, 32, 0.28);\n  }\n\n  .bacteria-card p {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n    white-space: nowrap;\n  }\n\n  .bacteria-note {\n    margin: 22px 0 0;\n    color: var(--home-muted);\n    font-size: 12px;\n    line-height: 1.55;\n  }\n\n  @keyframes bacteria-slide {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n\n    to {\n      transform: translate3d(calc(-50% - 9px), 0, 0);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .bacteria-track {\n      animation: none;\n    }\n  }\n\n  .technology-section {\n    background: var(--home-white);\n  }\n\n  .technology-overview {\n    display: grid;\n    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);\n    gap: 58px;\n    align-items: center;\n  }\n\n  .technology-image-card {\n    overflow: hidden;\n    border: 1px solid var(--home-border);\n    border-radius: 28px;\n    background: #ffffff;\n    box-shadow: 0 22px 58px rgba(95, 46, 201, 0.11);\n  }\n\n  .technology-image-card img {\n    display: block;\n    width: 100%;\n    aspect-ratio: 4 \/ 3.15;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .technology-content {\n    max-width: 560px;\n  }\n\n  .technology-specs {\n    display: grid;\n    gap: 14px;\n    margin-top: 30px;\n  }\n\n  .technology-spec {\n    display: grid;\n    grid-template-columns: 78px 1fr;\n    gap: 18px;\n    align-items: center;\n    padding: 18px;\n    border: 1px solid var(--home-border);\n    border-radius: 18px;\n    background: #ffffff;\n    box-shadow: 0 12px 30px rgba(95, 46, 201, 0.06);\n  }\n\n  .technology-spec strong {\n    font-family: var(--home-heading);\n    color: var(--home-purple-main);\n    font-size: 38px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .technology-spec h3 {\n    margin: 0;\n    color: var(--home-ink);\n    font-size: 16px;\n    line-height: 1.25;\n  }\n\n  .technology-spec p {\n    margin: 7px 0 0;\n    color: var(--home-muted);\n    font-size: 14px;\n    line-height: 1.58;\n  }\n\n  .technology-note {\n    margin: 24px 0 0;\n    padding-left: 18px;\n    border-left: 3px solid var(--home-purple-secondary);\n    color: var(--home-muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  .install-steps {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n    margin-top: 36px;\n  }\n\n  .install-card {\n    display: flex;\n    min-height: 610px;\n    flex-direction: column;\n    overflow: hidden;\n    border: 1.5px solid var(--home-purple-main);\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow: 0 18px 42px rgba(95, 46, 201, 0.1);\n  }\n\n  .install-card__head {\n    display: grid;\n    min-height: 146px;\n    grid-template-columns: auto 1fr;\n    gap: 14px;\n    align-items: start;\n    padding: 20px 18px 14px;\n  }\n\n  .install-card__number {\n    font-family: var(--home-heading);\n    color: var(--home-purple-main);\n    font-size: 74px;\n    font-weight: 800;\n    line-height: 0.86;\n  }\n\n  .install-card__text {\n    margin: 2px 0 0;\n    color: var(--home-purple-main);\n    font-size: 14px;\n    font-weight: 850;\n    line-height: 1.22;\n  }\n\n  .install-card__media {\n    position: relative;\n    flex: 1;\n    overflow: hidden;\n    background: #ffffff;\n  }\n\n  .install-card__media img {\n    width: 100%;\n    height: 100%;\n    min-height: 430px;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n  }\n\n  .install-card--fragrance .install-card__media img {\n    object-position: 42% center;\n  }\n\n  .install-card--adhesive .install-card__media img {\n    object-position: 38% center;\n  }\n\n  .install-card--mount .install-card__media img {\n    object-position: center 42%;\n  }\n\n  .install-card--active .install-card__media img {\n    object-position: center 26%;\n  }\n\n  .fit-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .fit-card {\n    padding: 24px;\n  }\n\n  .note-box {\n    padding: 26px;\n    border: 1px solid var(--home-border);\n    border-radius: 18px;\n    background: var(--home-blue-soft);\n  }\n\n  .note-box p {\n    margin: 0;\n    color: var(--home-ink);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .image-panel {\n    border: 1px solid var(--home-border);\n    border-radius: 24px;\n    overflow: hidden;\n    background: #ffffff;\n    box-shadow: 0 16px 40px rgba(95, 46, 201, 0.08);\n  }\n\n  .image-panel img {\n    width: 100%;\n    height: 100%;\n    min-height: 360px;\n    object-fit: cover;\n  }\n\n  .image-panel--coverage img {\n    min-height: 420px;\n    object-position: 73% center;\n  }\n\n  .section-media {\n    margin-top: 34px;\n  }\n\n  .social-proof-section {\n    background: #ffffff;\n  }\n\n  .social-proof-header {\n    max-width: 720px;\n    margin-bottom: 28px;\n  }\n\n  .customer-proof-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  .customer-proof-card {\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    border: 1px solid #DDEAF1;\n    border-radius: 18px;\n    background: #ffffff;\n    box-shadow: 0 10px 30px rgba(8, 15, 32, 0.045);\n  }\n\n  .customer-proof-card \u003e img {\n    display: block;\n    width: 100%;\n    aspect-ratio: 1.42 \/ 1;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .customer-proof-card__body {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    min-height: 330px;\n    padding: 26px 26px 24px;\n  }\n\n  .customer-proof-stars {\n    display: block;\n    color: #F5A623;\n    font-size: 16px;\n    font-weight: 900;\n    letter-spacing: 0.3px;\n    line-height: 1;\n  }\n\n  .customer-proof-card h3 {\n    margin: 20px 0 0;\n    color: var(--home-ink);\n    font-family: var(--home-body);\n    font-size: 19px;\n    font-weight: 800;\n    line-height: 1.24;\n  }\n\n\n  .customer-proof-card p {\n    margin: 14px 0 0;\n    color: var(--home-muted);\n    font-size: 14px;\n    line-height: 1.68;\n  }\n\n  .customer-proof-author {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: auto;\n    padding-top: 30px;\n  }\n\n  .customer-proof-author img {\n    display: block;\n    width: 44px;\n    height: 44px;\n    flex: 0 0 44px;\n    border: 2px solid #E7F1F6;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n\n  .customer-proof-author span {\n    color: var(--home-ink);\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.2;\n  }\n\n  .faq-list {\n    max-width: 850px;\n    margin-top: 36px;\n    border-top: 1px solid var(--home-border);\n  }\n\n  .faq-item {\n    padding: 24px 0;\n    border-bottom: 1px solid var(--home-border);\n  }\n\n  .faq-item h3 {\n    margin: 0;\n    font-size: 18px;\n    line-height: 1.35;\n  }\n\n  .faq-item p {\n    margin: 9px 0 0;\n    color: var(--home-muted);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n\n\n  .lid-routine-section {\n    background:\n      radial-gradient(circle at 16% 18%, rgba(205, 180, 248, 0.18), transparent 34%),\n      linear-gradient(180deg, var(--home-white) 0%, var(--home-background) 100%);\n  }\n\n  .lid-routine-layout {\n    display: grid;\n    grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);\n    gap: 58px;\n    align-items: center;\n  }\n\n  .lid-routine-copy {\n    max-width: 590px;\n  }\n\n  .lid-routine-steps {\n    display: grid;\n    gap: 20px;\n    margin-top: 34px;\n  }\n\n  .lid-routine-step {\n    display: grid;\n    grid-template-columns: 46px 1fr;\n    gap: 16px;\n    align-items: start;\n  }\n\n  .lid-routine-step__number {\n    display: inline-flex;\n    width: 46px;\n    height: 46px;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--home-border, #e7e3f2);\n    border-radius: 999px;\n    background: rgba(222, 201, 252, 0.64);\n    color: var(--home-purple-main, #5f2ec9);\n    font-size: 15px;\n    font-weight: 900;\n    box-shadow: 0 12px 24px rgba(95, 46, 201, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86);\n  }\n\n  .lid-routine-step h3 {\n    margin: 0;\n    color: var(--home-ink);\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 1.25;\n  }\n\n  .lid-routine-step p {\n    margin: 5px 0 0;\n    color: var(--home-muted);\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .lid-routine-video {\n    justify-self: center;\n    width: min(100%, 520px);\n    overflow: hidden;\n    border: 1px solid var(--home-border);\n    border-radius: 8px;\n    background: #080f20;\n    box-shadow: 0 22px 54px rgba(8, 15, 32, 0.16);\n  }\n\n  .lid-routine-video__frame {\n    position: relative;\n    min-height: 340px;\n    overflow: hidden;\n    background: #080f20;\n  }\n\n  .lid-routine-video__media {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: 340px;\n    object-fit: cover;\n    transform: scale(1.08);\n    transform-origin: center;\n  }\n\n  .lid-routine-cards {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 28px;\n    margin-top: 52px;\n  }\n\n  .lid-routine-card {\n    min-height: 190px;\n    border: 1px solid var(--home-border);\n    border-radius: 20px;\n    padding: 34px 24px 26px;\n    background: #ffffff;\n    text-align: center;\n    box-shadow: 0 16px 36px rgba(95, 46, 201, 0.06);\n  }\n\n  .lid-routine-card__icon {\n    display: inline-flex;\n    width: 58px;\n    height: 58px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 999px;\n    background: var(--home-blue-soft, rgba(222, 201, 252, 0.34));\n    color: var(--home-purple-accent, #6a2aee);\n  }\n\n  .lid-routine-card__icon svg {\n    width: 27px;\n    height: 27px;\n    stroke-width: 2;\n  }\n\n  .lid-routine-card h3 {\n    margin: 22px 0 0;\n    color: var(--home-ink);\n    font-family: var(--home-heading);\n    font-size: 18px;\n    line-height: 1.2;\n  }\n\n  .lid-routine-card p {\n    margin: 8px auto 0;\n    max-width: 260px;\n    color: var(--home-muted);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  @media screen and (max-width: 960px) {\n    .lid-routine-layout {\n      grid-template-columns: 1fr;\n      gap: 34px;\n    }\n\n    .lid-routine-copy {\n      max-width: 720px;\n    }\n\n    .lid-routine-video__frame,\n    .lid-routine-video__media {\n      min-height: 310px;\n    }\n\n    .lid-routine-cards {\n      grid-template-columns: 1fr;\n      gap: 14px;\n      margin-top: 34px;\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .lid-routine-layout {\n      gap: 28px;\n    }\n\n    .lid-routine-steps {\n      gap: 16px;\n      margin-top: 26px;\n    }\n\n    .lid-routine-step {\n      grid-template-columns: 40px 1fr;\n      gap: 13px;\n    }\n\n    .lid-routine-step__number {\n      width: 40px;\n      height: 40px;\n      font-size: 14px;\n    }\n\n    .lid-routine-video {\n      border-radius: 12px;\n    }\n\n    .lid-routine-video__frame,\n    .lid-routine-video__media {\n      min-height: 238px;\n    }\n\n    .lid-routine-card {\n      min-height: 0;\n      padding: 24px 20px;\n    }\n  }\n\n  .common-fixes-section {\n    background:\n      radial-gradient(circle at 86% 12%, rgba(205, 180, 248, 0.22), transparent 30%),\n      var(--home-background);\n  }\n\n  .common-fixes-header {\n    max-width: 780px;\n    margin: 0 auto 34px;\n    text-align: center;\n  }\n\n  .common-fixes-header .home-copy {\n    max-width: 680px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .common-fixes-panel {\n    overflow: hidden;\n    border: 1px solid var(--home-border);\n    border-radius: 26px;\n    background: #ffffff;\n    box-shadow: 0 22px 62px rgba(95, 46, 201, 0.1);\n  }\n\n  .common-fixes-table-head,\n  .common-fixes-row {\n    display: grid;\n    grid-template-columns: minmax(170px, 0.75fr) minmax(0, 1.1fr) minmax(0, 1.1fr);\n  }\n\n  .common-fixes-table-head {\n    background: rgba(222, 201, 252, 0.26);\n    color: var(--home-purple-main);\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .common-fixes-table-head span,\n  .common-fixes-cell {\n    padding: 18px 20px;\n  }\n\n  .common-fixes-table-head span + span,\n  .common-fixes-cell + .common-fixes-cell {\n    border-left: 1px solid var(--home-border);\n  }\n\n  .common-fixes-row {\n    border-top: 1px solid var(--home-border);\n  }\n\n  .common-fixes-cell {\n    min-width: 0;\n  }\n\n  .common-fixes-cell--approach {\n    background: rgba(251, 251, 254, 0.76);\n  }\n\n  .common-fixes-cell--azuremist {\n    background: rgba(222, 201, 252, 0.16);\n  }\n\n  .common-fixes-label {\n    display: none;\n  }\n\n  .common-fixes-cell h3 {\n    margin: 0;\n    color: var(--home-ink);\n    font-family: var(--home-heading);\n    font-size: 21px;\n    line-height: 1.12;\n  }\n\n  .common-fixes-cell p {\n    margin: 0;\n    color: var(--home-muted);\n    font-size: 14px;\n    line-height: 1.58;\n  }\n\n  .common-fixes-cell--azuremist p {\n    color: var(--home-ink);\n  }\n\n  @media (max-width: 749px) {\n    .common-fixes-section {\n      background: #ffffff;\n    }\n\n    .common-fixes-header {\n      max-width: 100%;\n      margin-bottom: 22px;\n      text-align: left;\n    }\n\n    .common-fixes-header .home-section-title {\n      max-width: 560px;\n      font-size: clamp(31px, 9vw, 44px);\n      line-height: 1.04;\n    }\n\n    .common-fixes-header .home-copy {\n      max-width: 560px;\n      margin-top: 14px;\n      font-size: 15px;\n      line-height: 1.58;\n    }\n\n    .common-fixes-panel {\n      display: grid;\n      gap: 14px;\n      overflow: visible;\n      border: 0;\n      border-radius: 0;\n      background: transparent;\n      box-shadow: none;\n    }\n\n    .common-fixes-table-head {\n      display: none;\n    }\n\n    .common-fixes-row {\n      display: block;\n      border: 1px solid var(--home-border);\n      border-radius: 18px;\n      background: #ffffff;\n      box-shadow: 0 12px 28px rgba(8, 15, 32, 0.05);\n      overflow: hidden;\n    }\n\n    .common-fixes-cell {\n      padding: 14px 16px;\n    }\n\n    .common-fixes-cell + .common-fixes-cell {\n      border-left: 0;\n      border-top: 1px solid var(--home-border);\n    }\n\n    .common-fixes-cell--approach {\n      background: #ffffff;\n      padding-bottom: 12px;\n    }\n\n    .common-fixes-cell:not(.common-fixes-cell--approach) {\n      display: grid;\n      grid-template-columns: 92px minmax(0, 1fr);\n      gap: 12px;\n      align-items: start;\n    }\n\n    .common-fixes-cell--azuremist {\n      background: rgba(222, 201, 252, 0.16);\n    }\n\n    .common-fixes-label {\n      display: block;\n      margin: 2px 0 0;\n      color: var(--home-purple-main);\n      font-size: 10px;\n      font-weight: 900;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .common-fixes-cell--approach .common-fixes-label {\n      display: none;\n    }\n\n    .common-fixes-cell h3 {\n      font-size: 24px;\n      line-height: 1.05;\n    }\n\n    .common-fixes-cell p {\n      font-size: 13px;\n      line-height: 1.5;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .common-fixes-cell:not(.common-fixes-cell--approach) {\n      grid-template-columns: 78px minmax(0, 1fr);\n      gap: 10px;\n      padding: 13px 14px;\n    }\n\n    .common-fixes-cell--approach {\n      padding: 15px 14px 12px;\n    }\n\n    .common-fixes-label {\n      font-size: 9px;\n      letter-spacing: 0.06em;\n    }\n\n    .common-fixes-cell h3 {\n      font-size: 22px;\n    }\n  }\n\n  .product-offer-section {\n    padding: 34px 0 42px;\n    border-bottom: 1px solid var(--home-border);\n    background:\n      radial-gradient(circle at 15% 0%, rgba(205, 180, 248, 0.24), transparent 34%),\n      var(--home-white);\n  }\n\n  .product-offer-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.06fr) minmax(430px, 0.94fr);\n    gap: 52px;\n    align-items: start;\n  }\n\n  .offer-gallery {\n    min-width: 0;\n  }\n\n  .offer-gallery-main {\n    position: relative;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    border: 1px solid var(--home-border);\n    border-radius: 22px;\n    background: #ffffff;\n    box-shadow: 0 22px 56px rgba(95, 46, 201, 0.11);\n  }\n\n  .offer-gallery-main img {\n    position: absolute;\n    inset: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .offer-arrow {\n    position: absolute;\n    top: 50%;\n    z-index: 3;\n    display: grid;\n    width: 44px;\n    height: 44px;\n    place-items: center;\n    padding: 0;\n    border: 0;\n    border-radius: 999px;\n    background: transparent;\n    color: rgba(0, 0, 0, 0.85);\n    box-shadow: none;\n    transform: translateY(-50%);\n    cursor: pointer;\n  }\n\n  .offer-arrow::before {\n    content: '';\n    position: absolute;\n    width: 28px;\n    height: 28px;\n    border: 1px solid rgba(8, 15, 32, 0.08);\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.48);\n    pointer-events: none;\n  }\n\n  .offer-arrow:focus-visible {\n    outline: 2px solid var(--home-purple-secondary);\n    outline-offset: 2px;\n  }\n\n  @media (hover: hover) {\n    .offer-arrow:hover::before {\n      background: rgba(255, 255, 255, 0.8);\n    }\n  }\n\n  .offer-arrow--prev {\n    left: 16px;\n  }\n\n  .offer-arrow--next {\n    right: 16px;\n  }\n\n  .offer-arrow svg {\n    position: relative;\n    width: 14px;\n    height: 14px;\n    stroke-width: 2.8;\n  }\n\n  .offer-thumbs {\n    display: flex;\n    gap: 12px;\n    margin-top: 12px;\n    padding: 2px 2px 8px;\n    overflow-x: hidden;\n    overflow-y: hidden;\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .offer-thumbs::-webkit-scrollbar {\n    display: none;\n  }\n\n  .offer-thumb {\n    position: relative;\n    display: block;\n    flex: 0 0 clamp(82px, 13vw, 104px);\n    aspect-ratio: 1 \/ 1;\n    min-width: 0;\n    padding: 0;\n    overflow: hidden;\n    border: 1px solid var(--home-border);\n    border-radius: 12px;\n    background: #ffffff;\n    color: inherit;\n    font: inherit;\n    text-align: center;\n    cursor: pointer;\n    box-shadow: 0 8px 18px rgba(95, 46, 201, 0.06);\n    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;\n  }\n\n  .offer-thumb img {\n    position: absolute;\n    inset: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n  }\n\n  .offer-thumb:hover,\n  .offer-thumb:focus-visible {\n    border-color: var(--home-purple-secondary);\n    transform: translateY(-1px);\n  }\n\n  .offer-thumb:focus-visible {\n    outline: 2px solid var(--home-purple-secondary);\n    outline-offset: 4px;\n    border-radius: 14px;\n  }\n\n  .offer-thumb--active {\n    border: 2px solid var(--home-purple-secondary);\n    box-shadow: 0 0 0 3px rgba(205, 180, 248, 0.38), 0 10px 22px rgba(95, 46, 201, 0.13);\n  }\n\n  .offer-panel {\n    min-width: 0;\n    font-family: var(--home-body);\n  }\n\n  .offer-rating {\n    display: flex;\n    align-items: center;\n    margin-bottom: 12px;\n  }\n\n  .offer-stars {\n    position: relative;\n    display: inline-block;\n    color: var(--home-border);\n    font-size: 22px;\n    letter-spacing: 1.2px;\n    line-height: 1;\n  }\n\n  .offer-stars::before {\n    content: attr(data-stars);\n    position: absolute;\n    inset: 0 auto 0 0;\n    width: 94%;\n    overflow: hidden;\n    color: var(--home-purple-secondary);\n    white-space: nowrap;\n  }\n\n  .product-offer-section .offer-panel h1 {\n    margin: 0;\n    max-width: 640px;\n    color: var(--home-ink);\n    font-family: var(--home-heading);\n    font-size: clamp(34px, 4vw, 48px);\n    font-weight: 800;\n    letter-spacing: -0.2px;\n    line-height: 1.04;\n  }\n\n  .offer-benefits {\n    display: grid;\n    gap: 12px;\n    margin: 20px 0 22px;\n    padding: 0;\n    list-style: none;\n  }\n\n  .offer-benefits li {\n    display: grid;\n    grid-template-columns: 34px 1fr;\n    gap: 12px;\n    align-items: start;\n    color: var(--home-muted);\n    font-size: 14px;\n    line-height: 1.42;\n  }\n\n  .offer-benefits svg {\n    width: 28px;\n    height: 28px;\n    padding: 5px;\n    border-radius: 10px;\n    background: var(--home-blue-soft);\n    color: var(--home-purple-secondary);\n    stroke-width: 2.2;\n  }\n\n  .offer-benefits strong {\n    color: var(--home-ink);\n    font-weight: 850;\n  }\n\n  .bundle-header {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    gap: 14px;\n    align-items: center;\n    margin: 12px 0 14px;\n    color: var(--home-ink);\n    font-family: var(--home-heading);\n    font-size: 17px;\n    font-weight: 800;\n    text-align: center;\n  }\n\n  .bundle-header::before,\n  .bundle-header::after {\n    content: \"\";\n    height: 1px;\n    background: var(--home-border);\n  }\n\n  .bundle-options {\n    display: grid;\n    gap: 10px;\n  }\n\n  .bundle-option {\n    position: relative;\n    display: grid;\n    grid-template-columns: 74px 1fr auto;\n    gap: 14px;\n    align-items: center;\n    min-height: 118px;\n    padding: 14px 16px 54px;\n    border: 1px solid var(--home-border);\n    border-radius: 12px;\n    background: #ffffff;\n    cursor: pointer;\n  }\n\n  .bundle-option input {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .bundle-option:has(input:checked) {\n    border: 2px solid var(--home-purple-secondary);\n    box-shadow: 0 16px 30px rgba(95, 46, 201, 0.12);\n  }\n\n  .bundle-option__image {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .bundle-option__image img {\n    max-width: 58px;\n    max-height: 52px;\n    object-fit: contain;\n  }\n\n  .bundle-option__title {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: center;\n    color: var(--home-ink);\n    font-size: 17px;\n    font-weight: 850;\n    letter-spacing: 0;\n    line-height: 1.18;\n  }\n\n  .bundle-option__sub {\n    display: block;\n    margin-top: 5px;\n    color: var(--home-muted);\n    font-size: 13px;\n    font-weight: 650;\n    line-height: 1.35;\n  }\n\n  .bundle-badge {\n    display: inline-flex;\n    align-items: center;\n    min-height: 22px;\n    padding: 0 9px;\n    border-radius: 999px;\n    background: var(--home-purple-secondary);\n    color: #ffffff;\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: 0.2px;\n    text-transform: uppercase;\n  }\n\n  .bundle-price {\n    color: var(--home-ink);\n    font-size: 19px;\n    font-weight: 900;\n    letter-spacing: 0;\n    text-align: right;\n    white-space: nowrap;\n  }\n\n  .bundle-price s {\n    display: block;\n    margin-top: 5px;\n    color: var(--home-purple-secondary);\n    font-size: 13px;\n    font-weight: 900;\n  }\n\n  .bundle-option__bonus {\n    position: absolute;\n    right: -1px;\n    bottom: -1px;\n    left: -1px;\n    display: flex;\n    min-height: 40px;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 7px 14px;\n    border-radius: 0 0 11px 11px;\n    background: var(--home-purple-secondary);\n    color: #ffffff;\n    font-size: 13px;\n    font-weight: 850;\n    line-height: 1.2;\n  }\n\n  .bundle-option__bonus-label {\n    display: inline-flex;\n    min-width: 0;\n    align-items: center;\n    gap: 7px;\n  }\n\n  .bundle-option__bonus-value {\n    flex: 0 0 auto;\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 12px;\n    font-weight: 900;\n    text-decoration-thickness: 1.5px;\n    white-space: nowrap;\n  }\n\n  .bundle-option__bonus-image {\n    width: 30px;\n    height: 30px;\n    flex: 0 0 30px;\n    overflow: hidden;\n    border-radius: 7px;\n    background: #ffffff;\n    box-shadow: 0 2px 6px rgba(8, 15, 32, 0.14);\n  }\n\n  .bundle-option__bonus-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  .offer-form {\n    margin-top: 14px;\n  }\n\n  .offer-add {\n    display: flex;\n    width: 100%;\n    min-height: 62px;\n    align-items: center;\n    justify-content: center;\n    border: 0;\n    border-radius: 10px;\n    background: linear-gradient(135deg, var(--home-purple-secondary), var(--home-purple-main));\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 900;\n    letter-spacing: 0.3px;\n    text-transform: uppercase;\n    box-shadow: 0 18px 34px rgba(95, 46, 201, 0.22);\n    cursor: pointer;\n  }\n\n  .offer-shipping-note {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: center;\n    justify-content: center;\n    margin-top: 12px;\n    color: var(--home-muted);\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1.25;\n  }\n\n  .offer-shipping-note__secure {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .offer-shipping-note__secure svg {\n    width: 14px;\n    height: 14px;\n    flex: 0 0 14px;\n    color: var(--home-purple-main);\n    stroke-width: 2;\n  }\n\n  .offer-shipping-note__divider {\n    color: rgba(91, 100, 112, 0.55);\n    font-weight: 900;\n  }\n\n  .offer-shipping-note__pill {\n    display: inline-flex;\n    align-items: center;\n    min-height: 35px;\n    padding: 0 18px;\n    border: 1.5px solid rgba(95, 46, 201, 0.36);\n    border-radius: 10px;\n    background: rgba(222, 201, 252, 0.72);\n    color: var(--home-purple-main);\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: 0.1px;\n    box-shadow: 0 10px 22px rgba(95, 46, 201, 0.16);\n  }\n\n  .offer-payments {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: clamp(4px, 1.2vw, 10px);\n    align-items: center;\n    justify-content: center;\n    margin-top: 14px;\n    width: 100%;\n    min-width: 0;\n    overflow: visible;\n  }\n\n  .offer-payment {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 1 auto;\n    min-width: 0;\n    line-height: 0;\n  }\n\n  .offer-payment svg {\n    display: block;\n    width: auto;\n    height: clamp(16px, 4vw, 24px);\n    max-width: clamp(34px, 9vw, 54px);\n    border-radius: 4px;\n  }\n\n  .offer-faq {\n    display: grid;\n    margin-top: 16px;\n    border-top: 1px solid rgba(95, 46, 201, 0.16);\n  }\n\n  .offer-faq__item {\n    border-bottom: 1px solid rgba(95, 46, 201, 0.16);\n  }\n\n  .offer-faq__item summary {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 0;\n    color: var(--home-ink);\n    font-size: 14px;\n    font-weight: 850;\n    line-height: 1.3;\n    list-style: none;\n    cursor: pointer;\n  }\n\n  .offer-faq__item summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .offer-faq__icon {\n    position: relative;\n    display: inline-flex;\n    width: 24px;\n    height: 24px;\n    flex: 0 0 24px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 999px;\n    background: rgba(205, 180, 248, 0.32);\n    color: var(--home-purple-main);\n  }\n\n  .offer-faq__icon::before,\n  .offer-faq__icon::after {\n    content: \"\";\n    position: absolute;\n    width: 10px;\n    height: 2px;\n    border-radius: 999px;\n    background: currentColor;\n    transition: transform 0.18s ease, opacity 0.18s ease;\n  }\n\n  .offer-faq__icon::after {\n    transform: rotate(90deg);\n  }\n\n  .offer-faq__item[open] .offer-faq__icon::after {\n    opacity: 0;\n    transform: rotate(90deg) scaleX(0);\n  }\n\n  .offer-faq__item p {\n    margin: -2px 0 14px;\n    color: var(--home-muted);\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  @media screen and (max-width: 960px) {\n    .product-offer-grid {\n      grid-template-columns: 1fr;\n      gap: 34px;\n    }\n\n    .offer-panel {\n      max-width: 720px;\n    }\n\n    .home-hero-grid,\n    .split-section,\n    .cycle-section {\n      grid-template-columns: 1fr;\n      gap: 38px;\n    }\n\n    .home-hero {\n      padding: 58px 0 60px;\n    }\n\n    .hero-visual {\n      min-height: 420px;\n      border-radius: 28px;\n    }\n\n    .hero-visual img {\n      min-height: 420px;\n    }\n\n    .value-grid,\n    .fit-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .cycle-image img {\n      aspect-ratio: 16 \/ 11;\n    }\n\n    .germ-panel {\n      grid-template-columns: 1fr;\n      gap: 34px;\n    }\n\n    .germ-content {\n      max-width: none;\n    }\n\n    .bacteria-intro {\n      grid-template-columns: 1fr;\n      gap: 16px;\n      margin-bottom: 28px;\n    }\n\n    .bacteria-intro .home-copy {\n      max-width: 680px;\n    }\n\n    .customer-proof-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .technology-overview {\n      grid-template-columns: 1fr;\n      gap: 34px;\n    }\n\n    .technology-content {\n      max-width: none;\n    }\n\n    .technology-image-card img {\n      aspect-ratio: 16 \/ 10;\n    }\n\n    .install-steps {\n      display: flex;\n      gap: 14px;\n      margin-right: -20px;\n      margin-left: -20px;\n      padding: 0 20px 18px;\n      overflow-x: auto;\n      overscroll-behavior-x: contain;\n      scroll-padding-left: 20px;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .install-steps::-webkit-scrollbar {\n      height: 6px;\n    }\n\n    .install-steps::-webkit-scrollbar-thumb {\n      border-radius: 999px;\n      background: rgba(106, 42, 238, 0.34);\n    }\n\n    .install-card {\n      min-height: 560px;\n      flex: 0 0 min(360px, 72vw);\n      scroll-snap-align: start;\n    }\n\n    .install-card__head {\n      min-height: 138px;\n      padding: 18px 16px 12px;\n    }\n\n    .install-card__number {\n      font-size: 64px;\n    }\n  }\n\n  @media screen and (max-width: 680px) {\n    .product-offer-section {\n      padding: 20px 0 34px;\n    }\n\n    .product-offer-grid {\n      gap: 26px;\n    }\n\n    .offer-gallery-main {\n      border-radius: 18px;\n    }\n\n    .offer-gallery-main img {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    .offer-arrow::before {\n      width: 26px;\n      height: 26px;\n    }\n\n    .offer-thumbs {\n      gap: 8px;\n      margin-right: -16px;\n      padding-right: 16px;\n      overflow-x: auto;\n      scroll-snap-type: x proximity;\n    }\n\n    .offer-thumb {\n      flex-basis: 76px;\n      scroll-snap-align: center;\n    }\n\n    .offer-stars {\n      font-size: 19px;\n    }\n\n    .product-offer-section .offer-panel h1 {\n      font-size: 34px;\n      line-height: 1.05;\n    }\n\n    .offer-benefits {\n      gap: 11px;\n      margin: 18px 0 20px;\n    }\n\n    .offer-benefits li {\n      grid-template-columns: 30px 1fr;\n      gap: 10px;\n      font-size: 13px;\n    }\n\n    .offer-benefits svg {\n      width: 26px;\n      height: 26px;\n      padding: 5px;\n    }\n\n    .bundle-header {\n      gap: 10px;\n      font-size: 13px;\n    }\n\n    .bundle-option {\n      grid-template-columns: 54px 1fr auto;\n      gap: 10px;\n      min-height: 110px;\n      padding: 12px 11px 52px;\n      border-radius: 12px;\n    }\n\n    .bundle-option__image img {\n      max-width: 46px;\n      max-height: 44px;\n    }\n\n    .bundle-option__title {\n      font-size: 15px;\n    }\n\n    .bundle-option__sub {\n      font-size: 11px;\n    }\n\n    .bundle-price {\n      font-size: 15px;\n    }\n\n    .bundle-price s {\n      font-size: 11px;\n    }\n\n    .bundle-option__bonus {\n      min-height: 38px;\n      gap: 8px;\n      padding: 6px 11px;\n      font-size: 12px;\n    }\n\n    .bundle-option__bonus-label {\n      gap: 5px;\n    }\n\n    .bundle-option__bonus-value {\n      font-size: 10px;\n    }\n\n    .bundle-option__bonus-image {\n      width: 28px;\n      height: 28px;\n      flex-basis: 28px;\n    }\n\n    .offer-add {\n      min-height: 56px;\n      font-size: 16px;\n    }\n\n    .offer-shipping-note {\n      gap: 6px;\n      margin-top: 10px;\n      font-size: 11px;\n    }\n\n    .offer-shipping-note__pill {\n      min-height: 32px;\n      padding: 0 14px;\n      border-radius: 9px;\n      font-size: 12px;\n    }\n\n    .offer-payments {\n      gap: clamp(3px, 1.4vw, 6px);\n      margin-top: 12px;\n    }\n\n    .offer-payment svg {\n      height: clamp(15px, 4.4vw, 18px);\n      max-width: clamp(30px, 10vw, 42px);\n    }\n\n    .offer-faq {\n      margin-top: 14px;\n    }\n\n    .offer-faq__item summary {\n      padding: 12px 0;\n      font-size: 13px;\n    }\n\n    .offer-faq__item p {\n      margin-bottom: 12px;\n      font-size: 12px;\n    }\n\n    .home-wrap {\n      width: min(100% - 32px, 1180px);\n    }\n\n    .home-section {\n      padding: 48px 0;\n    }\n\n    .home-title {\n      font-size: 38px;\n      line-height: 1.03;\n    }\n\n    .home-section-title {\n      font-size: 30px;\n      line-height: 1.12;\n    }\n\n    .home-eyebrow {\n      margin-bottom: 10px;\n      font-size: 11px;\n      letter-spacing: 1px;\n    }\n\n    .home-copy {\n      margin-top: 16px;\n      font-size: 15px;\n      line-height: 1.62;\n    }\n\n    .home-actions {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 10px;\n      margin-top: 26px;\n    }\n\n    .home-button {\n      min-height: 46px;\n      padding: 0 14px;\n      font-size: 13px;\n    }\n\n    .home-proof {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 10px;\n      margin-top: 28px;\n    }\n\n    .home-proof-item {\n      min-height: 96px;\n      padding: 14px 10px;\n      border: 1px solid var(--home-border);\n      border-radius: 16px;\n      background: var(--home-blue-soft);\n    }\n\n    .home-proof-item strong {\n      font-size: 24px;\n    }\n\n    .home-proof-item span {\n      margin-top: 7px;\n      font-size: 11px;\n      line-height: 1.35;\n    }\n\n    .hero-visual {\n      min-height: 0;\n      aspect-ratio: 1 \/ 1;\n      border-radius: 24px;\n      box-shadow: 0 16px 44px rgba(95, 46, 201, 0.12);\n    }\n\n    .hero-visual img {\n      height: 100%;\n      min-height: 0;\n      object-position: center;\n    }\n\n    .value-grid {\n      gap: 12px;\n      margin-top: 28px;\n    }\n\n    .value-card,\n    .fit-card,\n    .note-box {\n      padding: 20px;\n      border-radius: 16px;\n    }\n\n    .value-card h3,\n    .fit-card h3,\n    .faq-item h3 {\n      font-size: 16px;\n    }\n\n    .value-card p,\n    .fit-card p,\n    .note-box p,\n    .faq-item p {\n      font-size: 14px;\n      line-height: 1.58;\n    }\n\n    .split-section,\n    .cycle-section {\n      gap: 30px;\n    }\n\n    .germ-panel {\n      gap: 28px;\n    }\n\n    .germ-compare__media {\n      border-radius: 22px;\n    }\n\n    .germ-compare__media img {\n      aspect-ratio: 4 \/ 3.35;\n    }\n\n    .germ-compare__handle {\n      width: 48px;\n      height: 48px;\n    }\n\n    .germ-compare__label {\n      top: 12px;\n      padding: 8px 12px;\n      font-size: 12px;\n    }\n\n    .germ-compare__label--left {\n      left: 12px;\n    }\n\n    .germ-compare__label--right {\n      right: 12px;\n    }\n\n    .germ-stat-card {\n      gap: 18px;\n      padding: 22px 18px;\n      border-radius: 18px;\n    }\n\n    .germ-stat-number-wrap {\n      gap: 5px;\n      font-size: clamp(38px, 10.5vw, 48px);\n      line-height: 1.05;\n    }\n\n    .germ-stat-card__copy {\n      padding-top: 14px;\n    }\n\n    .germ-stat-card p {\n      font-size: 13px;\n      line-height: 1.5;\n    }\n\n    .germ-benefits {\n      gap: 12px;\n      margin-top: 24px;\n    }\n\n    .germ-benefit {\n      grid-template-columns: 46px 1fr;\n      gap: 13px;\n      padding: 15px;\n      border-radius: 16px;\n    }\n\n    .germ-benefit__icon {\n      width: 46px;\n      height: 46px;\n    }\n\n    .germ-benefit__icon svg {\n      width: 23px;\n      height: 23px;\n    }\n\n    .germ-benefit h3 {\n      font-size: 18px;\n    }\n\n    .germ-benefit p {\n      font-size: 13px;\n      line-height: 1.52;\n    }\n\n    .bacteria-slider {\n      margin-right: 0;\n      padding-right: 0;\n      overflow: hidden;\n      min-height: clamp(118px, calc((100vw - 56px) \/ 3), 148px);\n    }\n\n    .bacteria-slider::before,\n    .bacteria-slider::after {\n      display: block;\n      width: 34px;\n    }\n\n    .bacteria-track {\n      width: 100%;\n      gap: 12px;\n      overflow-x: auto;\n      scroll-behavior: smooth;\n      scroll-snap-type: x mandatory;\n      scrollbar-width: none;\n      animation: none;\n      transform: none;\n      will-change: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .bacteria-track::-webkit-scrollbar {\n      display: none;\n    }\n\n    .bacteria-card {\n      flex-basis: calc((100% - 24px) \/ 3);\n      border-radius: 16px;\n      scroll-snap-align: start;\n    }\n\n    .bacteria-card[data-bacteria-duplicate] {\n      display: none;\n    }\n\n    .bacteria-card__body {\n      padding: 38px 11px 11px;\n    }\n\n    .bacteria-card h3 {\n      font-size: 16px;\n    }\n\n    .social-proof-header {\n      margin-bottom: 22px;\n    }\n\n    .customer-proof-grid {\n      display: flex;\n      gap: 14px;\n      margin-right: -20px;\n      padding-right: 20px;\n      overflow-x: auto;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    .customer-proof-card {\n      flex: 0 0 min(330px, 84vw);\n      border-radius: 18px;\n      scroll-snap-align: start;\n    }\n\n    .customer-proof-card__body {\n      min-height: 320px;\n      padding: 22px 20px 20px;\n    }\n\n    .customer-proof-stars {\n      font-size: 15px;\n    }\n\n    .customer-proof-card h3 {\n      margin-top: 17px;\n      font-size: 18px;\n      line-height: 1.24;\n    }\n\n    .customer-proof-card p {\n      margin-top: 12px;\n      font-size: 14px;\n      line-height: 1.58;\n    }\n\n    .customer-proof-author {\n      gap: 10px;\n      padding-top: 24px;\n    }\n\n    .customer-proof-author img {\n      width: 42px;\n      height: 42px;\n      flex-basis: 42px;\n    }\n\n\n    .technology-overview {\n      gap: 28px;\n    }\n\n    .technology-image-card {\n      border-radius: 22px;\n    }\n\n    .technology-image-card img {\n      aspect-ratio: 4 \/ 3.3;\n    }\n\n    .technology-specs {\n      gap: 12px;\n      margin-top: 24px;\n    }\n\n    .technology-spec {\n      grid-template-columns: 64px 1fr;\n      gap: 14px;\n      padding: 15px;\n      border-radius: 16px;\n    }\n\n    .technology-spec strong {\n      font-size: 31px;\n    }\n\n    .technology-spec h3 {\n      font-size: 15px;\n    }\n\n    .technology-spec p,\n    .technology-note {\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    .cycle-benefits {\n      grid-template-columns: 1fr;\n      gap: 12px;\n      margin-top: 24px;\n    }\n\n    .cycle-benefit {\n      grid-template-columns: 42px 1fr;\n      gap: 12px;\n      padding: 15px;\n      border-radius: 16px;\n    }\n\n    .cycle-benefit__icon {\n      width: 42px;\n      height: 42px;\n    }\n\n    .cycle-image {\n      border-radius: 24px;\n      box-shadow: 0 14px 36px rgba(95, 46, 201, 0.1);\n    }\n\n    .cycle-image img {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    .install-steps {\n      margin-right: -14px;\n      margin-left: -14px;\n      padding: 0 14px 14px;\n      scroll-padding-left: 14px;\n    }\n\n    .install-card {\n      min-height: 438px;\n      flex: 0 0 76vw;\n      max-width: 318px;\n      border-radius: 18px;\n    }\n\n    .install-card__head {\n      min-height: 118px;\n      gap: 10px;\n      padding: 16px 14px 10px;\n    }\n\n    .install-card__number {\n      font-size: 48px;\n    }\n\n    .install-card__text {\n      font-size: 12px;\n      line-height: 1.25;\n    }\n\n    .install-card__media img {\n      min-height: 320px;\n    }\n\n    .image-panel img,\n    .image-panel--coverage img {\n      min-height: 230px;\n    }\n\n    .faq-list {\n      margin-top: 26px;\n    }\n\n    .faq-item {\n      padding: 19px 0;\n    }\n  }\n\n  @media screen and (max-width: 390px) {\n    .home-wrap {\n      width: min(100% - 28px, 1180px);\n    }\n\n    .home-actions {\n      grid-template-columns: 1fr;\n    }\n\n    .home-proof {\n      grid-template-columns: 1fr;\n    }\n\n    .home-proof-item {\n      min-height: 0;\n    }\n  }\n\n  \/* Azuremist customer proof carousel *\/\n  .social-proof-section .home-wrap {\n    overflow: hidden;\n    padding-bottom: 30px;\n  }\n\n  .social-proof-section .customer-proof-grid {\n    display: flex;\n    grid-template-columns: none;\n    width: 100%;\n    gap: 16px;\n    padding-bottom: 8px;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .social-proof-section .customer-proof-grid::-webkit-scrollbar {\n    display: none;\n  }\n\n  .social-proof-section .customer-proof-card {\n    flex: 0 0 calc((100% - 32px) \/ 3);\n    max-width: calc((100% - 32px) \/ 3);\n    scroll-snap-align: start;\n  }\n\n  @media screen and (max-width: 960px) {\n    .social-proof-section .customer-proof-card {\n      flex-basis: calc((100% - 16px) \/ 2);\n      max-width: calc((100% - 16px) \/ 2);\n    }\n  }\n\n  @media screen and (max-width: 680px) {\n    .social-proof-section .customer-proof-grid {\n      gap: 12px;\n      margin-right: 0;\n      padding-right: 14vw;\n      padding-bottom: 10px;\n    }\n\n    .social-proof-section .customer-proof-card {\n      flex-basis: 86%;\n      max-width: 86%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .social-proof-section .customer-proof-grid {\n      scroll-behavior: auto;\n    }\n  }\n\n\u003c\/style\u003e\n\u003cul class=\"offer-benefits\"\u003e\n\u003cli\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M16.24 7.76a6 6 0 0 1 0 8.48m-8.48 0a6 6 0 0 1 0-8.48m11.31-2.83a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eSmart gravity sensor\u003c\/strong\u003e – Automatically runs the UV-C cycle only when the toilet lid is completely closed.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"m12 3 1.9 5.8L20 11l-6.1 2.2L12 19l-1.9-5.8L4 11l6.1-2.2L12 3Zm7 12v6m-3-3h6M5 2v4M3 4h4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eDual-action freshness\u003c\/strong\u003e – Sterilizes the bowl and smells good at the same time by pairing the UV cycle with built-in fragrance tablets.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 3H5a2 2 0 0 0-2 2v3m13-5h3a2 2 0 0 1 2 2v3M3 16v3a2 2 0 0 0 2 2h3m13-5v3a2 2 0 0 1-2 2h-3\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eWide bowl coverage\u003c\/strong\u003e – Uses six targeted UV lamp points to completely blanket the exposed bowl and stop bacteria at the source.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3v12m-5-5 5 5 5-5M5 17v4h14v-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eFive-minute sliding setup\u003c\/strong\u003e – Attaches securely underneath your existing lid with zero tools, wiring, or plumbing required.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 7H3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h3m9-10h2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-3m8-6v2M11 5l-4 7h6l-4 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e\u003cstrong\u003eEffortless daily upkeep\u003c\/strong\u003e – A quiet, rechargeable 60-second routine that intercepts bacteria between your regular deep cleans.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"B004","offers":[{"title":"Default Title","offer_id":61100007325836,"sku":"SU00158062-White","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0787\/4238\/8876\/files\/Azuremist12.jpg?v=1790066294","url":"https:\/\/yooyappvip.us\/products\/automatic-toilet-seat-sterilization-device","provider":"YooyappVip","version":"1.0","type":"link"}