{"product_id":"products-solar-snowman-magic-fountain-christmas-light","title":"🎄-49 %🎄 Snowman Magic Fountain™-Lumière de jardin LED de Noël à flocons de neige qui s’écoulent❄️","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       Un peu de magie de Noël dans votre jardin     \u003c\/span\u003e      \u003ch1 class=\"smf26-main-title\"\u003e       Regardez la magie de Noël       \u003cspan\u003ese répandre dans la nuit.\u003c\/span\u003e     \u003c\/h1\u003e      \u003cp class=\"smf26-hero-copy\"\u003e       Un joyeux bonhomme de neige tient une orbe magique lumineuse tandis que des filaments de lumière chaude,       des étoiles et des flocons de neige illuminés semblent se répandre vers le sol, transformant       une cour d'hiver ordinaire en une scène de Noël digne d'un livre de contes.     \u003c\/p\u003e      \u003ca class=\"smf26-button\" href=\"\u0026lt;span%20class='notranslate'\u0026gt;{{CTA_URL}}\u0026lt;\/span\u0026gt;\"\u003e       Faites entrer la magie de Noël chez vous →     \u003c\/a\u003e      \u003cp class=\"smf26-hero-note\"\u003e       Énergie solaire • Flocons de neige lumineux en cascade • Piquet de jardin pour l'extérieur     \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=\"Lumière de jardin de Noël avec bonhomme de neige et fontaine de flocons lumineux en cascade\" width=\"1000\" height=\"1000\" loading=\"eager\"\u003e    \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      POINTS CLÉS ====================================== --\u003e  \u003csection class=\"smf26-section smf26-facts-wrap\"\u003e    \u003cdiv class=\"smf26-facts\"\u003e       \u003cdiv class=\"smf26-fact\"\u003e       \u003cstrong\u003eÉnergie\u003c\/strong\u003e       \u003cspan\u003esolaire\u003c\/span\u003e     \u003c\/div\u003e       \u003cdiv class=\"smf26-fact\"\u003e       \u003cstrong\u003eFlocons de neige\u003c\/strong\u003e       \u003cspan\u003elumineux en cascade\u003c\/span\u003e     \u003c\/div\u003e       \u003cdiv class=\"smf26-fact\"\u003e       \u003cstrong\u003eJour + nuit\u003c\/strong\u003e       \u003cspan\u003epour les fêtes\u003c\/span\u003e     \u003c\/div\u003e       \u003cdiv class=\"smf26-fact\"\u003e       \u003cstrong\u003eInstallation\u003c\/strong\u003e       \u003cspan\u003efacile dans le jardin\u003c\/span\u003e     \u003c\/div\u003e     \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      ACCROCHE ÉMOTIONNELLE ====================================== --\u003e  \u003csection class=\"smf26-section smf26-emotion smf26-center\"\u003e    \u003cspan class=\"smf26-kicker\"\u003e     Bien plus qu'une simple décoration de Noël   \u003c\/span\u003e    \u003ch2 class=\"smf26-title\"\u003e     Créez le genre de Noël dont les enfants se souviendront   \u003c\/h2\u003e    \u003cp class=\"smf26-subtitle\"\u003e     Le sapin scintille. Le porche est décoré. La neige recouvre le sol.     Puis un bonhomme de neige souriant commence à briller, et des filaments de flocons de neige dorés     semblent jaillir de l'orbe magique qu'il tient dans ses mains.   \u003c\/p\u003e     \u003cdiv class=\"smf26-quote\"\u003e      « Regarde, le bonhomme de neige fabrique des flocons de neige ! »      \u003csmall\u003e       Parfois, les plus petites traditions des fêtes deviennent les souvenirs dont les familles       parlent pendant des années.     \u003c\/small\u003e    \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      EFFET DE MAGIE EN CASCADE ====================================== --\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=\"Flocons de neige lumineux et chauds en cascade provenant de l'orbe magique du bonhomme de neige\" width=\"1000\" height=\"1000\" loading=\"lazy\"\u003e      \u003c\/div\u003e       \u003cdiv class=\"smf26-copy\"\u003e        \u003cspan class=\"smf26-kicker\"\u003e         Regardez la magie se répandre       \u003c\/span\u003e        \u003ch2 class=\"smf26-title\"\u003e         Une décoration de Noël qui semble vivante       \u003c\/h2\u003e        \u003cp\u003e         Au lieu de simplement briller en un seul endroit, des filaments lumineux et chauds         descendent de l'orbe magique du bonhomme de neige, entourés d'étoiles lumineuses         et de flocons de neige.       \u003c\/p\u003e        \u003cp\u003e         Le design en cascade crée du mouvement et de la profondeur, donnant à la décoration         l'impression de faire partie d'une scène hivernale magique plutôt que d'être simplement une autre         lumière de jardin.       \u003c\/p\u003e         \u003cul class=\"smf26-checks\"\u003e          \u003cli\u003eLueur dorée et chaleureuse pour les fêtes\u003c\/li\u003e         \u003cli\u003eFilaments lumineux en cascade\u003c\/li\u003e         \u003cli\u003eDétails lumineux de flocons de neige et d'étoiles\u003c\/li\u003e         \u003cli\u003eOrbe magique central lumineux\u003c\/li\u003e         \u003cli\u003eDécoration nocturne qui attire tous les regards\u003c\/li\u003e        \u003c\/ul\u003e      \u003c\/div\u003e     \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      AVANTAGES ====================================== --\u003e  \u003csection class=\"smf26-section smf26-benefits smf26-center\"\u003e    \u003cspan class=\"smf26-kicker\"\u003e     Conçue pour l'émerveillement des fêtes   \u003c\/span\u003e    \u003ch2 class=\"smf26-title\"\u003e     Une seule décoration, une ambiance de Noël incomparable   \u003c\/h2\u003e    \u003cp class=\"smf26-subtitle\"\u003e     Charmante de jour et lumineuse après la tombée de la nuit, la fontaine magique du bonhomme de neige     apporte chaleur et mouvement partout où votre décoration des fêtes a besoin d'une touche spéciale.   \u003c\/p\u003e     \u003cdiv class=\"smf26-card-grid\"\u003e       \u003carticle class=\"smf26-card\"\u003e        \u003cdiv class=\"smf26-icon\"\u003e         ❄       \u003c\/div\u003e        \u003ch3\u003e         Flocons de neige en cascade       \u003c\/h3\u003e        \u003cp\u003e         Des flocons de neige lumineux, des étoiles et des filaments scintillants créent un effet fantaisiste         semblable à une fontaine sous le bonhomme de neige.       \u003c\/p\u003e      \u003c\/article\u003e       \u003carticle class=\"smf26-card\"\u003e        \u003cdiv class=\"smf26-icon\"\u003e         ✦       \u003c\/div\u003e        \u003ch3\u003e         Lueur chaleureuse pour les fêtes       \u003c\/h3\u003e        \u003cp\u003e         L'éclairage doré crée une ambiance chaleureuse et accueillante qui s'accorde à merveille         avec les lumières de porche, les couronnes et les sapins de Noël.       \u003c\/p\u003e      \u003c\/article\u003e       \u003carticle class=\"smf26-card\"\u003e        \u003cdiv class=\"smf26-icon\"\u003e         ☀       \u003c\/div\u003e        \u003ch3\u003e         Praticité solaire       \u003c\/h3\u003e        \u003cp\u003e         Rechargez-la grâce à la lumière du jour et profitez de votre décoration de Noël sans         avoir à faire passer de rallonges dans tout le jardin.       \u003c\/p\u003e      \u003c\/article\u003e     \u003c\/div\u003e  \u003c\/section\u003e   \u003c!-- =====================================      JOUR \/ NUIT ====================================== --\u003e  \u003csection class=\"smf26-section smf26-daynight smf26-center\"\u003e    \u003cspan class=\"smf26-kicker\"\u003e     Charmante de jour. Magique de nuit.   \u003c\/span\u003e    \u003ch2 class=\"smf26-title\"\u003e     Magnifique même avant que les lumières ne s'allument   \u003c\/h2\u003e    \u003cp class=\"smf26-subtitle\"\u003e     Pendant la journée, le joyeux bonhomme de neige, son haut-de-forme et son écharpe ajoutent un caractère festif     à votre jardin d'hiver\u003c\/p\u003e\u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Default Title","offer_id":44258598191191,"sku":"LXYY2608271568-雪人","price":39.89,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/image-gen-1_6_6275b629-2b5e-4d86-8931-ac7c2c166b06.png?v=1788936829","url":"https:\/\/mycheesemas.com\/fr\/products\/products-solar-snowman-magic-fountain-christmas-light","provider":"mycheesemas","version":"1.0","type":"link"}