{"product_id":"5d-galaxy-ocean-projector-for-bedroom","title":"HOT DEAL 55% OFF | Transform Your Room After Dark.","description":"\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cdiv class=\"du-product\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cdiv class=\"du-product\"\u003e\n\u003csection class=\"du-hero\"\u003e\n\u003cdiv class=\"du-product\"\u003e\n\u003csection class=\"du-hero\"\u003e\n\u003cp\u003eAwarded the \u003cstrong\u003e2026 Best Product Design Award\u003c\/strong\u003e and \u003cstrong\u003eScientific Innovation Award\u003c\/strong\u003e, \u003cspan\u003eBio07\u003c\/span\u003e represents a new generation of smart ambient lighting: compact in size, powerful in performance, and designed to turn any bedroom, living room, or children’s room into a breathtaking visual sanctuary.\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0982\/0802\/2819\/files\/1_2ee8ee36-34ba-4659-aee6-2e78be0da956.jpg?v=1789125301\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"qMYqUG_convSearchResultHighlightRoot\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003csection class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto pb-8 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv dir=\"auto\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\" tabindex=\"0\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden\"\u003e\n\u003cdiv class=\"fbskMG_root markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e\n\u003ch3 class=\"PDq2pG_selectionAnchorContainer\"\u003e🌌 Make Every Night Feel Different\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp\u003eSome nights you want to relax. Some nights you want something fun. And sometimes you just want your room to feel a little less ordinary. \u003cspan\u003eBio07\u003c\/span\u003e helps you change the atmosphere in seconds with colorful galaxy, ocean, nature, and ambient scenes that spread across your walls and ceiling. Turn down the lights, switch it on, and give your space a whole new mood without redecorating a thing.\u003c\/p\u003e\n\u003ch3\u003e🌊 More Than a Night Light\u003c\/h3\u003e\n\u003cp\u003eThis isn’t just something you turn on before bed. Use it for movie nights, gaming, birthday parties, sleepovers, date nights, or quiet evenings at home. Go from a calm ocean-inspired scene to a bright galaxy or playful nature setting whenever you want a different vibe. It’s an easy way to make everyday moments feel more fun, cozy, and memorable.\u003c\/p\u003e\n\u003ch3\u003e✨ Easy to Place, Easy to Enjoy\u003c\/h3\u003e\n\u003cp\u003eSet \u003cspan\u003eBio07\u003c\/span\u003e on a nightstand, desk, shelf, or side table and aim it toward the wall or ceiling you want to light up. Its compact design makes it easy to move from room to room, while darker spaces help the colors and details stand out more clearly. Simple setup, flexible placement, and an easy way to make your room feel more relaxing, playful, or atmospheric at night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"text-align: center;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0982\/0802\/2819\/files\/3_2ce8dca0-bf3c-4f10-93f1-8c3a45afe553.jpg?v=1789125305\" alt=\"\"\u003e\u003c\/h3\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  .du-product,  .du-product * {    box-sizing: border-box;  }  .du-product {    --ink: #171717;    --body: #57524f;    --muted: #7a7470;    --fire: #d85c20;    --fire-soft: #fff3ec;    --ice: #2f79c8;    --ice-soft: #eef6ff;    --night: #121416;    --night-2: #1b1e22;    --line: #ece9e6;    --soft: #f8f7f5;    width: 100%;    max-width: 760px;    margin: 0 auto;    padding: 0 14px 36px;    color: var(--ink);    background: #fff;    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;    font-size: 16px;    line-height: 1.64;    overflow-wrap: anywhere;  }  .du-product h2,  .du-product h3,  .du-product p,  .du-product ul {    margin-top: 0;  }  .du-product img {    display: block;    width: 100%;    max-width: 100%;    height: auto;    margin: 0 auto;  }  \/* HERO — clean premium white layout with localized fire\/ice accents *\/  .du-product .du-hero {    position: relative;    margin: 0;    padding: 22px 0 18px;    text-align: center;    color: var(--ink);    background: #fff;  }  .du-product .du-hero::before {    content: \"\";    position: absolute;    top: 0;    left: 18%;    right: 18%;    height: 3px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), #e99a72 48%, #8db9e8 52%, var(--ice));    opacity: .85;  }  .du-product .du-kicker {    display: inline-flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    padding: 5px 9px;    border: 1px solid #eadfd8;    border-radius: 999px;    background: #fffaf7;    color: var(--fire);    font-size: 12.5px;    font-weight: 800;    letter-spacing: .07em;    text-transform: uppercase;  }  .du-product .du-hero h2 {    max-width: 650px;    margin: 0 auto 10px;    color: var(--ink);    font-size: clamp(27px, 7vw, 38px);    line-height: 1.1;    letter-spacing: -.032em;    font-weight: 850;  }  .du-product .du-fire {    color: var(--fire);    text-shadow: none;  }  .du-product .du-ice {    color: var(--ice);  }  .du-product .du-lead {    max-width: 610px;    margin: 0 auto 16px;    color: #5d5753;    font-size: 16px;    line-height: 1.58;  }  .du-product .du-media {    margin: 16px 0 0;  }  .du-product .du-media img {    border-radius: 10px;  }  .du-product .du-hero .du-media {    margin-top: 18px;  }  .du-product .du-hero .du-media img {    border: 1px solid #e7e3df;    border-radius: 11px;    box-shadow: 0 10px 28px rgba(24,22,20,.10);  }  .du-product .du-quick {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: 7px 8px;    margin: 15px auto 0;  }  .du-product .du-quick span {    padding: 6px 9px;    border: 1px solid #e9e5e1;    border-radius: 999px;    background: #fff;    color: #4f4945;    font-size: 12.8px;    font-weight: 750;    white-space: nowrap;  }  \/* BODY *\/  .du-product .du-section {    padding: 28px 0 2px;  }  .du-product .du-section h3 {    margin: 0 0 8px;    color: var(--ink);    font-size: 22px;    line-height: 1.24;    letter-spacing: -.018em;    text-align: left;    font-weight: 820;  }  .du-product .du-section p {    margin-bottom: 11px;    color: var(--body);  }  .du-product .du-section p:last-child {    margin-bottom: 0;  }  .du-product .du-scene {    margin-top: 11px;    color: #2e2b29 !important;    font-weight: 760;  }  \/* Important imagery gets a premium stage, not every image *\/  .du-product .du-stage {    position: relative;    margin-top: 17px;    padding: 6px;    border: 1px solid #e7e3df;    border-radius: 12px;    background: #fff;  }  .du-product .du-stage::before {    content: \"\";    position: absolute;    inset: auto 8% -8px;    height: 16px;    border-radius: 50%;    background: rgba(0,0,0,.08);    filter: blur(12px);    z-index: 0;  }  .du-product .du-stage img {    position: relative;    z-index: 1;    border-radius: 8px;  }  .du-product .du-stage-fire {    border-color: #ead7cd;  }  .du-product .du-stage-ice {    border-color: #d7e4f1;  }  .du-product .du-points {    list-style: none;    padding: 0;    margin: 15px 0 0;  }  .du-product .du-points li {    position: relative;    margin: 0 0 11px;    padding-left: 25px;    color: #514c49;  }  .du-product .du-points li::before {    content: \"✦\";    position: absolute;    left: 0;    top: 0;    color: var(--fire);    font-weight: 900;  }  .du-product .du-points strong {    color: var(--ink);  }  .du-product .du-after-media {    margin-top: 15px;  }  \/* Variants — still light, but now visually tied to fire\/ice *\/  .du-product .du-variant-grid {    display: grid;    grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 10px;    margin-top: 13px;  }  .du-product .du-variant {    min-height: 68px;    padding: 11px 12px;    border: 1px solid var(--line);    border-radius: 10px;    background: #fff;    color: #615b57;    font-size: 14px;    line-height: 1.35;  }  .du-product .du-variant strong {    display: block;    margin-bottom: 3px;    color: var(--ink);    font-size: 14.5px;  }  .du-product .du-variant.is-red strong {    color: var(--fire);  }  .du-product .du-variant.is-blue strong {    color: var(--ice);  }  .du-product .du-variant.is-red {    border-color: #edcfc0;    background: #fff;  }  .du-product .du-variant.is-blue {    border-color: #d4e2f1;    background: #fff;  }  \/* Specs stay intentionally quiet *\/  .du-product .du-specs {    margin-top: 11px;    border-top: 1px solid var(--line);  }  .du-product .du-spec-row {    display: grid;    grid-template-columns: 36% 64%;    gap: 12px;    padding: 11px 0;    border-bottom: 1px solid var(--line);    font-size: 15px;    line-height: 1.5;  }  .du-product .du-spec-row strong {    color: var(--ink);  }  .du-product .du-spec-row span {    color: #605a56;  }  .du-product .du-package {    margin: 11px 0 0;    padding-left: 20px;    color: #554f4b;  }  .du-product .du-package li {    margin-bottom: 6px;  }  \/* Final close — light, polished, no large color block *\/  .du-product .du-final {    position: relative;    margin: 34px 0 0;    padding: 27px 10px 8px;    text-align: center;    background: #fff;  }  .du-product .du-final::before {    content: \"\";    display: block;    width: 68px;    height: 3px;    margin: 0 auto 17px;    border-radius: 999px;    background: linear-gradient(90deg, var(--fire), var(--ice));  }  .du-product .du-final h3 {    margin: 0 0 7px;    color: var(--ink);    font-size: 25px;    line-height: 1.2;    letter-spacing: -.02em;  }  .du-product .du-final p {    max-width: 610px;    margin: 0 auto;    color: #5c5652;  }  @media (max-width: 520px) {    .du-product {      padding: 0 12px 30px;      font-size: 16px;      line-height: 1.6;    }    .du-product .du-hero {      margin: 0;      padding: 21px 0 18px;    }    .du-product .du-hero h2 {      font-size: clamp(26px, 8.3vw, 33px);    }    .du-product .du-kicker {      font-size: 11.7px;      letter-spacing: .055em;    }    .du-product .du-lead {      font-size: 15.5px;    }    .du-product .du-quick {      gap: 6px;    }    .du-product .du-quick span {      padding: 5px 8px;      font-size: 12px;    }    .du-product .du-section {      padding-top: 24px;    }    .du-product .du-section h3 {      font-size: 20.5px;    }    .du-product .du-media {      margin-top: 14px;    }    .du-product .du-stage {      padding: 5px;      border-radius: 10px;    }    .du-product .du-stage img,    .du-product .du-media img {      border-radius: 7px;    }    .du-product .du-variant-grid {      gap: 8px;    }    .du-product .du-variant {      min-height: 66px;      padding: 10px;      font-size: 13.5px;    }    .du-product .du-variant strong {      font-size: 14px;    }    .du-product .du-spec-row {      grid-template-columns: 1fr;      gap: 2px;      padding: 10px 0;    }    .du-product .du-final {      margin: 30px 0 0;      padding: 24px 4px 6px;    }    .du-product .du-final h3 {      font-size: 23px;    }  }\u003c\/style\u003e","brand":"mysite","offers":[{"title":"360° Smart Holographic Projector","offer_id":55582542594339,"sku":"SZ0526260904406-北极光USB插电款16色【旋转+遥控】","price":37.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0982\/0802\/2819\/files\/4_04da15ca-0ea9-4ce4-9ffe-2a0e08920221.jpg?v=1789125307","url":"https:\/\/www.bio07.com\/products\/5d-galaxy-ocean-projector-for-bedroom","provider":"Bio07","version":"1.0","type":"link"}