{"product_id":"christmas-garden-light","title":"✨49% OFF🎄 Snowman Magic Fountain™-Flowing Snowflake LED Christmas Garden Light❄️","description":"\u003cstyle\u003e \/* =========================================================    Snowman Magic Fountain Christmas Landing Page    Shopify-safe \/ responsive \/ isolated ========================================================= *\/  .smf26-page, .smf26-page *, .smf26-page *::before, .smf26-page *::after {   box-sizing: border-box; }  .smf26-page {   --smf-night: #07110f;   --smf-night2: #0e2923;   --smf-green: #164c3d;   --smf-red: #8d2927;   --smf-gold: #d9a13a;   --smf-gold-light: #f8d982;   --smf-cream: #fffaf0;   --smf-snow: #f5f8fa;   --smf-ice: #edf6f8;   --smf-white: #ffffff;   --smf-text: #25302e;   --smf-muted: #687472;    position: relative;   z-index: 0;    display: block;   clear: both;   isolation: isolate;    width: 100%;   max-width: 1180px;   min-width: 0;    margin: 30px auto 0;   padding: 0;    overflow: hidden;    color: var(--smf-text);   background: var(--smf-white);    font-family: Arial, Helvetica, sans-serif;   line-height: 1.65;    container-type: inline-size;   container-name: smf26; }  .smf26-page img {   display: block;   width: 100% !important;   max-width: 100% !important;   height: auto !important;    margin: 0 !important;   padding: 0 !important;    border: 0; }  .smf26-page h1, .smf26-page h2, .smf26-page h3, .smf26-page p, .smf26-page ul {   margin-top: 0; }  .smf26-page h1, .smf26-page h2, .smf26-page h3 {   line-height: 1.12; }  .smf26-page a {   text-decoration: none; }  .smf26-section {   position: relative;    display: block;   clear: both;    width: 100%;   padding: 52px 20px; }  .smf26-center {   text-align: center; }   \/* =========================    COMMON TYPOGRAPHY ========================= *\/  .smf26-kicker {   display: inline-flex;    margin-bottom: 14px;   padding: 7px 15px;    align-items: center;   justify-content: center;    border: 1px solid rgba(217, 161, 58, .55);   border-radius: 999px;    color: #8c6018;   background: rgba(248, 217, 130, .15);    font-size: 12px;   font-weight: 900;   line-height: 1.2;    letter-spacing: 1.2px;   text-transform: uppercase; }  .smf26-title {   max-width: 820px;    margin-right: auto;   margin-bottom: 16px;   margin-left: auto;    color: #14251f;    font-family: Georgia, 'Times New Roman', serif;    font-size: clamp(29px, 5vw, 44px);   font-weight: 700;    letter-spacing: -.7px;   overflow-wrap: break-word; }  .smf26-subtitle {   max-width: 720px;    margin-right: auto;   margin-bottom: 28px;   margin-left: auto;    color: var(--smf-muted);    font-size: 17px;   line-height: 1.75; }  .smf26-button {   position: relative;   overflow: hidden;    display: inline-flex;    width: auto;   min-height: 56px;    padding: 16px 29px;    align-items: center;   justify-content: center;    border: 1px solid #efc760;   border-radius: 9px;    color: #251705 !important;    background:     linear-gradient(       135deg,       #bd8427 0%,       #f6d779 48%,       #b7781d 100%     );    box-shadow:     0 13px 30px rgba(124, 77, 12, .25),     inset 0 1px 0 rgba(255,255,255,.6);    font-size: 16px;   font-weight: 900;   line-height: 1.25;    text-align: center;    transition:     transform .2s ease,     box-shadow .2s ease;    animation:     smf26ButtonGlow     2.7s     ease-in-out     infinite; }  .smf26-button:hover {   color: #251705 !important;    transform: translateY(-2px);    box-shadow:     0 17px 36px rgba(124, 77, 12, .31),     inset 0 1px 0 rgba(255,255,255,.7); }   \/* BUTTON SHINE *\/  .smf26-button::after {   position: absolute;    top: -35%;   left: -45%;    width: 40%;   height: 170%;    pointer-events: none;    content: '';    background:     linear-gradient(       90deg,       transparent,       rgba(255,255,255,.48),       transparent     );    transform:     translateX(-160%)     skewX(-20deg);    animation:     smf26Shine     3.6s     ease-in-out     infinite; }   \/* =========================    HERO ========================= *\/  .smf26-hero {   position: relative;    display: block;   clear: both;    width: 100%;   padding: 62px 20px 38px;    overflow: hidden;    color: #ffffff;   text-align: center;    background:     radial-gradient(       circle at 50% 15%,       rgba(217,161,58,.18),       transparent 33%     ),     radial-gradient(       circle at 12% 12%,       rgba(61,130,110,.2),       transparent 27%     ),     linear-gradient(       145deg,       #050908 0%,       #0d241e 58%,       #06100e 100%     ); }   \/* HERO SNOW *\/  .smf26-hero::before {   position: absolute;    inset: 0;   z-index: 0;    pointer-events: none;    content: '';    opacity: .48;    background-image:     radial-gradient(       circle,       rgba(255,255,255,.95) 0 2px,       transparent 2.6px     ),     radial-gradient(       circle,       rgba(255,255,255,.75) 0 1.4px,       transparent 2px     ),     radial-gradient(       circle,       rgba(248,217,130,.55) 0 1px,       transparent 1.7px     );    background-size:     92px 92px,     135px 135px,     190px 190px;    animation:     smf26SnowFall     15s     linear     infinite; }  .smf26-hero-content {   position: relative;   z-index: 2;    width: 100%;   max-width: 900px;    margin: 0 auto; }  .smf26-hero .smf26-kicker {   color: var(--smf-gold-light);    border-color: rgba(248,217,130,.45);    background: rgba(217,161,58,.08); }  .smf26-main-title {   max-width: 900px;    margin: 0 auto 19px;    color: #ffffff !important;    font-family: Georgia, 'Times New Roman', serif;    font-size: clamp(39px, 7vw, 68px);   font-weight: 700;   line-height: 1.04 !important;    letter-spacing: -1.5px;    overflow-wrap: break-word; }  .smf26-main-title span {   color: #f2c55c;    text-shadow:     0 0 24px rgba(231,174,61,.28);    animation:     smf26GoldTextGlow     2.8s     ease-in-out     infinite; }  .smf26-hero-copy {   max-width: 720px;    margin: 0 auto 27px;    color: #e6eee9;    font-size: 18px;   line-height: 1.75; }  .smf26-hero-note {   margin: 15px 0 0;    color: #a9beb7;    font-size: 13px; }  .smf26-hero-image {   position: relative;   z-index: 2;    display: block;    width: 100%;   max-width: 760px;    margin: 38px auto 0;   padding: 8px;    overflow: hidden;    border: 1px solid rgba(238,196,98,.45);   border-radius: 17px;    background: #050806;    box-shadow:     0 27px 58px rgba(0,0,0,.5),     0 0 48px rgba(218,162,58,.08);    animation:     smf26WarmGlow     3.8s     ease-in-out     infinite; }  .smf26-hero-image::before {   position: absolute;    top: 50%;   left: 50%;    z-index: -1;    width: 78%;   height: 78%;    border-radius: 50%;    pointer-events: none;    content: '';    background:     radial-gradient(       circle,       rgba(242,197,92,.20),       rgba(217,161,58,.06) 42%,       transparent 70%     );    transform:     translate(-50%,-50%);    animation:     smf26Twinkle     3.2s     ease-in-out     infinite; }  .smf26-hero-image img {   border-radius: 11px;    aspect-ratio: 1 \/ 1;   object-fit: cover; }   \/* =========================    QUICK BENEFITS ========================= *\/  .smf26-facts-wrap {   position: relative;    display: block;   clear: both;    width: 100%;    padding: 36px 15px 43px;    background: var(--smf-cream); }  .smf26-facts {   display: grid;    grid-template-columns:     repeat(2, minmax(0, 1fr));    width: 100%;   max-width: 940px;    margin: 0 auto;    overflow: hidden;    border: 1px solid #e5d8bb;   border-radius: 14px;    background: #ffffff;    box-shadow:     0 13px 31px rgba(63, 48, 17, .08); }  .smf26-fact {   min-width: 0;    padding: 23px 8px;    border-right: 1px solid #eee4d1;   border-bottom: 1px solid #eee4d1;    text-align: center;    transition:     transform .25s ease,     background .25s ease; }  .smf26-fact:nth-child(2n) {   border-right: 0; }  .smf26-fact:nth-last-child(-n + 2) {   border-bottom: 0; }  .smf26-fact:hover {   z-index: 2;    background: #fffaf0;    transform: translateY(-4px); }  .smf26-fact strong {   display: block;    color: var(--smf-green);    font-family: Georgia, 'Times New Roman', serif;    font-size: 25px;   line-height: 1.1;    transition:     color .25s ease,     text-shadow .25s ease; }  .smf26-fact:hover strong {   color: #b47718;    text-shadow:     0 0 14px rgba(217,161,58,.18); }  .smf26-fact span {   display: block;    margin-top: 8px;    color: #82601f;    font-size: 12px;   font-weight: 900;   line-height: 1.4;    letter-spacing: .4px;   text-transform: uppercase; }   \/* =========================    EMOTIONAL INTRO ========================= *\/  .smf26-emotion {   background: #ffffff; }  .smf26-quote {   max-width: 760px;    margin: 31px auto 0;   padding: 29px 24px;    border-top: 1px solid var(--smf-gold);   border-bottom: 1px solid var(--smf-gold);    color: var(--smf-green);    background:     linear-gradient(       90deg,       rgba(217,161,58,0),       rgba(217,161,58,.05),       rgba(248,217,130,.15),       rgba(217,161,58,.05),       rgba(217,161,58,0)     );    background-size: 200% 100%;    font-family: Georgia, 'Times New Roman', serif;    font-size: 22px;   font-style: italic;   line-height: 1.55;    animation:     smf26QuoteGlow     5s     ease-in-out     infinite; }  .smf26-quote small {   display: block;    margin-top: 13px;    color: var(--smf-muted);    font-family: Arial, Helvetica, sans-serif;    font-size: 14px;   font-style: normal;   line-height: 1.65; }   \/* =========================    SPLIT LAYOUT ========================= *\/  .smf26-split {   display: grid;    grid-template-columns:     minmax(0, 1fr);    gap: 31px;    align-items: center; }  .smf26-split \u003e * {   min-width: 0; }  .smf26-copy {   width: 100%;   min-width: 0; }  .smf26-copy p {   margin-bottom: 18px;    color: var(--smf-muted);    font-size: 16px;   line-height: 1.75; }  .smf26-image-card {   position: relative;    display: block;    width: 100%;   max-width: 560px;    margin: 0 auto;   padding: 8px;    overflow: hidden;    border: 1px solid #d8c28e;   border-radius: 16px;    background: #101410;    box-shadow:     0 20px 45px rgba(33, 27, 12, .19);    transition:     transform .32s ease,     box-shadow .32s ease; }  .smf26-image-card:hover {   transform:     translateY(-5px);    box-shadow:     0 24px 52px rgba(33,27,12,.23),     0 0 32px rgba(217,161,58,.15); }  .smf26-image-card img {   border-radius: 10px;    aspect-ratio: 1 \/ 1;   object-fit: cover; }  .smf26-checks {   margin: 22px 0 0;   padding: 0;    list-style: none; }  .smf26-checks li {   position: relative;    margin-bottom: 14px;   padding-left: 35px;    color: #27312e;    font-size: 15px;   font-weight: 700;   line-height: 1.55; }  .smf26-checks li::before {   position: absolute;    top: 1px;   left: 0;    display: flex;    width: 24px;   height: 24px;    align-items: center;   justify-content: center;    border: 1px solid var(--smf-gold);   border-radius: 50%;    color: #8d641f;   background: #fff8e8;    content: '✦';    font-size: 10px; }   \/* =========================    DARK CHRISTMAS SECTION ========================= *\/  .smf26-dark {   position: relative;    color: #ffffff;    background:     radial-gradient(       circle at 89% 12%,       rgba(217,161,58,.15),       transparent 30%     ),     radial-gradient(       circle at 12% 80%,       rgba(41,103,86,.21),       transparent 28%     ),     linear-gradient(       145deg,       #050907,       #102b24     ); }  .smf26-dark::before {   position: absolute;    inset: 0;    pointer-events: none;    content: '';    opacity: .26;    background-image:     radial-gradient(       circle,       rgba(255,255,255,.9)       0 1px,       transparent 1.5px     ),     radial-gradient(       circle,       rgba(248,217,130,.8)       0 1px,       transparent 1.5px     );    background-size:     65px 65px,     110px 110px;    background-position:     10px 10px,     45px 30px; }  .smf26-dark \u003e * {   position: relative;   z-index: 2; }  .smf26-dark .smf26-title {   color: #ffffff; }  .smf26-dark .smf26-copy p {   color: #cedbd6; }  .smf26-dark .smf26-checks li {   color: #f1f5f3; }  .smf26-dark .smf26-checks li::before {   color: var(--smf-gold-light);    border-color: #c89435;    background: rgba(217,161,58,.08); }  .smf26-dark .smf26-image-card {   animation:     smf26ImageGlow     4s     ease-in-out     infinite; }   \/* =========================    BENEFIT CARDS ========================= *\/  .smf26-benefits {   background: var(--smf-ice); }  .smf26-card-grid {   display: grid;    grid-template-columns:     minmax(0, 1fr);    gap: 18px;    margin-top: 32px; }  .smf26-card-grid \u003e * {   min-width: 0; }  .smf26-card {   padding: 27px 21px;    border: 1px solid #d8e6e3;   border-radius: 15px;    background: #ffffff;    box-shadow:     0 11px 28px rgba(18, 67, 55, .06);    text-align: left;    transition:     transform .28s ease,     box-shadow .28s ease,     border-color .28s ease; }  .smf26-card:hover {   border-color:     rgba(217,161,58,.45);    transform:     translateY(-6px);    box-shadow:     0 18px 38px rgba(18,67,55,.11),     0 0 18px rgba(217,161,58,.07); }  .smf26-icon {   display: flex;    width: 54px;   height: 54px;    margin-bottom: 18px;    align-items: center;   justify-content: center;    border: 1px solid #d6ab50;   border-radius: 50%;    color: #92681f;    background: #fff8e8;    font-family: Georgia, 'Times New Roman', serif;    font-size: 22px;    transition:     transform .3s ease;    animation:     smf26IconPulse     3s     ease-in-out     infinite; }  .smf26-card:first-child .smf26-icon {   animation:     smf26SnowRotate     12s     linear     infinite; }  .smf26-card:nth-child(2) .smf26-icon {   animation-delay: .8s; }  .smf26-card:nth-child(3) .smf26-icon {   animation-delay: 1.6s;    box-shadow:     0 0 16px     rgba(217,161,58,.14); }  .smf26-card h3 {   margin-bottom: 10px;    color: var(--smf-green);    font-family: Georgia, 'Times New Roman', serif;    font-size: 21px; }  .smf26-card p {   margin-bottom: 0;    color: var(--smf-muted);    font-size: 15px;   line-height: 1.7; }   \/* =========================    SHOWCASE ========================= *\/  .smf26-showcase {   background: #ffffff; }  .smf26-showcase-frame {   position: relative;    display: block;    width: 100%;   max-width: 800px;    margin: 33px auto 0;   padding: 8px;    overflow: hidden;    border: 1px solid #d3b168;   border-radius: 16px;    background: #10130f;    box-shadow:     0 22px 48px rgba(44, 33, 11, .2);    transition:     transform .32s ease,     box-shadow .32s ease; }  .smf26-showcase-frame:hover {   transform:     translateY(-5px);    box-shadow:     0 24px 52px rgba(33,27,12,.23),     0 0 32px rgba(217,161,58,.15); }  .smf26-showcase-frame img {   border-radius: 10px; }   \/* =========================    DAY \/ NIGHT ========================= *\/  .smf26-daynight {   background:     linear-gradient(       135deg,       #f7fafb,       #edf4f2     ); }   \/* =========================    WARM FAMILY SECTION ========================= *\/  .smf26-family {   position: relative;    overflow: hidden;    color: #ffffff;    background:     radial-gradient(       circle at 15% 15%,       rgba(225,171,65,.19),       transparent 29%     ),     linear-gradient(       140deg,       #5d1d1b,       #7f2924     ); }  .smf26-family::before {   position: absolute;    inset: 0;    pointer-events: none;    content: '';    opacity: .2;    background-image:     radial-gradient(       circle,       rgba(248,217,130,.9)       0 1.3px,       transparent 2px     );    background-size:     68px 68px;    animation:     smf26SnowFall     22s     linear     infinite; }  .smf26-family \u003e * {   position: relative;   z-index: 2; }  .smf26-family .smf26-title {   color: #ffffff; }  .smf26-family .smf26-subtitle {   color: #f3ddda; }  .smf26-tags {   display: flex;    flex-wrap: wrap;   justify-content: center;    gap: 10px;    max-width: 780px;    margin: 28px auto 0; }  .smf26-tag {   padding: 10px 16px;    border: 1px solid rgba(248,217,130,.5);   border-radius: 999px;    color: #fbe5a8;    background: rgba(255,255,255,.07);    font-size: 13px;   font-weight: 800;    transition:     transform .25s ease,     background .25s ease,     box-shadow .25s ease; }  .smf26-tag:hover {   background:     rgba(255,255,255,.13);    transform:     translateY(-3px);    box-shadow:     0 0 18px     rgba(248,217,130,.13); }   \/* =========================    STEPS ========================= *\/  .smf26-steps {   background: #ffffff; }  .smf26-step-grid {   display: grid;    grid-template-columns:     minmax(0, 1fr);    gap: 18px;    margin-top: 32px; }  .smf26-step {   padding: 28px 21px;    border: 1px solid #e1e6df;   border-radius: 15px;    background: #fafbf8;    text-align: center;    transition:     transform .28s ease,     box-shadow .28s ease; }  .smf26-step:hover {   transform:     translateY(-5px);    box-shadow:     0 16px 34px     rgba(23,76,61,.10); }  .smf26-step-number {   display: flex;    width: 51px;   height: 51px;    margin: 0 auto 17px;    align-items: center;   justify-content: center;    border-radius: 50%;    color: #ffffff;    background:     linear-gradient(       135deg,       #174c3d,       #2b725d     );    box-shadow:     0 8px 18px rgba(23,76,61,.19);    font-size: 21px;   font-weight: 900;    transition:     transform .3s ease,     box-shadow .3s ease; }  .smf26-step:hover .smf26-step-number {   transform:     scale(1.08);    box-shadow:     0 0 20px     rgba(23,76,61,.23); }  .smf26-step h3 {   margin-bottom: 9px;    color: var(--smf-green);    font-family: Georgia, 'Times New Roman', serif;    font-size: 19px; }  .smf26-step p {   margin-bottom: 0;    color: var(--smf-muted);    font-size: 15px;   line-height: 1.65; }   \/* =========================    COMPARISON ========================= *\/  .smf26-compare {   background: var(--smf-cream); }  .smf26-compare-grid {   display: grid;    grid-template-columns:     minmax(0, 1fr);    gap: 18px;    width: 100%;   max-width: 850px;    margin: 31px auto 0;    text-align: left; }  .smf26-compare-card {   min-width: 0;    padding: 27px 22px;    border-radius: 15px; }  .smf26-compare-card.smf26-basic {   border: 1px solid #e3ddd0;    background: #f1eee8; }  .smf26-compare-card.smf26-magic {   position: relative;    border: 2px solid var(--smf-gold);    background: #ffffff;    box-shadow:     0 15px 32px rgba(151,105,26,.13);    transition:     transform .28s ease,     box-shadow .28s ease; }  .smf26-compare-card.smf26-magic:hover {   transform:     translateY(-5px);    box-shadow:     0 20px 42px     rgba(151,105,26,.17),     0 0 28px     rgba(217,161,58,.10); }  .smf26-compare-card h3 {   margin-bottom: 15px;    color: var(--smf-green);    font-family: Georgia, 'Times New Roman', serif;    font-size: 21px; }  .smf26-compare-card ul {   margin: 0;   padding-left: 20px;    color: var(--smf-muted); }  .smf26-compare-card li {   margin-bottom: 10px;    font-size: 15px;   line-height: 1.6; }   \/* =========================    FAQ ========================= *\/  .smf26-faq {   background: #ffffff; }  .smf26-faq-list {   display: block;    width: 100%;   max-width: 820px;    margin: 29px auto 0;    text-align: left; }  .smf26-faq details {   display: block;    margin-bottom: 12px;    overflow: hidden;    border: 1px solid #dfe7e3;   border-radius: 13px;    background: #f8faf9;    transition:     border-color .25s ease,     box-shadow .25s ease,     transform .25s ease; }  .smf26-faq details:hover {   border-color:     rgba(217,161,58,.45);    box-shadow:     0 8px 20px     rgba(39,58,48,.06);    transform:     translateY(-2px); }  .smf26-faq summary {   position: relative;    display: block;    padding: 18px 49px 18px 18px;    color: #18382f;    cursor: pointer;    font-size: 16px;   font-weight: 900;   line-height: 1.45;    list-style: none; }  .smf26-faq summary::-webkit-details-marker {   display: none; }  .smf26-faq summary::after {   position: absolute;    top: 50%;   right: 18px;    color: #b98124;    content: '+';    font-size: 25px;   line-height: 1;    transform: translateY(-50%); }  .smf26-faq details[open] summary::after {   content: '−'; }  .smf26-faq-answer {   padding: 0 18px 18px;    color: var(--smf-muted);    font-size: 15px;   line-height: 1.7; }   \/* =========================    FINAL CTA ========================= *\/  .smf26-final {   position: relative;    display: block;   clear: both;    width: 100%;    padding: 66px 20px;    overflow: hidden;    color: #ffffff;   text-align: center;    background:     radial-gradient(       circle at 50% 0%,       rgba(220,164,56,.22),       transparent 40%     ),     linear-gradient(       145deg,       #050806,       #102a23     ); }  .smf26-final::before {   position: absolute;    inset: 0;    z-index: 0;    pointer-events: none;    content: '';    opacity: .42;    background-image:     radial-gradient(       circle,       rgba(255,255,255,.95)       0 1.8px,       transparent 2.4px     ),     radial-gradient(       circle,       rgba(248,217,130,.7)       0 1px,       transparent 1.6px     );    background-size:     90px 90px,     155px 155px;    animation:     smf26SnowFall     18s     linear     infinite; }  .smf26-final \u003e * {   position: relative;   z-index: 2; }  .smf26-final .smf26-title {   max-width: 780px;    color: #ffffff;    animation:     smf26GoldTextGlow     3.4s     ease-in-out     infinite; }  .smf26-final-copy {   max-width: 690px;    margin: 0 auto 27px;    color: #d8e2de;    font-size: 17px;   line-height: 1.75; }  .smf26-final-note {   margin: 16px 0 0;    color: #a5b8b0;    font-size: 13px; }   \/* =========================================================    CHRISTMAS ANIMATION KEYFRAMES ========================================================= *\/  @keyframes smf26SnowFall {    0% {     background-position:       0 -200px,       70px -350px,       150px -500px;   }    100% {     background-position:       80px 700px,       10px 820px,       220px 950px;   }  }  @keyframes smf26Twinkle {    0%,   100% {     opacity: .25;     transform: scale(.8);   }    50% {     opacity: 1;     transform: scale(1.22);   }  }  @keyframes smf26WarmGlow {    0%,   100% {     box-shadow:       0 27px 58px rgba(0,0,0,.50),       0 0 20px rgba(218,162,58,.06);   }    50% {     box-shadow:       0 27px 58px rgba(0,0,0,.50),       0 0 48px rgba(241,190,79,.28),       0 0 80px rgba(217,161,58,.10);   }  }  @keyframes smf26ImageGlow {    0%,   100% {     box-shadow:       0 20px 45px rgba(33,27,12,.19),       0 0 0 rgba(217,161,58,0);   }    50% {     box-shadow:       0 22px 48px rgba(33,27,12,.22),       0 0 28px rgba(217,161,58,.15);   }  }  @keyframes smf26GoldTextGlow {    0%,   100% {     text-shadow:       0 0 5px rgba(242,197,92,.08);   }    50% {     text-shadow:       0 0 18px rgba(242,197,92,.42),       0 0 32px rgba(217,161,58,.15);   }  }  @keyframes smf26IconPulse {    0%,   100% {     transform: scale(1);      box-shadow:       0 0 0 rgba(217,161,58,0);   }    50% {     transform: scale(1.06);      box-shadow:       0 0 18px rgba(217,161,58,.20);   }  }  @keyframes smf26SnowRotate {    0% {     transform: rotate(0deg);   }    100% {     transform: rotate(360deg);   }  }  @keyframes smf26ButtonGlow {    0%,   100% {     box-shadow:       0 13px 30px rgba(124,77,12,.25),       inset 0 1px 0 rgba(255,255,255,.60),       0 0 0 rgba(248,217,130,0);   }    50% {     box-shadow:       0 17px 36px rgba(124,77,12,.31),       inset 0 1px 0 rgba(255,255,255,.70),       0 0 28px rgba(248,217,130,.24);   }  }  @keyframes smf26Shine {    0% {     transform:       translateX(-160%)       skewX(-20deg);   }    55%,   100% {     transform:       translateX(260%)       skewX(-20deg);   }  }  @keyframes smf26QuoteGlow {    0%,   100% {     background-position:       0% 50%;   }    50% {     background-position:       100% 50%;   }  }   \/* =========================    CONTAINER RESPONSIVE ========================= *\/  @container smf26 (min-width: 700px) {    .smf26-section {     padding: 68px 42px;   }    .smf26-hero {     padding: 76px 42px 48px;   }    .smf26-facts-wrap {     padding: 43px 30px 48px;   }    .smf26-facts {     grid-template-columns:       repeat(4, minmax(0, 1fr));   }    .smf26-fact {     border-right: 1px solid #eee4d1;     border-bottom: 0;   }    .smf26-fact:nth-child(2) {     border-right: 1px solid #eee4d1;   }    .smf26-fact:last-child {     border-right: 0;   }    .smf26-split {     grid-template-columns:       repeat(2, minmax(0, 1fr));      gap: 48px;   }    .smf26-card-grid,   .smf26-step-grid {     grid-template-columns:       repeat(3, minmax(0, 1fr));      gap: 20px;   }    .smf26-compare-grid {     grid-template-columns:       repeat(2, minmax(0, 1fr));      gap: 20px;   }    .smf26-final {     padding: 78px 42px;   }  }  @container smf26 (min-width: 960px) {    .smf26-section {     padding: 79px 59px;   }    .smf26-hero {     padding: 87px 59px 54px;   }    .smf26-split {     gap: 61px;   }    .smf26-copy p {     font-size: 17px;   }    .smf26-final {     padding: 87px 59px;   }  }   \/* =========================    MOBILE ========================= *\/  @media screen and (max-width: 480px) {    .smf26-page {     margin-top: 20px;   }    .smf26-main-title {     font-size: 38px;   }    .smf26-title {     font-size: 30px;   }    .smf26-hero-copy,   .smf26-subtitle {     font-size: 16px;   }    .smf26-button {     width: 100%;     max-width: 420px;      padding-right: 17px;     padding-left: 17px;   }    .smf26-quote {     font-size: 19px;   }    .smf26-hero::before {     opacity: .30;      animation-duration:       20s;   }    .smf26-final::before {     opacity: .27;      animation-duration:       24s;   }    .smf26-family::before {     opacity: .13;      animation-duration:       28s;   }    .smf26-dark::before {     opacity: .16;   }    .smf26-image-card:hover,   .smf26-showcase-frame:hover,   .smf26-card:hover,   .smf26-step:hover,   .smf26-tag:hover,   .smf26-compare-card.smf26-magic:hover {     transform: none;   }  }   \/* =========================    REDUCED MOTION ========================= *\/  @media (prefers-reduced-motion: reduce) {    .smf26-page *,   .smf26-page *::before,   .smf26-page *::after {     animation-duration:       .01ms !important;      animation-iteration-count:       1 !important;      scroll-behavior:       auto !important;   }  } \u003c\/style\u003e   \u003cdiv class=\"smf26-page\"\u003e   \u003c!-- =====================================      HERO ====================================== --\u003e  \u003csection class=\"smf26-hero\"\u003e    \u003cdiv class=\"smf26-hero-content\"\u003e      \u003cspan class=\"smf26-kicker\"\u003e       A Little Christmas Magic for the Yard     \u003c\/span\u003e      \u003ch1 class=\"smf26-main-title\"\u003e       Watch Christmas Magic       \u003cspan\u003eFlow Into the Night.\u003c\/span\u003e     \u003c\/h1\u003e      \u003cp class=\"smf26-hero-copy\"\u003e       A cheerful snowman holds a glowing magic orb while streams of warm light,       stars and illuminated snowflakes appear to flow toward the ground—turning       an ordinary winter yard into a storybook Christmas scene.     \u003c\/p\u003e      \u003ca class=\"smf26-button\" href=\"{{CTA_URL}}\"\u003e       Bring Home the Christmas Magic →     \u003c\/a\u003e      \u003cp class=\"smf26-hero-note\"\u003e       Solar powered • Flowing snowflake lights • Outdoor garden stake     \u003c\/p\u003e    \u003c\/div\u003e     \u003cdiv class=\"smf26-hero-image\"\u003e      \u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/image-gen-1_6.png?v=1787644037\u0026amp;width=1946\" alt=\"Snowman Magic Fountain flowing snowflake Christmas garden light\" width=\"1000\" height=\"1000\" loading=\"eager\"\u003e    \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      QUICK FACTS ====================================== --\u003e  \u003csection class=\"smf26-facts-wrap\"\u003e    \u003cdiv class=\"smf26-facts\"\u003e       \u003cdiv class=\"smf26-fact\"\u003e       \u003cstrong\u003eSolar\u003c\/strong\u003e       \u003cspan\u003ePowered\u003c\/span\u003e     \u003c\/div\u003e       \u003cdiv class=\"smf26-fact\"\u003e       \u003cstrong\u003eFlowing\u003c\/strong\u003e       \u003cspan\u003eSnowflake Lights\u003c\/span\u003e     \u003c\/div\u003e       \u003cdiv class=\"smf26-fact\"\u003e       \u003cstrong\u003eDay + Night\u003c\/strong\u003e       \u003cspan\u003eHoliday Display\u003c\/span\u003e     \u003c\/div\u003e       \u003cdiv class=\"smf26-fact\"\u003e       \u003cstrong\u003eEasy\u003c\/strong\u003e       \u003cspan\u003eGarden Setup\u003c\/span\u003e     \u003c\/div\u003e     \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      EMOTIONAL HOOK ====================================== --\u003e  \u003csection class=\"smf26-section smf26-emotion smf26-center\"\u003e    \u003cspan class=\"smf26-kicker\"\u003e     More Than Another Christmas Light   \u003c\/span\u003e    \u003ch2 class=\"smf26-title\"\u003e     Create the Kind of Christmas Children Remember   \u003c\/h2\u003e    \u003cp class=\"smf26-subtitle\"\u003e     The tree is glowing. The porch is decorated. Snow is on the ground.     Then a smiling snowman begins to shine, and streams of golden snowflakes     seem to pour from the magic orb in his hands.   \u003c\/p\u003e     \u003cdiv class=\"smf26-quote\"\u003e      “Look—the snowman is making snowflakes!”      \u003csmall\u003e       Sometimes the smallest holiday traditions become the memories families       talk about for years.     \u003c\/small\u003e    \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      MAGIC FLOW EFFECT ====================================== --\u003e  \u003csection class=\"smf26-section smf26-dark\"\u003e    \u003cdiv class=\"smf26-split\"\u003e       \u003cdiv class=\"smf26-image-card\"\u003e        \u003cimg src=\"https:\/\/cotitoc.com\/cdn\/shop\/files\/image-gen-2_6.png?v=1787644037\u0026amp;width=1946\" alt=\"Warm flowing LED snowflake lights from the snowman magic orb\" width=\"1000\" height=\"1000\" loading=\"lazy\"\u003e      \u003c\/div\u003e       \u003cdiv class=\"smf26-copy\"\u003e        \u003cspan class=\"smf26-kicker\"\u003e         Watch the Magic Flow       \u003c\/span\u003e        \u003ch2 class=\"smf26-title\"\u003e         A Christmas Light That Feels Alive       \u003c\/h2\u003e        \u003cp\u003e         Instead of simply glowing in one place, warm illuminated strands         descend from the snowman's magic orb, surrounded by glowing stars         and snowflakes.       \u003c\/p\u003e        \u003cp\u003e         The flowing design creates movement and depth, helping the decoration         feel like part of a magical winter scene rather than just another         garden light.       \u003c\/p\u003e         \u003cul class=\"smf26-checks\"\u003e          \u003cli\u003eWarm golden holiday glow\u003c\/li\u003e         \u003cli\u003eFlowing illuminated light strands\u003c\/li\u003e         \u003cli\u003eGlowing snowflake and star details\u003c\/li\u003e         \u003cli\u003eBright magic orb centerpiece\u003c\/li\u003e         \u003cli\u003eEye-catching nighttime display\u003c\/li\u003e        \u003c\/ul\u003e      \u003c\/div\u003e     \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      BENEFITS ====================================== --\u003e  \u003csection class=\"smf26-section smf26-benefits smf26-center\"\u003e    \u003cspan class=\"smf26-kicker\"\u003e     Made for Holiday Wonder   \u003c\/span\u003e    \u003ch2 class=\"smf26-title\"\u003e     One Decoration, So Much Christmas Atmosphere   \u003c\/h2\u003e    \u003cp class=\"smf26-subtitle\"\u003e     Friendly by day and luminous after dark, the Snowman Magic Fountain     adds warmth and movement wherever your holiday display needs something special.   \u003c\/p\u003e     \u003cdiv class=\"smf26-card-grid\"\u003e       \u003carticle class=\"smf26-card\"\u003e        \u003cdiv class=\"smf26-icon\"\u003e         ❄       \u003c\/div\u003e        \u003ch3\u003e         Flowing Snowflakes       \u003c\/h3\u003e        \u003cp\u003e         Lighted snowflakes, stars and glowing strands create a whimsical         fountain-like effect beneath the snowman.       \u003c\/p\u003e      \u003c\/article\u003e       \u003carticle class=\"smf26-card\"\u003e        \u003cdiv class=\"smf26-icon\"\u003e         ✦       \u003c\/div\u003e        \u003ch3\u003e         Warm Holiday Glow       \u003c\/h3\u003e        \u003cp\u003e         Golden lighting adds a cozy, welcoming feel that pairs beautifully         with porch lights, wreaths and Christmas trees.       \u003c\/p\u003e      \u003c\/article\u003e       \u003carticle class=\"smf26-card\"\u003e        \u003cdiv class=\"smf26-icon\"\u003e         ☀       \u003c\/div\u003e        \u003ch3\u003e         Solar Convenience       \u003c\/h3\u003e        \u003cp\u003e         Charge it with daylight and enjoy your Christmas display without         running extension cords across the yard.       \u003c\/p\u003e      \u003c\/article\u003e     \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      DAY \/ NIGHT ====================================== --\u003e  \u003csection class=\"smf26-section smf26-daynight smf26-center\"\u003e    \u003cspan class=\"smf26-kicker\"\u003e     Charming by Day. Magical by Night.   \u003c\/span\u003e    \u003ch2 class=\"smf26-title\"\u003e     Beautiful Even Before the Lights Come On   \u003c\/h2\u003e    \u003cp class=\"smf26-subtitle\"\u003e     During the day, the cheerful snowman, top hat and scarf add festive     character to your winter garde\u003c\/p\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"TMQ","offers":[{"title":"Default Title","offer_id":54660609278318,"sku":"NC03112608272596-围巾雪人款","price":39.89,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0997\/6499\/4414\/files\/image-gen-1_6.png?v=1787815780","url":"https:\/\/bvuyomi.com\/products\/christmas-garden-light","provider":"Bvuyomi","version":"1.0","type":"link"}