{"product_id":"0902-ll-1","title":"πŸ”” 55% OFF | Christmas Bell Cascade Doorbellβ„’ – Press, Glow \u0026 Chime Holiday Door Decor πŸŽ„","description":"\u003cstyle\u003e \/* ========================================================= CHRISTMAS BELL CASCADE DOOR DECOR VICTORIAN CHRISTMAS ENTRYWAY HOLLY GREEN Γ— VELVET RED Γ— ANTIQUE BRASS Γ— CANDLELIGHT SHOPIFY DTC \/ MOBILE FIRST \/ BRANDLESS ========================================================= *\/ .bcd-page{ --holly:#10291f; --holly-2:#18392b; --holly-3:#234d3a; --night:#07110d; --velvet:#8f1f2d; --velvet-dark:#5e121c; --velvet-soft:#b63b48; --brass:#c99b49; --brass-light:#efd08a; --brass-pale:#fae9bb; --brass-dark:#8d6324; --cream:#fffaf0; --cream-2:#f6eddf; --cream-3:#ecdeca; --white:#ffffff; --text:#28332d; --muted:#6f7872; --line:#e4d7c4; width:100%; max-width:1200px; margin:0 auto; overflow:hidden; background:var(--cream); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; line-height:1.65; } .bcd-page *{ box-sizing:border-box; } .bcd-page h1, .bcd-page h2, .bcd-page h3, .bcd-page h4, .bcd-page p{ margin-top:0; } .bcd-page img{ display:block; width:100%; height:auto; } .bcd-page a{ text-decoration:none; } .bcd-container{ width:100%; max-width:1120px; margin:0 auto; padding-left:22px; padding-right:22px; } .bcd-section{ padding:78px 0; } .bcd-serif{ font-family:Georgia,'Times New Roman',serif; } .bcd-gold-italic{ color:var(--brass-light); font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:500; } .bcd-red{ color:var(--velvet); } .bcd-kicker{ display:flex; align-items:center; gap:10px; margin-bottom:18px; color:var(--velvet); font-size:11px; line-height:1.2; font-weight:900; letter-spacing:2px; text-transform:uppercase; } .bcd-kicker:before{ content:''; width:29px; height:1px; flex:0 0 29px; background:var(--brass); } .bcd-title{ margin-bottom:16px; color:var(--holly); font-family:Georgia,'Times New Roman',serif; font-size:45px; line-height:1.06; font-weight:700; letter-spacing:-1.8px; } .bcd-subtitle{ max-width:700px; margin-bottom:34px; color:var(--muted); font-size:16px; line-height:1.72; } .bcd-dark .bcd-title{ color:#fff8e8; } .bcd-dark .bcd-subtitle{ color:#b9c5be; } \/* ========================================================= SECTION 1 VICTORIAN ENTRYWAY HERO ========================================================= *\/ .bcd-hero{ position:relative; overflow:hidden; padding:80px 0 56px; color:#fff; background: radial-gradient(circle at 84% 9%,rgba(239,208,138,.19),transparent 23%), radial-gradient(circle at 10% 82%,rgba(143,31,45,.27),transparent 30%), linear-gradient(145deg,#07110d 0%,#10291f 54%,#18392b 100%); } .bcd-hero:before{ content:''; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image: radial-gradient(circle at 8% 18%,#fff2ca 0 1px,transparent 2px), radial-gradient(circle at 17% 36%,#fff2ca 0 1px,transparent 2px), radial-gradient(circle at 29% 11%,#fff2ca 0 1px,transparent 2px), radial-gradient(circle at 42% 27%,#fff2ca 0 1px,transparent 2px), radial-gradient(circle at 58% 12%,#fff2ca 0 1px,transparent 2px), radial-gradient(circle at 71% 34%,#fff2ca 0 1px,transparent 2px), radial-gradient(circle at 88% 19%,#fff2ca 0 1px,transparent 2px); } .bcd-hero:after{ content:''; position:absolute; right:-170px; top:-200px; width:470px; height:470px; border:1px solid rgba(239,208,138,.15); border-radius:50%; box-shadow: 0 0 0 55px rgba(239,208,138,.022), 0 0 0 110px rgba(239,208,138,.012); } .bcd-hero-copy{ position:relative; z-index:3; max-width:910px; margin-bottom:42px; } .bcd-hero-badge{ display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:8px 14px; border:1px solid rgba(239,208,138,.36); border-radius:999px; background:rgba(239,208,138,.07); color:var(--brass-light); font-size:10px; font-weight:900; letter-spacing:1.7px; text-transform:uppercase; } .bcd-hero-title{ max-width:970px; margin-bottom:22px; color:#fffaf0; font-family:Georgia,'Times New Roman',serif; font-size:65px; line-height:.99; font-weight:700; letter-spacing:-3px; } .bcd-hero-text{ max-width:760px; margin-bottom:0; color:#c4d0c8; font-size:18px; line-height:1.72; } \/* HERO MEDIA *\/ .bcd-media-grid{ position:relative; z-index:3; display:grid; grid-template-columns:1.16fr .84fr; gap:16px; } .bcd-media{ position:relative; min-height:520px; overflow:hidden; border:1px solid rgba(239,208,138,.17); border-radius:27px; background:#09140f; box-shadow:0 27px 70px rgba(0,0,0,.30); } .bcd-media img{ width:100%; height:520px; object-fit:cover; } .bcd-media-main img{ object-position:center; } .bcd-media-second img{ object-position:center; } .bcd-media:after{ content:''; position:absolute; inset:0; background:linear-gradient( to top, rgba(4,12,8,.9) 0%, rgba(4,12,8,.18) 45%, transparent 68% ); } .bcd-media-copy{ position:absolute; z-index:3; left:21px; right:21px; bottom:21px; } .bcd-media-pill{ display:inline-flex; margin-bottom:10px; padding:7px 11px; border-radius:999px; background:linear-gradient(135deg,#f0d18c,#bd8737); color:#34230c; font-size:9px; font-weight:950; letter-spacing:.9px; text-transform:uppercase; } .bcd-media-copy h3{ max-width:450px; margin-bottom:0; color:#fff; font-family:Georgia,'Times New Roman',serif; font-size:21px; line-height:1.3; font-weight:700; } \/* HERO VALUE STRIP *\/ .bcd-value-grid{ position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:16px; } .bcd-value{ min-height:113px; padding:20px 17px; border:1px solid rgba(239,208,138,.17); border-radius:18px; background:rgba(255,255,255,.045); backdrop-filter:blur(8px); } .bcd-value strong{ display:block; margin-bottom:8px; color:var(--brass-light); font-family:Georgia,'Times New Roman',serif; font-size:18px; line-height:1.15; } .bcd-value span{ color:#b3c0b8; font-size:10px; line-height:1.48; font-weight:800; letter-spacing:.55px; text-transform:uppercase; } \/* ========================================================= SECTION 2 ENTRYWAY STORY ========================================================= *\/ .bcd-story{ position:relative; overflow:hidden; background: radial-gradient(circle at 92% 6%,rgba(201,155,73,.12),transparent 25%), linear-gradient(180deg,#fffaf0,#f6eddf); } .bcd-story:before{ content:''; position:absolute; left:-120px; bottom:-150px; width:390px; height:390px; border:1px solid rgba(16,41,31,.06); border-radius:50%; } .bcd-story-card{ position:relative; z-index:2; display:grid; grid-template-columns:1.04fr .96fr; gap:43px; align-items:center; padding:45px; border:1px solid #e5d7c3; border-radius:30px; background: radial-gradient(circle at 8% 5%,rgba(201,155,73,.11),transparent 28%), rgba(255,255,255,.75); box-shadow:0 22px 60px rgba(57,45,29,.07); } .bcd-story-title{ margin-bottom:18px; color:var(--holly); font-family:Georgia,'Times New Roman',serif; font-size:43px; line-height:1.08; font-weight:700; letter-spacing:-1.7px; } .bcd-story-text{ margin-bottom:25px; color:#707770; font-size:16px; line-height:1.72; } .bcd-checks{ display:grid; gap:12px; margin:0 0 27px; padding:0; list-style:none; } .bcd-checks li{ display:flex; align-items:flex-start; gap:12px; color:#344139; font-size:14px; line-height:1.62; font-weight:700; } .bcd-check{ display:flex; flex:0 0 24px; align-items:center; justify-content:center; width:24px; height:24px; margin-top:1px; border:1px solid #d6b474; border-radius:50%; background:#fff6e2; color:#976a22; font-size:13px; font-weight:950; } .bcd-tags{ display:flex; flex-wrap:wrap; gap:8px; } .bcd-tag{ padding:8px 12px; border:1px solid #ddccb0; border-radius:999px; background:#fffaf0; color:#795927; font-size:10px; font-weight:900; letter-spacing:.55px; text-transform:uppercase; } .bcd-tag.red{ border-color:#e7bec4; background:#fff2f4; color:#8e2435; } .bcd-story-image{ position:relative; overflow:hidden; aspect-ratio:4\/5; border:1px solid #dfcfb6; border-radius:25px; background:#111b15; box-shadow:0 24px 58px rgba(39,43,34,.15); } .bcd-story-image img{ width:100%; height:100%; object-fit:cover; } .bcd-story-image:after{ content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(6,18,12,.53),transparent 48%); } .bcd-story-note{ position:absolute; z-index:3; left:16px; right:16px; bottom:16px; max-width:310px; padding:13px 15px; border:1px solid rgba(239,208,138,.24); border-radius:14px; background:rgba(8,27,19,.84); backdrop-filter:blur(8px); color:#fff8e8; font-family:Georgia,'Times New Roman',serif; font-size:13px; line-height:1.5; } \/* ========================================================= SECTION 2.5B 3-STEP INTERACTION ========================================================= *\/ .bcd-action{ position:relative; overflow:hidden; background: radial-gradient(circle at 7% 0%,rgba(143,31,45,.27),transparent 31%), radial-gradient(circle at 96% 96%,rgba(201,155,73,.13),transparent 30%), linear-gradient(145deg,#07110d,#10291f 58%,#1b3e30); } .bcd-action:before{ content:''; position:absolute; inset:0; pointer-events:none; opacity:.13; background: radial-gradient(circle at 13% 18%,#ffe7ac 0 1px,transparent 2px), radial-gradient(circle at 28% 38%,#ffe7ac 0 1px,transparent 2px), radial-gradient(circle at 48% 13%,#ffe7ac 0 1px,transparent 2px), radial-gradient(circle at 69% 34%,#ffe7ac 0 1px,transparent 2px), radial-gradient(circle at 88% 17%,#ffe7ac 0 1px,transparent 2px); } .bcd-action-head{ position:relative; z-index:2; max-width:750px; margin:0 auto 40px; text-align:center; } .bcd-action-badge{ display:inline-flex; margin-bottom:17px; padding:7px 13px; border:1px solid rgba(239,208,138,.34); border-radius:999px; background:rgba(239,208,138,.07); color:var(--brass-light); font-size:10px; font-weight:950; letter-spacing:1.5px; text-transform:uppercase; } .bcd-action-grid{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:15px; } .bcd-step{ position:relative; min-height:255px; overflow:hidden; padding:25px; border:1px solid rgba(239,208,138,.16); border-radius:21px; background:rgba(4,17,11,.4); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } .bcd-step-number{ position:absolute; top:8px; right:18px; color:rgba(239,208,138,.11); font-family:Georgia,'Times New Roman',serif; font-size:76px; line-height:1; font-weight:700; letter-spacing:-5px; } .bcd-step-icon{ display:flex; align-items:center; justify-content:center; width:47px; height:47px; margin-bottom:42px; border:1px solid rgba(239,208,138,.25); border-radius:50%; background:rgba(239,208,138,.07); font-size:22px; } .bcd-step h3{ margin-bottom:9px; color:#fff9ea; font-family:Georgia,'Times New Roman',serif; font-size:20px; line-height:1.35; font-weight:700; } .bcd-step p{ margin-bottom:0; color:#b8c5bd; font-size:14px; line-height:1.65; } \/* ========================================================= MICRO INTERACTION STRIP ========================================================= *\/ .bcd-moment{ margin-top:18px; padding:18px; border:1px solid rgba(239,208,138,.17); border-radius:17px; background:rgba(255,255,255,.04); } .bcd-moment-row{ display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:12px; } .bcd-moment-box{ padding:14px; text-align:center; } .bcd-moment-box strong{ display:block; margin-bottom:4px; color:#fff8e8; font-size:13px; } .bcd-moment-box span{ color:#aebbb3; font-size:10px; font-weight:800; letter-spacing:.45px; text-transform:uppercase; } .bcd-arrow{ color:var(--brass-light); font-size:20px; } \/* ========================================================= SECTION 3 CUSTOMER REVIEWS ========================================================= *\/ .bcd-reviews{ background: radial-gradient(circle at 8% 7%,rgba(143,31,45,.055),transparent 23%), linear-gradient(180deg,#f6eddf,#fffaf1); } .bcd-review-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:32px; padding-bottom:25px; border-bottom:1px solid #e2d3bd; } .bcd-stars{ color:var(--brass-dark); font-size:20px; letter-spacing:2px; } .bcd-rating{ margin-top:7px; color:var(--holly); font-family:Georgia,'Times New Roman',serif; font-size:35px; line-height:1; font-weight:700; } .bcd-rating-sub{ margin-top:9px; color:#7b837d; font-size:12px; } .bcd-review-note{ max-width:470px; margin:0; color:#727a74; font-size:13px; line-height:1.65; } .bcd-review-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } .bcd-review{ overflow:hidden; border:1px solid #e4d5c0; border-radius:20px; background:#fffdf8; box-shadow:0 12px 35px rgba(50,41,28,.055); } .bcd-review-img{ position:relative; overflow:hidden; aspect-ratio:1.18\/1; background:#132219; } .bcd-review-img img{ width:100%; height:100%; object-fit:cover; } .bcd-review-img:after{ content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(6,20,13,.3),transparent 48%); } .bcd-photo-label{ position:absolute; z-index:2; left:13px; bottom:13px; padding:6px 9px; border:1px solid rgba(239,208,138,.19); border-radius:999px; background:rgba(7,27,18,.84); color:#fff6df; font-size:8px; font-weight:900; letter-spacing:.7px; text-transform:uppercase; } .bcd-review-body{ padding:20px; } .bcd-review-top{ display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:14px; } .bcd-review-stars{ color:#af7d2e; font-size:14px; letter-spacing:1px; } .bcd-review-status{ padding:5px 7px; border:1px solid #e6d1a8; border-radius:999px; background:#fff5df; color:#8e6322; font-size:8px; font-weight:950; letter-spacing:.5px; text-transform:uppercase; } .bcd-review h3{ margin-bottom:9px; color:#24372d; font-family:Georgia,'Times New Roman',serif; font-size:15px; line-height:1.4; font-weight:700; } .bcd-review p{ margin-bottom:13px; color:#69736d; font-size:13px; line-height:1.64; } .bcd-review-name{ color:#445048; font-size:10px; font-weight:900; letter-spacing:.45px; text-transform:uppercase; } .bcd-placeholder{ opacity:.72; } \/* ========================================================= SECTION 2.5A FEATURES ========================================================= *\/ .bcd-features{ position:relative; overflow:hidden; background: radial-gradient(circle at 96% 0%,rgba(201,155,73,.14),transparent 27%), radial-gradient(circle at 4% 100%,rgba(143,31,45,.21),transparent 30%), linear-gradient(145deg,#07110d,#10291f 60%,#1b3e30); } .bcd-feature-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px; } .bcd-feature{ min-height:225px; padding:25px; border:1px solid rgba(201,155,73,.24); border-radius:20px; background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); transition:transform .25s ease,border-color .25s ease; } .bcd-feature:hover{ transform:translateY(-3px); border-color:rgba(239,208,138,.58); } .bcd-feature-icon{ margin-bottom:20px; font-size:29px; } .bcd-feature-label{ margin-bottom:8px; color:var(--brass-light); font-size:9px; line-height:1.2; font-weight:950; letter-spacing:1.4px; text-transform:uppercase; } .bcd-feature h3{ margin-bottom:9px; color:#fff8e8; font-family:Georgia,'Times New Roman',serif; font-size:18px; line-height:1.35; font-weight:700; } .bcd-feature p{ margin-bottom:0; color:#b7c3bb; font-size:13px; line-height:1.65; } \/* ========================================================= USE CASE GALLERY ========================================================= *\/ .bcd-location-box{ margin-top:28px; padding:26px; border:1px solid rgba(201,155,73,.2); border-radius:23px; background:rgba(4,17,11,.34); } .bcd-location-title{ margin-bottom:18px; color:#fff7e5; font-family:Georgia,'Times New Roman',serif; font-size:23px; font-weight:700; } .bcd-location-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:11px; } .bcd-location{ position:relative; overflow:hidden; min-height:185px; border:1px solid rgba(239,208,138,.16); border-radius:15px; background:#12251b; } .bcd-location img{ width:100%; height:185px; object-fit:cover; } .bcd-location:after{ content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(4,17,11,.88),transparent 65%); } .bcd-location span{ position:absolute; z-index:2; left:13px; bottom:12px; color:#fff7e4; font-size:11px; font-weight:900; letter-spacing:.7px; text-transform:uppercase; } \/* ========================================================= PRODUCT DETAILS ========================================================= *\/ .bcd-spec{ margin-top:27px; overflow:hidden; border:1px solid rgba(201,155,73,.2); border-radius:19px; background:rgba(4,17,11,.4); } .bcd-spec-title{ padding:18px 19px; border-bottom:1px solid rgba(255,255,255,.07); color:#fff7e4; font-family:Georgia,'Times New Roman',serif; font-size:17px; font-weight:700; } .bcd-spec-title span{ color:var(--brass-light); } .bcd-spec-row{ display:grid; grid-template-columns:210px 1fr; border-bottom:1px solid rgba(255,255,255,.07); } .bcd-spec-row:last-child{ border-bottom:0; } .bcd-spec-key, .bcd-spec-value{ padding:14px 18px; } .bcd-spec-key{ color:var(--brass-light); font-size:10px; font-weight:950; letter-spacing:.6px; text-transform:uppercase; } .bcd-spec-value{ color:#c1ccc4; font-size:13px; } \/* ========================================================= SECTION 4 FAQ ========================================================= *\/ .bcd-faq{ background: radial-gradient(circle at 92% 4%,rgba(201,155,73,.09),transparent 24%), #fffaf2; } .bcd-faq-head{ max-width:730px; margin-bottom:31px; } .bcd-faq-list{ display:grid; gap:11px; } .bcd-faq details{ overflow:hidden; border:1px solid #e4d6c2; border-radius:17px; background:#fffdf8; } .bcd-faq details[open]{ border-color:#d2af70; background:#fff7e7; } .bcd-faq summary{ position:relative; padding:20px 55px 20px 20px; cursor:pointer; color:#293b31; font-family:Georgia,'Times New Roman',serif; font-size:16px; line-height:1.45; font-weight:700; list-style:none; } .bcd-faq summary::-webkit-details-marker{ display:none; } .bcd-faq summary:after{ content:'+'; position:absolute; top:50%; right:18px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#f4e3bf; color:#8b6020; font-family:Arial,sans-serif; font-size:19px; font-weight:600; } .bcd-faq details[open] summary:after{ content:'βˆ’'; } .bcd-faq-answer{ padding:0 20px 20px; } .bcd-faq-answer p{ max-width:850px; margin-bottom:0; color:#6f7872; font-size:14px; line-height:1.72; } \/* ========================================================= SECTION 5 FINAL CTA ========================================================= *\/ .bcd-final{ padding:42px 0 78px; background:linear-gradient(180deg,#fffaf2,#f3e8d8); } .bcd-final-card{ position:relative; overflow:hidden; padding:66px 36px; border:1px solid rgba(201,155,73,.27); border-radius:32px; background: radial-gradient(circle at 50% -8%,rgba(239,208,138,.18),transparent 34%), radial-gradient(circle at 3% 100%,rgba(143,31,45,.27),transparent 32%), linear-gradient(145deg,#07110d,#10291f 58%,#1a3b2e); text-align:center; box-shadow:0 31px 78px rgba(31,44,34,.22); } .bcd-final-card:before{ content:''; position:absolute; inset:0; pointer-events:none; opacity:.17; background: radial-gradient(circle at 10% 18%,#ffe8ad 0 1px,transparent 2px), radial-gradient(circle at 24% 38%,#ffe8ad 0 1px,transparent 2px), radial-gradient(circle at 43% 14%,#ffe8ad 0 1px,transparent 2px), radial-gradient(circle at 63% 30%,#ffe8ad 0 1px,transparent 2px), radial-gradient(circle at 82% 13%,#ffe8ad 0 1px,transparent 2px), radial-gradient(circle at 92% 39%,#ffe8ad 0 1px,transparent 2px); } .bcd-final-badge{ position:relative; z-index:2; display:inline-flex; margin-bottom:19px; padding:8px 14px; border:1px solid rgba(239,208,138,.35); border-radius:999px; background:rgba(239,208,138,.07); color:var(--brass-light); font-size:10px; font-weight:950; letter-spacing:1.4px; text-transform:uppercase; } .bcd-final-title{ position:relative; z-index:2; max-width:860px; margin:0 auto 18px; color:#fff9e9; font-family:Georgia,'Times New Roman',serif; font-size:53px; line-height:1.04; font-weight:700; letter-spacing:-2.2px; } .bcd-final-text{ position:relative; z-index:2; max-width:690px; margin:0 auto 29px; color:#bdc9c1; font-size:16px; line-height:1.72; } .bcd-cta{ position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; min-width:315px; padding:18px 31px; border:1px solid #f8e5b4; border-radius:999px; background:linear-gradient(135deg,#f3d99c,#c08c3c); color:#35240d; font-size:14px; font-weight:950; letter-spacing:.55px; box-shadow: 0 0 29px rgba(201,155,73,.27), 0 15px 42px rgba(0,0,0,.2); transition:transform .2s ease,box-shadow .2s ease; } .bcd-cta:hover{ transform:translateY(-2px); box-shadow: 0 0 37px rgba(201,155,73,.37), 0 19px 47px rgba(0,0,0,.22); } .bcd-trust-row{ position:relative; z-index:2; display:flex; flex-wrap:wrap; justify-content:center; gap:10px 21px; margin-top:23px; color:#b4c1b9; font-size:10px; font-weight:800; } .bcd-trust{ display:flex; align-items:center; gap:7px; } .bcd-trust-dot{ width:6px; height:6px; border-radius:50%; background:var(--brass-light); box-shadow:0 0 10px rgba(239,208,138,.58); } \/* ========================================================= MOBILE ========================================================= *\/ @media(max-width:768px){ .bcd-container{ padding-left:15px; padding-right:15px; } .bcd-section{ padding:56px 0; } .bcd-title{ font-size:34px; letter-spacing:-1.2px; } .bcd-subtitle{ margin-bottom:27px; font-size:15px; } .bcd-hero{ padding:52px 0 36px; } .bcd-hero-copy{ margin-bottom:29px; } .bcd-hero-title{ margin-bottom:17px; font-size:43px; line-height:1.02; letter-spacing:-2px; } .bcd-hero-text{ font-size:15px; } .bcd-media-grid{ grid-template-columns:1fr; } .bcd-media{ min-height:410px; } .bcd-media img{ height:410px; } .bcd-value-grid{ grid-template-columns:repeat(2,1fr); } .bcd-value{ min-height:106px; padding:17px 14px; } .bcd-value strong{ font-size:16px; } .bcd-value span{ font-size:9px; } .bcd-story-card{ grid-template-columns:1fr; gap:29px; padding:25px 18px; border-radius:23px; } .bcd-story-title{ font-size:33px; letter-spacing:-1.2px; } .bcd-story-text{ font-size:14px; } .bcd-checks li{ font-size:13px; } .bcd-story-image{ aspect-ratio:1\/1.15; } .bcd-action-grid{ grid-template-columns:1fr; } .bcd-step{ min-height:210px; } .bcd-step-icon{ margin-bottom:30px; } .bcd-moment-row{ grid-template-columns:1fr; } .bcd-arrow{ transform:rotate(90deg); text-align:center; } .bcd-review-head{ display:block; } .bcd-review-note{ margin-top:18px; } .bcd-review-grid{ grid-template-columns:1fr; } .bcd-feature-grid{ grid-template-columns:1fr; } .bcd-feature{ min-height:0; padding:22px; } .bcd-location-box{ padding:18px; } .bcd-location-grid{ grid-template-columns:1fr; } .bcd-location{ min-height:220px; } .bcd-location img{ height:220px; } .bcd-spec-row{ grid-template-columns:1fr; } .bcd-spec-key{ padding-bottom:3px; } .bcd-spec-value{ padding-top:5px; } .bcd-faq summary{ padding:18px 51px 18px 17px; font-size:15px; } .bcd-faq-answer{ padding:0 17px 18px; } .bcd-final{ padding:25px 0 52px; } .bcd-final-card{ padding:46px 18px; border-radius:24px; } .bcd-final-title{ font-size:37px; letter-spacing:-1.5px; } .bcd-final-text{ font-size:14px; } .bcd-cta{ width:100%; min-width:0; } .bcd-trust-row{ display:grid; grid-template-columns:1fr; justify-items:center; gap:9px; } } @media(max-width:390px){ .bcd-hero-title{ font-size:38px; } .bcd-title, .bcd-story-title{ font-size:30px; } .bcd-final-title{ font-size:33px; } } \u003c\/style\u003e \u003cdiv class=\"bcd-page\" id=\"bcd-top\"\u003e \u003c!-- ===================================================== SECTION 1 β€” HERO ====================================================== --\u003e \u003csection class=\"bcd-hero\"\u003e \u003cdiv class=\"bcd-container\"\u003e \u003cdiv class=\"bcd-hero-copy\"\u003e \u003cdiv class=\"bcd-hero-badge\"\u003e β€” CHRISTMAS STARTS BEFORE THE DOOR OPENS β€” \u003c\/div\u003e \u003ch1 class=\"bcd-hero-title\"\u003e Turn The Doorbell Into \u003cspan class=\"bcd-gold-italic\"\u003ePart Of Christmas.\u003c\/span\u003e \u003c\/h1\u003e \u003cp class=\"bcd-hero-text\"\u003e A wreath looks beautiful, but guests can only look at it. This interactive holiday door decoration invites them to press the bell, watch warm golden lights travel through the cascading bells and hear a cheerful seasonal chime before they even step inside. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"bcd-media-grid\"\u003e \u003cdiv class=\"bcd-media bcd-media-main\"\u003e \u003cimg src=\"https:\/\/bvuyomi.com\/cdn\/shop\/files\/ChatGPT_Image_2026_8_27_22_28_54.png?v=1788246732\u0026amp;width=1946\" alt=\"Christmas bell cascade door decoration glowing during day and night\" loading=\"eager\"\u003e \u003cdiv class=\"bcd-media-copy\"\u003e \u003cspan class=\"bcd-media-pill\"\u003e From Decoration To Experience \u003c\/span\u003e \u003ch3\u003e Traditional greenery and antique-gold bells by day. A warm interactive Christmas display after dark. \u003c\/h3\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bcd-media bcd-media-second\"\u003e \u003cimg src=\"https:\/\/bestjas.com\/cdn\/shop\/files\/ChatGPT_Image_2026_8_27_22_26_54.png?v=1787888232\u0026amp;width=1946\" alt=\"Hand pressing illuminated Christmas bell door button\" loading=\"lazy\"\u003e \u003cdiv class=\"bcd-media-copy\"\u003e \u003cspan class=\"bcd-media-pill\"\u003e Press. Glow. Chime. \u003c\/span\u003e \u003ch3\u003e The button gives guests something to do instead of simply walking past another holiday decoration. \u003c\/h3\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bcd-value-grid\"\u003e \u003cdiv class=\"bcd-value\"\u003e \u003cstrong\u003eπŸ”” PRESS\u003c\/strong\u003e \u003cspan\u003e Interactive bell button becomes part of the holiday arrival \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"bcd-value\"\u003e \u003cstrong\u003e✨ CASCADE\u003c\/strong\u003e \u003cspan\u003e Warm LED illumination travels through the tiered bell display \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"bcd-value\"\u003e \u003cstrong\u003eβ™« CHIME\u003c\/strong\u003e \u003cspan\u003e Festive sound adds another layer to the Christmas experience \u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"bcd-value\"\u003e \u003cstrong\u003e🏑 ENTRYWAY\u003c\/strong\u003e \u003cspan\u003e Designed for seasonal door, porch and entrance decorating \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ===================================================== SECTION 2 β€” STORY \/ SCENARIO ====================================================== --\u003e \u003csection class=\"bcd-section bcd-story\"\u003e \u003cdiv class=\"bcd-container\"\u003e \u003cdiv class=\"bcd-story-card\"\u003e \u003cdiv\u003e \u003cdiv class=\"bcd-kicker\"\u003e THE FRONT DOOR SETS THE MOOD FIRST \u003c\/div\u003e \u003ch2 class=\"bcd-story-title\"\u003e Don't Let Christmas Begin \u003cspan class=\"bcd-red\"\u003eAfter Guests Walk Inside.\u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"bcd-story-text\"\u003e Family arriving for dinner. Friends showing up with gifts. Kids standing at the door. The entrance is the first moment of the visit, and this piece turns that ordinary pause at the doorstep into something festive. \u003c\/p\u003e \u003cul class=\"bcd-checks\"\u003e \u003cli\u003e \u003cspan class=\"bcd-check\"\u003eβœ“\u003c\/span\u003e \u003cspan\u003e \u003cstrong\u003eMore engaging than a standard wreath:\u003c\/strong\u003e guests can interact with the bell button instead of simply viewing the decoration. \u003c\/span\u003e \u003c\/li\u003e \u003cli\u003e \u003cspan class=\"bcd-check\"\u003eβœ“\u003c\/span\u003e \u003cspan\u003e \u003cstrong\u003eTraditional Christmas palette:\u003c\/strong\u003e antique-gold bells, deep red ribbon, evergreen branches and bright berries create a familiar holiday look. \u003c\/span\u003e \u003c\/li\u003e \u003cli\u003e \u003cspan class=\"bcd-check\"\u003eβœ“\u003c\/span\u003e \u003cspan\u003e \u003cstrong\u003eWorks before and after sunset:\u003c\/strong\u003e rich decorative detail carries the daytime look while the warm LEDs add nighttime atmosphere. \u003c\/span\u003e \u003c\/li\u003e \u003cli\u003e \u003cspan class=\"bcd-check\"\u003eβœ“\u003c\/span\u003e \u003cspan\u003e \u003cstrong\u003eDesigned around arrivals:\u003c\/strong\u003e use it near a front door, porch, back entrance, garage entry or another covered seasonal entrance. \u003c\/span\u003e \u003c\/li\u003e \u003c\/ul\u003e \u003cdiv class=\"bcd-tags\"\u003e \u003cspan class=\"bcd-tag red\"\u003e Front Door \u003c\/span\u003e \u003cspan class=\"bcd-tag\"\u003e Porch \u003c\/span\u003e \u003cspan class=\"bcd-tag\"\u003e Back Entrance \u003c\/span\u003e \u003cspan class=\"bcd-tag\"\u003e Garage Entry \u003c\/span\u003e \u003cspan class=\"bcd-tag\"\u003e Holiday Hosting \u003c\/span\u003e \u003cspan class=\"bcd-tag\"\u003e Christmas Gift \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bcd-story-image\"\u003e \u003cimg src=\"https:\/\/bvuyomi.com\/cdn\/shop\/files\/ChatGPT_Image_2026_8_27_22_28_37.png?v=1788246732\u0026amp;width=1946\" alt=\"Christmas bell decoration shown at different home entrances\" loading=\"lazy\"\u003e \u003cdiv class=\"bcd-story-note\"\u003e Before they see the tree, the gifts or the dinner table, they see the front door. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- ===================================================== SECTION 2.5B β€” THREE STEP INTERACTION ====================================================== --\u003e \u003csection class=\"bcd-section bcd-action bcd-dark\"\u003e \u003cdiv class=\"bcd-container\"\u003e \u003cdiv class=\"bcd-action-head\"\u003e \u003cdiv\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Default Title","offer_id":52956939911485,"sku":"WYT2608286308-铃铛门铃","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1016\/7592\/5821\/files\/ChatGPTImage2026_8_27_22_31_31.png?v=1788314315","url":"https:\/\/aielrawo.com\/products\/0902-ll-1","provider":"Aielrawo","version":"1.0","type":"link"}