{"product_id":"🎁only-today-49-off🎁-santa-s-magic-pour-flowing-led-christmas-garden-light","title":"🎁Only Today 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;     }\u003c\/style\u003e","brand":"mysite","offers":[{"title":"Default Title","offer_id":49066927751268,"sku":"SZ04622608256181-老头灯","price":38.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/ChatGPTImage2026_8_25_11_03_12_9.png?v=1787673053","url":"https:\/\/ahlwoplus.com\/products\/%f0%9f%8e%81only-today-49-off%f0%9f%8e%81-santa-s-magic-pour-flowing-led-christmas-garden-light","provider":"ahlwoplus","version":"1.0","type":"link"}