{"product_id":"49-off-santa-s-magic-pour-flowing-led-christmas-garden-light-m","title":"🎅Christmas Early Discount 49% Off 🎁 Santa's Magic Pour – Flowing LED Christmas Garden Light","description":"\u003cstyle\u003e  .xm-page {    --xm-pine:#061b14;    --xm-pine-2:#0b2a20;    --xm-cream:#fff8ed;    --xm-cream-2:#f3e6d3;    --xm-gold:#d7aa4e;    --xm-gold-2:#ffe1a0;    --xm-red:#8a2330;    --xm-ink:#211a16;    --xm-white:#ffffff;    width:100%;    max-width:1180px;    margin:0 auto;    overflow:hidden;    background:var(--xm-pine);    color:var(--xm-ink);    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;    line-height:1.55;  }  .xm-page *,  .xm-page *::before,  .xm-page *::after { box-sizing:border-box; }  .xm-page .xm-inner {    width:min(1080px,calc(100% - 48px));    margin:0 auto;  }  .xm-page .xm-img {    display:block;    width:100%;    height:auto;  }  .xm-page .xm-kicker {    margin:0 0 10px;    font-size:11px;    font-weight:850;    letter-spacing:.22em;    text-transform:uppercase;  }  .xm-page .xm-title {    margin:0;    font-family:Georgia,\"Times New Roman\",serif;    font-size:clamp(42px,6vw,74px);    line-height:.96;    letter-spacing:-.045em;  }  .xm-page .xm-copy {    margin:16px 0 0;    font-size:clamp(15px,1.8vw,18px);    line-height:1.55;  }  .xm-page .xm-hand {    display:inline-block;    position:relative;    font-family:\"Segoe Script\",\"Bradley Hand\",\"Brush Script MT\",cursive;    font-size:clamp(24px,3.4vw,42px);    font-weight:650;    line-height:1;    letter-spacing:-.03em;    transform:rotate(-3deg);  }  .xm-page .xm-hand--light {    color:#fff8df;    text-shadow:0 3px 2px rgba(0,0,0,.85),0 0 22px rgba(0,0,0,.5);    -webkit-text-stroke:.25px rgba(255,255,255,.5);  }  .xm-page .xm-hand--dark {    color:var(--xm-red);    text-shadow:0 2px 0 rgba(255,255,255,.95);  }  .xm-page .xm-hand::after {    content:\"\";    display:block;    width:76%;    height:8px;    margin:0 0 0 10%;    border-bottom:2px solid currentColor;    border-radius:50%;    opacity:.76;    transform:rotate(-2deg);  }  \/* HERO *\/  .xm-page .xm-hero {    position:relative;    min-height:790px;    display:flex;    align-items:center;    isolation:isolate;    background-image:      linear-gradient(90deg,rgba(2,13,10,.96) 0%,rgba(2,13,10,.78) 36%,rgba(2,13,10,.27) 68%,rgba(2,13,10,.08) 100%),      url('https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_08_1.png?v=1787627080');    background-size:cover;    background-position:center;    animation:xmHeroPan 18s ease-in-out infinite alternate;  }  .xm-page .xm-hero::before {    content:\"\";    position:absolute;    inset:0;    z-index:-1;    opacity:.75;    background-image:      radial-gradient(circle,rgba(255,244,207,.96) 0 1px,transparent 2px),      radial-gradient(circle,rgba(255,211,121,.82) 0 1.2px,transparent 2.3px),      radial-gradient(circle,rgba(255,250,232,.58) 0 1px,transparent 2px);    background-size:210px 210px,295px 295px,370px 370px;    background-position:0 0,60px 80px,-40px 120px;    animation:xmStars 15s linear infinite;  }  .xm-page .xm-hero::after {    content:\"\";    position:absolute;    left:-18%;    bottom:-52%;    width:80%;    aspect-ratio:1;    z-index:-1;    border-radius:50%;    background:radial-gradient(circle,rgba(220,170,75,.32),rgba(220,170,75,.05) 42%,transparent 69%);    filter:blur(18px);    animation:xmGlow 7s ease-in-out infinite alternate;  }  .xm-page .xm-hero-inner {    width:min(1080px,calc(100% - 48px));    margin:0 auto;    padding:96px 0 82px;  }  .xm-page .xm-hero-copy {    width:min(600px,100%);    position:relative;    z-index:2;  }  .xm-page .xm-hero .xm-kicker { color:#ffe1a0; text-shadow:0 2px 12px rgba(0,0,0,.8); }  .xm-page .xm-hero-script {    display:block;    margin:0 0 -10px 8px;    color:#fff4d3;    font-family:\"Segoe Script\",\"Bradley Hand\",\"Brush Script MT\",cursive;    font-size:clamp(48px,8vw,94px);    font-weight:500;    line-height:.9;    transform:rotate(-4deg);    text-shadow:0 4px 3px rgba(0,0,0,.82),0 0 24px rgba(255,221,150,.16);  }  .xm-page .xm-hero-main {    display:block;    margin:0;    font-family:Georgia,\"Times New Roman\",serif;    font-size:clamp(64px,9.5vw,112px);    font-weight:700;    line-height:.82;    letter-spacing:-.06em;    text-transform:uppercase;    background:linear-gradient(90deg,#fff8e4 0%,#d5a248 27%,#fff0bf 54%,#bd8128 80%,#fff8e5 100%);    background-size:220% auto;    -webkit-background-clip:text;    background-clip:text;    color:transparent;    filter:drop-shadow(0 5px 22px rgba(0,0,0,.58));    animation:xmGold 7s linear infinite;  }  .xm-page .xm-hero-sub {    max-width:470px;    margin:25px 0 0;    color:#fff;    font-size:clamp(17px,2vw,21px);    font-weight:650;    line-height:1.45;    text-shadow:0 3px 18px rgba(0,0,0,.9);  }  .xm-page .xm-hero-note {    margin-top:34px;    animation:xmFloat 4.8s ease-in-out infinite;  }  .xm-page .xm-hero-note::before {    content:\"✦\";    position:absolute;    left:-28px;    top:4px;    color:#ffd77d;    font-family:Georgia,\"Times New Roman\",serif;    font-size:18px;    animation:xmTwinkle 2.2s ease-in-out infinite;  }  .xm-page .xm-flow-line {    position:absolute;    left:39%;    bottom:22%;    width:54%;    height:5px;    z-index:1;    transform:rotate(16deg);    transform-origin:left center;    border-radius:999px;    background:linear-gradient(90deg,transparent 0%,rgba(255,216,128,.1) 14%,#ffe5a4 48%,rgba(255,233,182,.3) 76%,transparent 100%);    filter:blur(.4px);    box-shadow:0 0 10px #ffd778,0 0 28px rgba(255,210,111,.75),0 0 54px rgba(255,210,111,.33);    opacity:.72;    animation:xmFlowBeam 3.6s ease-in-out infinite;    pointer-events:none;  }  \/* MOVING RIBBON *\/  .xm-page .xm-ribbon {    position:relative;    overflow:hidden;    padding:12px 0;    background:linear-gradient(90deg,#c88d2f,#f2d58f,#bd7f24,#f7e0a4,#c88d2f);    background-size:250% 100%;    animation:xmRibbonGlow 8s linear infinite;    color:#0d241c;  }  .xm-page .xm-ribbon-track {    display:flex;    width:max-content;    white-space:nowrap;    animation:xmMarquee 18s linear infinite;  }  .xm-page .xm-ribbon-track span {    padding-right:34px;    font-size:11px;    font-weight:900;    letter-spacing:.22em;    text-transform:uppercase;  }  \/* WOW *\/  .xm-page .xm-wow {    position:relative;    min-height:720px;    display:flex;    align-items:flex-end;    isolation:isolate;    background-image:      linear-gradient(180deg,rgba(3,17,13,.05) 10%,rgba(3,17,13,.32) 50%,rgba(3,17,13,.92) 100%),      url('https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_09_3.png?v=1787627080');    background-size:cover;    background-position:center;  }  .xm-page .xm-wow::before {    content:\"\";    position:absolute;    inset:-20%;    z-index:-1;    background:      radial-gradient(circle at 70% 48%,rgba(255,205,105,.22),transparent 16%),      radial-gradient(circle at 55% 70%,rgba(255,239,190,.13),transparent 14%);    filter:blur(20px);    animation:xmAurora 9s ease-in-out infinite alternate;  }  .xm-page .xm-wow-copy {    width:min(1080px,calc(100% - 48px));    margin:0 auto;    padding:0 0 62px;  }  .xm-page .xm-wow-copy-inner {    max-width:680px;    position:relative;  }  .xm-page .xm-wow .xm-kicker { color:#ffd77d; text-shadow:0 2px 12px rgba(0,0,0,.86); }  .xm-page .xm-wow .xm-title { color:#fff; text-shadow:0 4px 20px rgba(0,0,0,.78); }  .xm-page .xm-wow .xm-copy { color:#fff4da; font-weight:650; text-shadow:0 2px 14px rgba(0,0,0,.9); }  .xm-page .xm-wow-note {    position:absolute;    right:-30px;    top:-70px;    animation:xmFloat 5.2s ease-in-out infinite reverse;  }  \/* EDITORIAL DETAIL *\/  .xm-page .xm-editorial {    position:relative;    overflow:hidden;    padding:110px 0 130px;    background:      radial-gradient(circle at 12% 10%,rgba(215,170,78,.16),transparent 23%),      radial-gradient(circle at 88% 90%,rgba(138,35,48,.08),transparent 25%),      linear-gradient(180deg,#fffaf2 0%,#f5eadb 100%);  }  .xm-page .xm-editorial::before {    content:\"MAGIC\";    position:absolute;    left:-24px;    top:26px;    color:rgba(90,49,30,.05);    font-family:Georgia,\"Times New Roman\",serif;    font-size:clamp(110px,20vw,250px);    font-weight:700;    line-height:.8;    letter-spacing:-.08em;    pointer-events:none;  }  .xm-page .xm-editorial::after {    content:\"\";    position:absolute;    inset:0;    opacity:.34;    background-image:radial-gradient(circle,rgba(120,80,40,.28) 0 1px,transparent 1.5px);    background-size:42px 42px;    mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);    animation:xmDots 16s linear infinite;    pointer-events:none;  }  .xm-page .xm-editorial-stage {    position:relative;    min-height:720px;    z-index:1;  }  .xm-page .xm-editorial-main {    width:66%;    margin-left:2%;    position:relative;    z-index:1;    box-shadow:0 34px 80px rgba(43,30,20,.15);  }  .xm-page .xm-editorial-main img { border-radius:4px; }  .xm-page .xm-editorial-side {    position:absolute;    right:0;    bottom:-24px;    width:42%;    z-index:3;    transform:rotate(2.2deg);    box-shadow:0 34px 76px rgba(43,30,20,.2);  }  .xm-page .xm-editorial-side img { border-radius:4px; }  .xm-page .xm-editorial-note {    position:absolute;    right:7%;    top:16px;    z-index:4;    animation:xmFloat 5s ease-in-out infinite;  }  .xm-page .xm-editorial-labels {    position:absolute;    left:4%;    bottom:-54px;    z-index:4;    display:flex;    flex-wrap:wrap;    gap:18px;    color:#5b4638;    font-size:11px;    font-weight:900;    letter-spacing:.18em;    text-transform:uppercase;  }  .xm-page .xm-editorial-labels span::before {    content:\"✦\";    margin-right:7px;    color:var(--xm-gold);  }  \/* DAY NIGHT *\/  .xm-page .xm-daynight {    position:relative;    padding:100px 0 110px;    overflow:hidden;    background:linear-gradient(180deg,#f4e8d7 0%,#fffaf2 55%,#e9eee8 100%);  }  .xm-page .xm-daynight-head {    display:flex;    align-items:flex-end;    justify-content:space-between;    gap:30px;    margin-bottom:36px;  }  .xm-page .xm-daynight-head .xm-title {    color:var(--xm-pine);    font-size:clamp(56px,9vw,108px);    line-height:.8;  }  .xm-page .xm-daynight-head .xm-hand { margin-bottom:4px; }  .xm-page .xm-daynight-visual {    position:relative;    overflow:hidden;    box-shadow:0 30px 70px rgba(35,28,22,.15);  }  .xm-page .xm-daynight-visual::after {    content:\"\";    position:absolute;    top:-10%;    bottom:-10%;    left:-22%;    width:17%;    background:linear-gradient(90deg,transparent,rgba(255,246,215,.42),rgba(255,255,255,.75),rgba(255,224,151,.28),transparent);    transform:skewX(-12deg);    filter:blur(2px);    animation:xmSweep 5.8s ease-in-out infinite;    pointer-events:none;  }  .xm-page .xm-daynight-foot {    margin-top:22px;    display:flex;    justify-content:flex-end;    color:var(--xm-pine);    font-family:Georgia,\"Times New Roman\",serif;    font-size:clamp(20px,3vw,34px);    font-style:italic;  }  \/* SOLAR *\/  .xm-page .xm-solar {    position:relative;    overflow:hidden;    padding:110px 0;    isolation:isolate;    background:linear-gradient(135deg,#08251b 0%,#061913 74%);  }  .xm-page .xm-solar::before {    content:\"\";    position:absolute;    right:-160px;    top:-210px;    width:540px;    height:540px;    z-index:-1;    border-radius:50%;    background:repeating-conic-gradient(from 0deg,rgba(255,225,160,.12) 0 2deg,transparent 2deg 13deg);    animation:xmSpin 28s linear infinite;  }  .xm-page .xm-solar::after {    content:\"\";    position:absolute;    right:2%;    top:3%;    width:340px;    height:340px;    z-index:-1;    border-radius:50%;    background:radial-gradient(circle,rgba(255,218,135,.18),transparent 65%);    filter:blur(8px);    animation:xmGlow 6s ease-in-out infinite alternate;  }  .xm-page .xm-solar-grid {    display:grid;    grid-template-columns:.78fr 1.22fr;    gap:58px;    align-items:center;  }  .xm-page .xm-solar-copy { position:relative; z-index:2; }  .xm-page .xm-solar .xm-kicker { color:#f5d68f; }  .xm-page .xm-solar .xm-title { color:#fff; text-shadow:0 4px 18px rgba(0,0,0,.65); }  .xm-page .xm-solar .xm-copy { color:#fff1d0; font-weight:650; }  .xm-page .xm-solar .xm-hand { margin-top:28px; }  .xm-page .xm-solar-visual {    position:relative;  }  .xm-page .xm-solar-visual img {    position:relative;    z-index:1;    box-shadow:0 30px 78px rgba(0,0,0,.35);  }  .xm-page .xm-solar-visual::before {    content:\"\";    position:absolute;    inset:10% -8% -10% 22%;    border:1px solid rgba(255,224,154,.22);    z-index:0;    transform:rotate(2deg);  }  \/* ANGLES *\/  .xm-page .xm-angles {    position:relative;    overflow:hidden;    padding:110px 0 120px;    background:      radial-gradient(circle at 86% 14%,rgba(215,170,78,.15),transparent 22%),      linear-gradient(180deg,#fff9ef,#f2e3cf);  }  .xm-page .xm-angles::before {    content:\"SEE IT\";    position:absolute;    right:-10px;    top:10px;    color:rgba(18,47,37,.055);    font-family:Georgia,\"Times New Roman\",serif;    font-size:clamp(120px,18vw,220px);    font-weight:700;    line-height:.8;    letter-spacing:-.07em;    pointer-events:none;  }  .xm-page .xm-angles-head {    position:relative;    z-index:2;    display:flex;    align-items:flex-end;    justify-content:space-between;    gap:34px;    margin-bottom:44px;  }  .xm-page .xm-angles-head .xm-title { color:var(--xm-pine); }  .xm-page .xm-angle-stage {    position:relative;    min-height:690px;  }  .xm-page .xm-angle-main {    width:78%;    margin-left:auto;    box-shadow:0 34px 80px rgba(42,31,22,.16);  }  .xm-page .xm-angle-day {    position:absolute;    left:0;    bottom:-18px;    width:37%;    transform:rotate(-2.5deg);    box-shadow:0 28px 70px rgba(42,31,22,.22);  }  .xm-page .xm-angle-note {    position:absolute;    left:2%;    top:42px;    z-index:3;    animation:xmFloat 4.9s ease-in-out infinite;  }  .xm-page .xm-angle-tags {    display:flex;    flex-wrap:wrap;    justify-content:flex-end;    gap:16px 28px;    margin-top:42px;    color:#604d3e;    font-size:11px;    font-weight:900;    letter-spacing:.16em;    text-transform:uppercase;  }  .xm-page .xm-angle-tags span::before {    content:\"—\";    margin-right:8px;    color:var(--xm-gold);  }  \/* CLOSING *\/  .xm-page .xm-close {    position:relative;    min-height:780px;    display:flex;    align-items:flex-end;    isolation:isolate;    text-align:center;    background-image:      linear-gradient(180deg,rgba(2,15,11,.08) 15%,rgba(2,15,11,.28) 48%,rgba(2,15,11,.91) 100%),      url('https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_12_9.png?v=1787627080');    background-size:cover;    background-position:center;    animation:xmClosePan 18s ease-in-out infinite alternate;  }  .xm-page .xm-close::before {    content:\"\";    position:absolute;    inset:0;    z-index:-1;    opacity:.72;    background-image:      radial-gradient(circle,rgba(255,248,224,.9) 0 1px,transparent 2px),      radial-gradient(circle,rgba(255,218,137,.72) 0 1.1px,transparent 2.2px);    background-size:230px 230px,330px 330px;    animation:xmSnow 17s linear infinite;  }  .xm-page .xm-close-copy {    width:min(920px,calc(100% - 42px));    margin:0 auto;    padding:0 0 72px;  }  .xm-page .xm-close .xm-hand {    margin-bottom:14px;    animation:xmFloat 5s ease-in-out infinite;  }  .xm-page .xm-close-title {    margin:0;    color:#fff;    font-family:Georgia,\"Times New Roman\",serif;    font-size:clamp(48px,8vw,96px);    font-weight:700;    line-height:.88;    letter-spacing:-.055em;    text-transform:uppercase;    text-shadow:0 5px 28px rgba(0,0,0,.82);  }  .xm-page .xm-close-line {    width:90px;    height:2px;    margin:28px auto 0;    background:linear-gradient(90deg,transparent,#f6d98f,transparent);    box-shadow:0 0 16px rgba(246,217,143,.66);    animation:xmLinePulse 3s ease-in-out infinite;  }  .xm-page .xm-hero-mobile-image {    display:none;  }  .xm-page .xm-back-buy {    display:inline-flex;    align-items:center;    justify-content:center;    gap:12px;    min-height:50px;    margin-top:28px;    padding:13px 22px;    border:1px solid rgba(255,229,168,.62);    border-radius:999px;    background:linear-gradient(100deg,#f7df9f,#c98d2f 48%,#f9e7b7);    background-size:180% 100%;    color:#10241c;    box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 28px rgba(226,177,77,.18);    font-size:12px;    font-weight:900;    letter-spacing:.13em;    text-decoration:none;    text-transform:uppercase;    transition:transform .2s ease,box-shadow .2s ease;    animation:xmBuyShine 6s linear infinite;  }  .xm-page .xm-back-buy:hover {    transform:translateY(-2px);    box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 32px rgba(226,177,77,.25);  }  .xm-page .xm-back-buy b {    font-family:Georgia,\"Times New Roman\",serif;    font-size:18px;    line-height:1;  }  \/* Progressive scroll reveal *\/  @supports (animation-timeline:view()) {    .xm-page .xm-reveal {      animation:xmReveal linear both;      animation-timeline:view();      animation-range:entry 8% cover 34%;    }  }  \/* ANIMATIONS *\/  @keyframes xmHeroPan {    from { background-position:47% center; }    to { background-position:54% center; }  }  @keyframes xmClosePan {    from { background-position:48% center; }    to { background-position:53% center; }  }  @keyframes xmStars {    from { background-position:0 0,60px 80px,-40px 120px; }    to { background-position:0 210px,35px 375px,-10px 490px; }  }  @keyframes xmSnow {    from { background-position:0 -50px,70px -120px; }    to { background-position:-24px 280px,110px 360px; }  }  @keyframes xmGold {    from { background-position:0% center; }    to { background-position:220% center; }  }  @keyframes xmGlow {    from { opacity:.5; transform:scale(.96); }    to { opacity:1; transform:scale(1.05); }  }  @keyframes xmFloat {    0%,100% { transform:translateY(0) rotate(-3deg); }    50% { transform:translateY(-8px) rotate(-2deg); }  }  @keyframes xmTwinkle {    0%,100% { opacity:.45; transform:scale(.8); }    50% { opacity:1; transform:scale(1.18); }  }  @keyframes xmFlowBeam {    0%,100% { opacity:.24; transform:rotate(16deg) scaleX(.75); filter:blur(1px); }    50% { opacity:.92; transform:rotate(16deg) scaleX(1.04); filter:blur(0); }  }  @keyframes xmRibbonGlow {    from { background-position:0% center; }    to { background-position:250% center; }  }  @keyframes xmMarquee {    from { transform:translateX(0); }    to { transform:translateX(-50%); }  }  @keyframes xmAurora {    from { transform:translate3d(-1%,0,0) scale(.98); opacity:.55; }    to { transform:translate3d(2%,-2%,0) scale(1.05); opacity:1; }  }  @keyframes xmDots {    from { background-position:0 0; }    to { background-position:84px 42px; }  }  @keyframes xmSweep {    0%,18% { left:-24%; opacity:0; }    35% { opacity:1; }    62% { opacity:.72; }    78%,100% { left:112%; opacity:0; }  }  @keyframes xmSpin {    from { transform:rotate(0deg); }    to { transform:rotate(360deg); }  }  @keyframes xmBuyShine {    from { background-position:0% center; }    to { background-position:180% center; }  }  @keyframes xmLinePulse {    0%,100% { opacity:.45; transform:scaleX(.8); }    50% { opacity:1; transform:scaleX(1.15); }  }  @keyframes xmReveal {    from { opacity:0; transform:translateY(34px) scale(.985); }    to { opacity:1; transform:translateY(0) scale(1); }  }  @media (prefers-reduced-motion:reduce) {    .xm-page .xm-hero,    .xm-page .xm-hero::before,    .xm-page .xm-hero::after,    .xm-page .xm-hero-main,    .xm-page .xm-hero-note,    .xm-page .xm-hero-note::before,    .xm-page .xm-flow-line,    .xm-page .xm-ribbon,    .xm-page .xm-ribbon-track,    .xm-page .xm-wow::before,    .xm-page .xm-wow-note,    .xm-page .xm-editorial::after,    .xm-page .xm-editorial-note,    .xm-page .xm-daynight-visual::after,    .xm-page .xm-solar::before,    .xm-page .xm-solar::after,    .xm-page .xm-angle-note,    .xm-page .xm-close,    .xm-page .xm-close::before,    .xm-page .xm-close .xm-hand,    .xm-page .xm-close-line,    .xm-page .xm-back-buy {      animation:none;    }  }  \/* MOBILE *\/  @media (max-width:768px) {    .xm-page .xm-inner,    .xm-page .xm-hero-inner,    .xm-page .xm-wow-copy {      width:min(100% - 34px,1080px);    }    .xm-page .xm-hero {      min-height:700px;      align-items:flex-end;      background-position:63% center;    }    .xm-page .xm-hero-inner { padding:88px 0 48px; }    .xm-page .xm-hero-copy {      padding:24px 20px 22px;      border-radius:20px;      background:linear-gradient(145deg,rgba(1,12,8,.75),rgba(1,12,8,.42));      backdrop-filter:blur(7px);    }    .xm-page .xm-flow-line {      left:42%;      bottom:26%;      width:51%;      transform:rotate(24deg);    }    @keyframes xmFlowBeam {      0%,100% { opacity:.22; transform:rotate(24deg) scaleX(.72); }      50% { opacity:.86; transform:rotate(24deg) scaleX(1.02); }    }    .xm-page .xm-wow {      min-height:650px;      background-position:59% center;    }    .xm-page .xm-wow-copy { padding-bottom:34px; }    .xm-page .xm-wow-copy-inner {      padding:22px 20px;      background:rgba(2,15,11,.56);      backdrop-filter:blur(5px);    }    .xm-page .xm-wow-note {      position:static;      margin-bottom:18px;    }    .xm-page .xm-editorial { padding:76px 0 100px; }    .xm-page .xm-editorial-stage { min-height:560px; }    .xm-page .xm-editorial-main { width:86%; margin-left:0; }    .xm-page .xm-editorial-side { width:48%; right:-2%; bottom:8px; }    .xm-page .xm-editorial-note { right:2%; top:-12px; }    .xm-page .xm-editorial-labels { left:0; bottom:-58px; gap:10px 16px; }    .xm-page .xm-daynight { padding:76px 0 82px; }    .xm-page .xm-daynight-head { display:block; }    .xm-page .xm-daynight-head .xm-hand { margin-top:18px; }    .xm-page .xm-solar { padding:78px 0 88px; }    .xm-page .xm-solar-grid { grid-template-columns:1fr; gap:34px; }    .xm-page .xm-solar-visual { order:-1; }    .xm-page .xm-angles { padding:78px 0 94px; }    .xm-page .xm-angles-head { display:block; }    .xm-page .xm-angles-head .xm-hand { margin-top:18px; }    .xm-page .xm-angle-stage { min-height:590px; }    .xm-page .xm-angle-main { width:88%; }    .xm-page .xm-angle-day { width:43%; bottom:6px; }    .xm-page .xm-angle-note { top:8px; left:0; }    .xm-page .xm-close { min-height:650px; background-position:58% center; }    .xm-page .xm-close-copy { padding-bottom:46px; }  }  @media (max-width:480px) {    .xm-page .xm-hero { min-height:660px; }    .xm-page .xm-hero-main { font-size:clamp(54px,17vw,74px); }    .xm-page .xm-hero-script { font-size:clamp(40px,13vw,58px); }    .xm-page .xm-hero-sub { font-size:16px; }    .xm-page .xm-ribbon-track span { padding-right:24px; letter-spacing:.17em; }    .xm-page .xm-editorial-stage { min-height:500px; }    .xm-page .xm-editorial-side { width:51%; }    .xm-page .xm-editorial-labels { font-size:9px; }    .xm-page .xm-daynight-head .xm-title { font-size:clamp(50px,17vw,76px); }    .xm-page .xm-daynight-foot { justify-content:flex-start; }    .xm-page .xm-angle-stage { min-height:520px; }    .xm-page .xm-angle-day { width:47%; }    .xm-page .xm-angle-tags { justify-content:flex-start; gap:12px 18px; }    .xm-page .xm-close-title { font-size:clamp(46px,14vw,68px); }  }  \/* =========================     MOBILE V2 — TRUE MOBILE LAYOUT     ========================= *\/  @media (max-width:768px) {    .xm-page {      max-width:100%;      overflow:hidden;    }    .xm-page .xm-inner,    .xm-page .xm-hero-inner,    .xm-page .xm-wow-copy {      width:calc(100% - 30px);    }    .xm-page .xm-title {      font-size:clamp(36px,11vw,52px);      line-height:.96;      letter-spacing:-.04em;    }    .xm-page .xm-copy {      font-size:15px;      line-height:1.48;    }    .xm-page .xm-hand {      font-size:clamp(23px,7.5vw,31px);      line-height:1.05;    }    \/* Hero gets its own mobile composition instead of shrinking desktop. *\/    .xm-page .xm-hero {      min-height:620px;      align-items:flex-end;      background-image:        linear-gradient(180deg,rgba(2,13,10,.04) 6%,rgba(2,13,10,.13) 34%,rgba(2,13,10,.58) 62%,rgba(2,13,10,.97) 100%),        url('https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_08_1.png?v=1787627080');      background-size:cover;      background-position:67% center;      animation:none;    }    .xm-page .xm-hero::before {      opacity:.48;      animation-duration:22s;    }    .xm-page .xm-hero::after {      left:-32%;      bottom:-28%;      width:115%;      opacity:.62;      filter:blur(22px);    }    .xm-page .xm-hero-inner {      padding:250px 0 34px;    }    .xm-page .xm-hero-copy {      width:100%;      max-width:100%;      padding:0 2px;      border-radius:0;      background:none;      backdrop-filter:none;    }    .xm-page .xm-hero .xm-kicker {      margin-bottom:8px;      font-size:10px;      letter-spacing:.17em;    }    .xm-page .xm-hero-script {      margin:0 0 -5px 2px;      font-size:clamp(40px,12vw,52px);      line-height:.9;    }    .xm-page .xm-hero-main {      max-width:100%;      font-size:clamp(48px,16vw,68px);      line-height:.84;      letter-spacing:-.055em;      white-space:normal;    }    .xm-page .xm-hero-sub {      max-width:330px;      margin-top:17px;      font-size:15px;      line-height:1.38;    }    .xm-page .xm-hero-note {      margin-top:21px;    }    .xm-page .xm-hero-note::before {      left:-19px;      top:2px;      font-size:13px;    }    .xm-page .xm-flow-line {      left:47%;      bottom:36%;      width:47%;      height:3px;      transform:rotate(22deg);      opacity:.56;    }    @keyframes xmFlowBeam {      0%,100% { opacity:.18; transform:rotate(22deg) scaleX(.7); }      50% { opacity:.62; transform:rotate(22deg) scaleX(1); }    }    \/* Ticker stays decorative but becomes lighter on mobile. *\/    .xm-page .xm-ribbon {      padding:9px 0;    }    .xm-page .xm-ribbon-track span {      padding-right:24px;      font-size:9px;      letter-spacing:.16em;    }    \/* Full-bleed WOW section: no glass card on mobile. *\/    .xm-page .xm-wow {      min-height:570px;      background-image:        linear-gradient(180deg,rgba(3,17,13,.02) 10%,rgba(3,17,13,.18) 42%,rgba(3,17,13,.88) 74%,rgba(3,17,13,.98) 100%),        url('https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_09_3.png?v=1787627080');      background-position:61% center;    }    .xm-page .xm-wow-copy {      padding-bottom:28px;    }    .xm-page .xm-wow-copy-inner {      max-width:100%;      padding:0 2px;      background:none;      backdrop-filter:none;    }    .xm-page .xm-wow-note {      position:static;      display:inline-block;      margin:0 0 15px;    }    .xm-page .xm-wow .xm-copy {      max-width:320px;      margin-top:12px;    }    \/* Editorial images stay layered, but flow naturally so nothing overlaps text. *\/    .xm-page .xm-editorial {      padding:66px 0 72px;    }    .xm-page .xm-editorial::before {      left:-8px;      top:16px;      font-size:92px;    }    .xm-page .xm-editorial-stage {      min-height:0;      display:flex;      flex-direction:column;      align-items:stretch;    }    .xm-page .xm-editorial-main {      width:100%;      margin:0;      position:relative;      z-index:1;    }    .xm-page .xm-editorial-side {      position:relative;      right:auto;      bottom:auto;      width:70%;      margin:-34px 0 0 auto;      z-index:3;      transform:rotate(1.4deg);    }    .xm-page .xm-editorial-note {      position:relative;      right:auto;      top:auto;      z-index:4;      align-self:flex-start;      margin:22px 0 0 4px;    }    .xm-page .xm-editorial-labels {      position:relative;      left:auto;      bottom:auto;      margin-top:22px;      gap:8px 14px;      font-size:9px;      line-height:1.3;    }    \/* Day\/night title is intentionally stacked and constrained. *\/    .xm-page .xm-daynight {      padding:68px 0 72px;    }    .xm-page .xm-daynight-head {      display:block;      margin-bottom:24px;    }    .xm-page .xm-daynight-head .xm-title {      margin-top:2px;      font-size:clamp(43px,14vw,62px);      line-height:.86;      white-space:nowrap;    }    .xm-page .xm-daynight-head .xm-hand {      display:inline-block;      margin-top:16px;    }    .xm-page .xm-daynight-visual {      box-shadow:0 20px 48px rgba(35,28,22,.14);    }    .xm-page .xm-daynight-foot {      justify-content:flex-start;      margin-top:15px;      font-size:21px;    }    \/* Solar: image first, then short copy. *\/    .xm-page .xm-solar {      padding:66px 0 72px;    }    .xm-page .xm-solar::before {      right:-180px;      top:-180px;      width:420px;      height:420px;      opacity:.65;    }    .xm-page .xm-solar::after {      right:-10%;      top:3%;      width:260px;      height:260px;    }    .xm-page .xm-solar-grid {      grid-template-columns:1fr;      gap:28px;    }    .xm-page .xm-solar-visual {      order:-1;      width:100%;    }    .xm-page .xm-solar-visual::before {      inset:7% -4% -7% 12%;    }    .xm-page .xm-solar-copy .xm-title br {      display:none;    }    .xm-page .xm-solar .xm-hand {      margin-top:18px;    }    \/* Angles section switches from absolute desktop collage to stable mobile collage. *\/    .xm-page .xm-angles {      padding:68px 0 78px;    }    .xm-page .xm-angles::before {      top:14px;      right:-6px;      font-size:86px;    }    .xm-page .xm-angles-head {      display:block;      margin-bottom:26px;    }    .xm-page .xm-angles-head .xm-hand {      display:inline-block;      margin-top:16px;    }    .xm-page .xm-angle-stage {      min-height:0;      display:flex;      flex-direction:column;    }    .xm-page .xm-angle-main {      width:100%;      margin:0;      position:relative;      z-index:1;    }    .xm-page .xm-angle-day {      position:relative;      left:auto;      bottom:auto;      width:62%;      margin:-30px 0 0 0;      z-index:3;      transform:rotate(-1.8deg);    }    .xm-page .xm-angle-note {      position:relative;      left:auto;      top:auto;      align-self:flex-end;      margin:-4px 5px 0 0;      z-index:4;    }    .xm-page .xm-angle-tags {      justify-content:flex-start;      margin-top:22px;      gap:9px 18px;      font-size:9px;      line-height:1.3;    }    \/* Close section: stronger bottom fade, smaller type, fixed safe area. *\/    .xm-page .xm-close {      min-height:590px;      background-image:        linear-gradient(180deg,rgba(2,15,11,.03) 12%,rgba(2,15,11,.22) 46%,rgba(2,15,11,.9) 77%,rgba(2,15,11,.98) 100%),        url('https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_12_9.png?v=1787627080');      background-position:62% center;      animation:none;    }    .xm-page .xm-close-copy {      width:calc(100% - 30px);      padding:0 0 34px;    }    .xm-page .xm-close-title {      font-size:clamp(42px,12.5vw,58px);      line-height:.9;      letter-spacing:-.045em;    }    .xm-page .xm-close .xm-hand {      margin-bottom:10px;    }    .xm-page .xm-close-line {      margin-top:20px;    }  }  @media (max-width:420px) {    .xm-page .xm-inner,    .xm-page .xm-hero-inner,    .xm-page .xm-wow-copy,    .xm-page .xm-close-copy {      width:calc(100% - 26px);    }    .xm-page .xm-hero {      min-height:600px;      background-position:69% center;    }    .xm-page .xm-hero-inner {      padding-top:238px;    }    .xm-page .xm-hero-main {      font-size:clamp(45px,15.8vw,62px);    }    .xm-page .xm-hero-script {      font-size:clamp(37px,11.8vw,48px);    }    .xm-page .xm-wow {      min-height:535px;      background-position:63% center;    }    .xm-page .xm-editorial-side {      width:72%;      margin-top:-28px;    }    .xm-page .xm-daynight-head .xm-title {      font-size:clamp(39px,13.5vw,56px);    }    .xm-page .xm-angle-day {      width:66%;      margin-top:-24px;    }    .xm-page .xm-close {      min-height:560px;      background-position:64% center;    }    .xm-page .xm-close-title {      font-size:clamp(39px,12vw,52px);    }  }  \/* MOBILE V3 - FULL HERO IMAGE + PURCHASE RETURN CTA *\/  @media (max-width:600px) {    .xm-page .xm-hero {      min-height:0;      display:block;      background:var(--xm-pine);    }    .xm-page .xm-hero::before {      opacity:.20;    }    .xm-page .xm-hero::after {      left:-38%;      bottom:-16%;      width:125%;      opacity:.42;    }    .xm-page .xm-hero-mobile-image {      display:block;      position:relative;      z-index:1;      width:100%;      aspect-ratio:1 \/ 1;      overflow:hidden;      background:#081e17;    }    .xm-page .xm-hero-mobile-image .xm-img {      width:100%;      height:100%;      object-fit:contain;      object-position:center;    }    .xm-page .xm-hero-inner {      position:relative;      z-index:2;      width:calc(100% - 30px);      padding:25px 0 34px;    }    .xm-page .xm-hero-copy {      padding:0;    }    .xm-page .xm-hero .xm-kicker,    .xm-page .xm-hero-copy h2 {      display:none;    }    .xm-page .xm-hero-sub {      max-width:310px;      margin:0;      color:#fff;      font-size:16px;      font-weight:700;      line-height:1.4;    }    .xm-page .xm-hero-note {      margin-top:17px;    }    .xm-page .xm-flow-line {      display:none;    }    .xm-page .xm-back-buy {      min-width:190px;      min-height:52px;      margin-top:24px;      padding:14px 22px;      font-size:11px;      letter-spacing:.12em;    }    .xm-page .xm-close-copy {      padding-bottom:30px;    }  }\u003c\/style\u003e\u003cdiv class=\"spx-page xm-page\"\u003e  \u003c!-- 01 \/ HERO --\u003e  \u003csection class=\"xm-hero\"\u003e    \u003cdiv class=\"xm-hero-mobile-image\"\u003e      \u003cimg class=\"xm-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_08_1.png?v=1787627080\" alt=\"Santa's Magic Pour solar Christmas yard light\" loading=\"eager\" fetchpriority=\"high\"\u003e    \u003c\/div\u003e    \u003cdiv class=\"xm-hero-inner\"\u003e      \u003cdiv class=\"xm-hero-copy\"\u003e        \u003cp class=\"xm-kicker\"\u003eSolar Christmas Yard Light\u003c\/p\u003e        \u003ch2\u003e          \u003cspan class=\"xm-hero-script\"\u003eSanta's\u003c\/span\u003e          \u003cspan class=\"xm-hero-main\"\u003eMagic Pour\u003c\/span\u003e        \u003c\/h2\u003e        \u003cp class=\"xm-hero-sub\"\u003eChristmas magic, poured into your yard.\u003c\/p\u003e        \u003cspan class=\"xm-hand xm-hand--light xm-hero-note\"\u003eWatch it glow ↘\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e    \u003cspan class=\"xm-flow-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e  \u003c\/section\u003e  \u003c!-- MOVING BRAND MOMENT --\u003e  \u003cdiv class=\"xm-ribbon\" aria-hidden=\"true\"\u003e    \u003cdiv class=\"xm-ribbon-track\"\u003e      \u003cspan\u003ePOUR • GLOW • WONDER • CHRISTMAS MAGIC •\u003c\/span\u003e      \u003cspan\u003ePOUR • GLOW • WONDER • CHRISTMAS MAGIC •\u003c\/span\u003e      \u003cspan\u003ePOUR • GLOW • WONDER • CHRISTMAS MAGIC •\u003c\/span\u003e      \u003cspan\u003ePOUR • GLOW • WONDER • CHRISTMAS MAGIC •\u003c\/span\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- 02 \/ WOW MOMENT --\u003e  \u003csection class=\"xm-wow xm-reveal\"\u003e    \u003cdiv class=\"xm-wow-copy\"\u003e      \u003cdiv class=\"xm-wow-copy-inner\"\u003e        \u003cspan class=\"xm-hand xm-hand--light xm-wow-note\"\u003eIt starts right here ↘\u003c\/span\u003e        \u003cp class=\"xm-kicker\"\u003eThe wow moment\u003c\/p\u003e        \u003ch2 class=\"xm-title\"\u003eChristmas Magic.\u003cbr\u003ePoured Out.\u003c\/h2\u003e        \u003cp class=\"xm-copy\"\u003eA golden cascade of stars, candy canes \u0026amp; tiny gifts.\u003c\/p\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- 03 \/ EDITORIAL DETAILS --\u003e  \u003csection class=\"xm-editorial xm-reveal\"\u003e    \u003cdiv class=\"xm-inner\"\u003e      \u003cdiv class=\"xm-editorial-stage\"\u003e        \u003cdiv class=\"xm-editorial-main\"\u003e          \u003cimg class=\"xm-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_09_4.png?v=1787627080\" alt=\"Close-up of Santa pouring glowing Christmas ornaments\" loading=\"lazy\"\u003e        \u003c\/div\u003e        \u003cdiv class=\"xm-editorial-side\"\u003e          \u003cimg class=\"xm-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_09_2.png?v=1787627080\" alt=\"Santa Christmas yard light glowing from another angle\" loading=\"lazy\"\u003e        \u003c\/div\u003e        \u003cspan class=\"xm-hand xm-hand--dark xm-editorial-note\"\u003eLook closer ↗\u003c\/span\u003e        \u003cdiv class=\"xm-editorial-labels\"\u003e          \u003cspan\u003eGolden Glow\u003c\/span\u003e          \u003cspan\u003eFestive Details\u003c\/span\u003e          \u003cspan\u003eDimensional Santa\u003c\/span\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- 04 \/ DAY NIGHT --\u003e  \u003csection class=\"xm-daynight xm-reveal\"\u003e    \u003cdiv class=\"xm-inner\"\u003e      \u003cdiv class=\"xm-daynight-head\"\u003e        \u003cdiv\u003e          \u003cp class=\"xm-kicker\" style=\"color:#9b6e2c;\"\u003eTwo moods. One display.\u003c\/p\u003e          \u003ch2 class=\"xm-title\"\u003eDAY → NIGHT\u003c\/h2\u003e        \u003c\/div\u003e        \u003cspan class=\"xm-hand xm-hand--dark\"\u003eWait for sunset...\u003c\/span\u003e      \u003c\/div\u003e      \u003cdiv class=\"xm-daynight-visual\"\u003e        \u003cimg class=\"xm-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_10_6.png?v=1787627080\" alt=\"Day and night comparison of Santa Christmas yard light\" loading=\"lazy\"\u003e      \u003c\/div\u003e      \u003cdiv class=\"xm-daynight-foot\"\u003eThen the magic begins.\u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- 05 \/ SOLAR --\u003e  \u003csection class=\"xm-solar xm-reveal\"\u003e    \u003cdiv class=\"xm-inner xm-solar-grid\"\u003e      \u003cdiv class=\"xm-solar-copy\"\u003e        \u003cp class=\"xm-kicker\"\u003eSimple setup\u003c\/p\u003e        \u003ch2 class=\"xm-title\"\u003ePowered\u003cbr\u003eby the Sun.\u003c\/h2\u003e        \u003cp class=\"xm-copy\"\u003eNo messy wires.\u003c\/p\u003e        \u003cspan class=\"xm-hand xm-hand--light\"\u003eSet it. Let it glow. ☀\u003c\/span\u003e      \u003c\/div\u003e      \u003cdiv class=\"xm-solar-visual\"\u003e        \u003cimg class=\"xm-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_11_7.png?v=1787627080\" alt=\"Solar powered Santa Christmas garden light with panel detail\" loading=\"lazy\"\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- 06 \/ MULTI ANGLE --\u003e  \u003csection class=\"xm-angles xm-reveal\"\u003e    \u003cdiv class=\"xm-inner\"\u003e      \u003cdiv class=\"xm-angles-head\"\u003e        \u003cdiv\u003e          \u003cp class=\"xm-kicker\" style=\"color:#9b6e2c;\"\u003eDesigned to be seen\u003c\/p\u003e          \u003ch2 class=\"xm-title\"\u003eEvery Angle\u003cbr\u003eFeels Alive.\u003c\/h2\u003e        \u003c\/div\u003e        \u003cspan class=\"xm-hand xm-hand--dark\"\u003eSee the character ↘\u003c\/span\u003e      \u003c\/div\u003e      \u003cdiv class=\"xm-angle-stage\"\u003e        \u003cdiv class=\"xm-angle-main\"\u003e          \u003cimg class=\"xm-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_11_8.png?v=1787627080\" alt=\"Multiple views of the Santa Christmas garden light\" loading=\"lazy\"\u003e        \u003c\/div\u003e        \u003cdiv class=\"xm-angle-day\"\u003e          \u003cimg class=\"xm-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_8_25_11_03_10_5.png?v=1787627080\" alt=\"Santa Christmas garden decoration in daylight\" loading=\"lazy\"\u003e        \u003c\/div\u003e        \u003cspan class=\"xm-hand xm-hand--dark xm-angle-note\"\u003eDaylight charm ↙\u003c\/span\u003e      \u003c\/div\u003e      \u003cdiv class=\"xm-angle-tags\"\u003e        \u003cspan\u003eFront Yard\u003c\/span\u003e        \u003cspan\u003eWalkway\u003c\/span\u003e        \u003cspan\u003ePorch\u003c\/span\u003e        \u003cspan\u003eGarden\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- 07 \/ FINAL EMOTIONAL CLOSE --\u003e  \u003csection class=\"xm-close xm-reveal\"\u003e    \u003cdiv class=\"xm-close-copy\"\u003e      \u003cspan class=\"xm-hand xm-hand--light\"\u003eMake Christmas magical.\u003c\/span\u003e      \u003ch2 class=\"xm-close-title\"\u003eBe the House\u003cbr\u003eThey Remember.\u003c\/h2\u003e      \u003cdiv class=\"xm-close-line\"\u003e\u003c\/div\u003e      \u003ca class=\"xm-back-buy\" href=\"#\" aria-label=\"Back to the purchase area at the top of the page\"\u003e        \u003cspan\u003eBack to Buy\u003c\/span\u003e\u003cb aria-hidden=\"true\"\u003e↑\u003c\/b\u003e      \u003c\/a\u003e    \u003c\/div\u003e  \u003c\/section\u003e\n\u003c\/div\u003e","brand":"cotitoc","offers":[{"title":"Default Title","offer_id":48787665617150,"sku":"JQM2608271749-老头灯","price":32.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0805\/9102\/8478\/files\/ChatGPTImage2026_8_25_11_03_12_9_b012c073-ab8d-48a2-b881-18457da4dece.png?v=1787799723","url":"https:\/\/dailyardpromax.co.uk\/products\/49-off-santa-s-magic-pour-flowing-led-christmas-garden-light-m","provider":"dailyardpromax.co.uk","version":"1.0","type":"link"}