{"product_id":"gothic-vampire-castle-whisky-decanter","title":"🦇🍺Gothic Vampire Castle Whisky Decanter \u0026 Tumbler - Gothic Bottle🔥","description":"\u003cbody\u003e   \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eNocturne Castle — Gothic Vampire Decanter \u0026amp; Tumbler\u003c\/title\u003e \u003cmeta name=\"description\" content=\"A Gothic castle-inspired glass decanter and matching tumbler with dramatic black ornamentation. Small-batch dark fantasy barware for home bars, dark-academia interiors and themed gifting.\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Pirata+One\u0026amp;family=Cinzel:wght@400;600;700\u0026amp;family=EB+Garamond:ital,wght@0,400;0,500;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003cstyle\u003e :root{   --void:#070406;   --noir:#0e090c;   --noir-2:#140d11;   --blood:#8f1626;   --blood-2:#c22335;   --ember:#e04b3a;   --gold:#c9a05a;   --gold-2:#ecd9a8;   --bone:#f4ecdf;   --ash:#ffffff;   --line:rgba(201,160,90,.22);   --line-soft:rgba(201,160,90,.12); }.gpage,.gpage *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{background:var(--void);overflow-x:hidden}.gpage{   background:var(--void);   color:var(--bone);   font-family:'EB Garamond',Georgia,serif;   font-size:18px;   line-height:1.7;   -webkit-tap-highlight-color:transparent; }.gpage ::selection{background:var(--blood);color:var(--bone)}.gpage img{display:block;max-width:100%;height:auto}.gpage a{text-decoration:none;color:inherit}.gpage :focus-visible{outline:2px dashed var(--gold);outline-offset:4px}  \/* film grain over everything *\/ .gpage::after{   content:'';   position:fixed;inset:0;   pointer-events:none;   z-index:60;   opacity:.055;   background-image:url('data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E'); }.gpage{position:relative;z-index:1}  \/* ============ shared ============ *\/ .wrap{max-width:1060px;margin:0 auto;padding:0 24px} .gpage section{position:relative;padding:96px 0}.gpage .rv{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.8,.3,1)}.gpage .rv.in{opacity:1;transform:none}.gpage .eyebrow{   display:inline-flex;align-items:center;gap:14px;   font-family:'Cinzel',serif;   font-size:12px;font-weight:600;   letter-spacing:.42em;text-transform:uppercase;   color:var(--gold); }.gpage .eyebrow::before,.gpage .eyebrow::after{   content:'';width:38px;height:1px;   background:linear-gradient(90deg,transparent,var(--gold)); }.gpage .eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent)}.gpage h1,.gpage h2,.gpage h3{font-weight:400}.gpage .goth{   font-family:'Pirata One','Cinzel',serif;   font-weight:400;   line-height:1.05;   color:var(--bone); }.gpage .h2{font-size:clamp(2.1rem,5.2vw,3.6rem);margin:18px 0 16px;text-align:center;color:var(--gold-2)}.gpage .lede{   max-width:640px;margin:0 auto;   text-align:center;   color:var(--ash);   font-size:clamp(1.02rem,1.6vw,1.18rem); }.gpage .center{text-align:center}  \/* gold shimmer text *\/ .shimmer{   background:linear-gradient(100deg,#8a6a33 0%,var(--gold) 25%,var(--gold-2) 50%,var(--gold) 75%,#8a6a33 100%);   background-size:220% 100%;   -webkit-background-clip:text;background-clip:text;   -webkit-text-fill-color:transparent;color:transparent;   animation:shine 7s linear infinite; } @keyframes shine{0%{background-position:120% 0}100%{background-position:-120% 0}}  \/* ornamental divider *\/ .orn{display:flex;justify-content:center;margin:26px auto 0}.gpage .orn svg{width:min(320px,70vw);height:26px;display:block}  \/* ============ hero ============ *\/ .hero{   min-height:100svh;   display:flex;flex-direction:column;justify-content:center;   padding:88px 0 72px;   overflow:hidden;   background:     radial-gradient(ellipse 90% 55% at 50% -8%, rgba(143,22,38,.34), transparent 60%),     radial-gradient(ellipse 60% 40% at 50% 108%, rgba(143,22,38,.16), transparent 65%),     linear-gradient(180deg,#0b0608 0%,var(--void) 55%,#0a0507 100%); }.gpage .fog{   position:absolute;border-radius:50%;   filter:blur(70px);   pointer-events:none; }.gpage .fog-a{width:64vw;height:44vh;left:-18vw;top:6%;background:rgba(143,22,38,.14);animation:fog-drift 34s ease-in-out infinite alternate}.gpage .fog-b{width:52vw;height:40vh;right:-16vw;top:38%;background:rgba(201,160,90,.07);animation:fog-drift 42s ease-in-out infinite alternate-reverse}.gpage .fog-c{width:70vw;height:36vh;left:8vw;bottom:-14%;background:rgba(60,20,30,.22);animation:fog-drift 48s ease-in-out infinite alternate} @keyframes fog-drift{   0%{transform:translateX(0) translateY(0)}   50%{transform:translateX(9vw) translateY(-3vh)}   100%{transform:translateX(-6vw) translateY(2vh)} }  #embers{position:absolute;inset:0;pointer-events:none;z-index:2}.gpage .bat{position:absolute;z-index:3;pointer-events:none;will-change:transform}.gpage .bat svg{display:block;overflow:visible}.gpage .bat .wings{transform-origin:50% 55%;animation:flap .5s ease-in-out infinite alternate} @keyframes flap{from{transform:scaleY(1)}to{transform:scaleY(.62)}}.gpage .bat-1{top:16%;animation:fly-1 32s linear infinite}.gpage .bat-2{top:34%;animation:fly-2 41s linear infinite 7s}.gpage .bat-3{top:9%;animation:fly-3 47s linear infinite 16s} @keyframes fly-1{   0%{transform:translate(-12vw,0) rotate(-5deg)}   30%{transform:translate(24vw,-7vh) rotate(4deg)}   60%{transform:translate(62vw,3vh) rotate(-4deg)}   100%{transform:translate(112vw,-5vh) rotate(3deg)} } @keyframes fly-2{   0%{transform:translate(112vw,0) rotate(4deg) scale(.7)}   40%{transform:translate(58vw,6vh) rotate(-5deg) scale(.7)}   100%{transform:translate(-14vw,-4vh) rotate(3deg) scale(.7)} } @keyframes fly-3{   0%{transform:translate(-12vw,0) rotate(3deg) scale(.5)}   50%{transform:translate(50vw,5vh) rotate(-4deg) scale(.5)}   100%{transform:translate(112vw,-3vh) rotate(4deg) scale(.5)} }.gpage .hero-inner{position:relative;z-index:4;text-align:center}.gpage .kicker{   display:inline-flex;align-items:center;gap:12px;   padding:9px 20px;   border:1px solid var(--line);   border-radius:999px;   font-family:'Cinzel',serif;   font-size:11px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;   color:var(--gold-2);   background:rgba(20,13,17,.55);   backdrop-filter:blur(4px); }.gpage .kicker .dot{color:var(--blood-2);animation:pulse-dot 2.6s ease-in-out infinite} @keyframes pulse-dot{0%,100%{opacity:.45}50%{opacity:1}}.gpage .hero h1{   margin:26px auto 20px;   font-size:clamp(3.1rem,10vw,7rem);   letter-spacing:.01em;   text-shadow:0 6px 40px rgba(0,0,0,.7); }.gpage .hero h1 .line{display:block}.gpage .hero-sub{   max-width:560px;margin:0 auto;   color:var(--ash);   font-size:clamp(1.05rem,2vw,1.25rem); }.gpage .hero-sub em{color:var(--gold-2);font-style:italic}.gpage .hero-cta{   display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;   margin-top:36px; }  \/* SMIL rotating-gradient border button *\/ .btn{   position:relative;   display:inline-flex;align-items:center;justify-content:center;   padding:19px 44px;   font-family:'Cinzel',serif;   font-size:14px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;   color:#fff8ee;   text-shadow:0 1px 6px rgba(0,0,0,.55);   background:linear-gradient(180deg,#a11a2c 0%,#7c1120 55%,#5c0b17 100%);   box-shadow:0 10px 34px rgba(143,22,38,.45),inset 0 1px 0 rgba(255,220,180,.22);   cursor:pointer;   transition:color .35s,background .35s,box-shadow .35s; }.gpage .btn svg.frame{   position:absolute;inset:0;width:100%;height:100%;   pointer-events:none; }.gpage .btn:hover{background:linear-gradient(180deg,#c22335 0%,#931525 55%,#6d0f1d 100%);color:#fff;box-shadow:0 12px 42px rgba(194,35,53,.55),inset 0 1px 0 rgba(255,220,180,.3)}.gpage .btn-ghost{   background:transparent;   box-shadow:none;   text-shadow:none;   color:var(--ash);   font-size:12px;   padding:19px 30px; }.gpage .btn-ghost:hover{color:var(--gold-2);background:rgba(201,160,90,.08);box-shadow:none}.gpage .btn .arr{display:inline-block;margin-left:10px;transition:transform .35s}.gpage .btn:hover .arr{transform:translateY(3px)}.gpage .hero-media{   position:relative;   max-width:760px;   margin:56px auto 0;   padding:14px; } \/* candle glow flicker behind the product *\/ .hero-media::before{   content:'';   position:absolute;inset:-18% -12%;   background:radial-gradient(ellipse 55% 60% at 50% 62%, rgba(224,75,58,.34), rgba(143,22,38,.16) 45%, transparent 72%);   filter:blur(28px);   animation:candle 4.2s ease-in-out infinite;   pointer-events:none; } @keyframes candle{   0%,100%{opacity:.62;transform:scale(1)}   9%{opacity:.78}   14%{opacity:.55}   27%{opacity:.85;transform:scale(1.035)}   43%{opacity:.6}   58%{opacity:.9;transform:scale(1.06)}   74%{opacity:.58}   88%{opacity:.76} }.gpage .hero-media img{   position:relative;   width:100%;   border:1px solid var(--line);   box-shadow:0 30px 80px rgba(0,0,0,.75); } \/* ornamental corner brackets *\/ .corner{position:absolute;width:34px;height:34px;border-color:var(--gold);border-style:solid;z-index:2}.gpage .corner.tl{top:0;left:0;border-width:2px 0 0 2px}.gpage .corner.tr{top:0;right:0;border-width:2px 2px 0 0}.gpage .corner.bl{bottom:0;left:0;border-width:0 0 2px 2px}.gpage .corner.br{bottom:0;right:0;border-width:0 2px 2px 0}.gpage .whisper{   max-width:620px;margin:26px auto 0;   display:flex;gap:12px;align-items:flex-start;justify-content:center;   color:var(--ash);font-size:14.5px;text-align:left; }.gpage .whisper .mark{color:var(--gold);flex:0 0 auto}.gpage .whisper strong{color:var(--gold-2);font-weight:500}.gpage .trust{   margin-top:34px;   font-family:'Cinzel',serif;   font-size:11px;letter-spacing:.3em;text-transform:uppercase;   color:var(--ash);   display:flex;gap:26px;justify-content:center;flex-wrap:wrap; }.gpage .trust span{display:inline-flex;align-items:center;gap:8px}.gpage .trust i{width:4px;height:4px;background:var(--blood-2);transform:rotate(45deg);display:inline-block} \u003c\/style\u003e \u003cstyle\u003e \/* ============ sections ============ *\/ .sec-relic{background:linear-gradient(180deg,var(--void),var(--noir) 40%,var(--void))}.gpage .sec-pour{background:   radial-gradient(ellipse 70% 50% at 50% 0%, rgba(143,22,38,.14), transparent 60%),   var(--noir)}.gpage .sec-occl{background:linear-gradient(180deg,var(--noir),var(--void))}.gpage .sec-reviews{background:var(--void)}.gpage .sec-specs{background:var(--noir)}.gpage .sec-box{background:linear-gradient(180deg,var(--noir),var(--void))}.gpage .sec-ritual{background:var(--void)}.gpage .sec-care{background:var(--noir)}.gpage .sec-faq{background:linear-gradient(180deg,var(--noir),var(--void))}.gpage .feature-grid{   display:grid;grid-template-columns:repeat(3,1fr);gap:2px;   margin-top:56px;   background:var(--line-soft);   border:1px solid var(--line-soft); }.gpage .feature{   background:var(--noir);   padding:44px 32px;   text-align:center;   transition:background .5s; }.gpage .feature:hover{background:var(--noir-2)}.gpage .feature .icon{width:52px;height:52px;margin:0 auto 20px;color:var(--gold)}.gpage .feature:hover .icon{color:var(--gold-2);animation:icon-sway 1.2s ease-in-out} @keyframes icon-sway{0%,100%{transform:rotate(0)}30%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}}.gpage .feature h3{   font-family:'Cinzel',serif;font-size:16px;font-weight:700;   letter-spacing:.14em;text-transform:uppercase;   color:var(--bone);margin-bottom:12px; }.gpage .feature p{color:var(--ash);font-size:15.5px;line-height:1.7}  \/* full-bleed image moments *\/ .moment{position:relative;overflow:hidden;line-height:0}.gpage .moment img{width:100%;max-height:78vh;object-fit:cover;transform:scale(1.12);transition:transform 1.6s cubic-bezier(.22,.8,.3,1)}.gpage .moment.in img{transform:scale(1)}.gpage .moment::after{   content:'';position:absolute;inset:0;   background:linear-gradient(180deg,var(--void) 0%,transparent 18%,transparent 82%,var(--void) 100%);   pointer-events:none; }.gpage .moment .caption{   position:absolute;left:50%;bottom:9%;transform:translateX(-50%);   z-index:2;line-height:1.4;text-align:center;width:90%;   font-family:'Pirata One',serif;   font-size:clamp(1.5rem,3.6vw,2.4rem);   color:var(--bone);   text-shadow:0 4px 30px rgba(0,0,0,.9),0 0 60px rgba(143,22,38,.5); }  \/* the pour — two tone cards *\/ .duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px} .tone{   position:relative;   padding:46px 38px;   border:1px solid var(--line-soft);   background:var(--noir-2);   overflow:hidden;   transition:border-color .5s; } .tone:hover{border-color:var(--line)} .tone::before{   content:'';position:absolute;inset:0;   opacity:.5;transition:opacity .6s;   pointer-events:none; } .tone:hover::before{opacity:.95} .tone-amber::before{background:radial-gradient(ellipse 80% 70% at 50% 115%, rgba(201,140,60,.28), transparent 65%)} .tone-blood::before{background:radial-gradient(ellipse 80% 70% at 50% 115%, rgba(194,35,53,.3), transparent 65%)} .tone .label{   font-family:'Cinzel',serif;font-size:11px;font-weight:600;   letter-spacing:.36em;text-transform:uppercase;color:var(--gold); } .tone h3{   font-family:'Pirata One',serif;   font-size:clamp(1.6rem,3vw,2.2rem);   margin:14px 0 10px;color:var(--bone); } .gpage .tone p{position:relative;color:var(--ash);font-size:15.5px}.gpage .truth{   margin:44px auto 0;max-width:680px;   text-align:center;   padding:30px 28px;   border-top:1px solid var(--line);border-bottom:1px solid var(--line); }.gpage .truth strong{   display:block;   font-family:'Cinzel',serif;font-size:14px;font-weight:700;   letter-spacing:.22em;text-transform:uppercase;   color:var(--gold-2);margin-bottom:10px; }.gpage .truth p{color:var(--ash);font-size:15.5px}  \/* occasions *\/ .occ-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}.gpage .occ{   padding:46px 38px;   border:1px solid var(--line-soft);   background:     radial-gradient(ellipse 90% 60% at 50% -20%, rgba(143,22,38,.12), transparent 60%),     var(--noir-2);   transition:border-color .5s,transform .5s; }.gpage .occ:hover{border-color:var(--line);transform:translateY(-4px)}.gpage .occ .icon{width:44px;height:44px;color:var(--gold);margin-bottom:20px}.gpage .occ h3{   font-family:'Pirata One',serif;font-size:clamp(1.5rem,2.6vw,2rem);   color:var(--bone);margin-bottom:10px; }.gpage .occ p{color:var(--ash);font-size:15.5px}  \/* reviews *\/ .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px}.gpage .review{   display:flex;flex-direction:column;   padding:34px 28px;   border:1px solid var(--line-soft);   background:var(--noir);   transition:border-color .5s; }.gpage .review:hover{border-color:var(--line)}.gpage .stars{color:var(--gold);letter-spacing:6px;font-size:15px;margin-bottom:16px}.gpage .review blockquote{   flex:1;   color:var(--bone);   font-size:16.5px;line-height:1.75;   font-style:italic; }.gpage .review blockquote::before{content:'“';color:var(--blood-2);font-size:1.5em;line-height:0;margin-right:2px}.gpage .review .who{   margin-top:18px;   font-family:'Cinzel',serif;font-size:12px;font-weight:700;   letter-spacing:.2em;text-transform:uppercase;color:var(--gold); }.gpage .review .verified{font-size:12.5px;color:var(--ash);letter-spacing:.08em}.gpage .review img{margin-top:18px;border:1px solid var(--line-soft)}  \/* specs *\/ .specs{   max-width:760px;margin:52px auto 0;   border-top:1px solid var(--line); }.gpage .spec-row{   display:grid;grid-template-columns:220px 1fr;gap:20px;   padding:16px 6px;   border-bottom:1px solid var(--line-soft); }.gpage .spec-row dt{   font-family:'Cinzel',serif;font-size:12px;font-weight:600;   letter-spacing:.22em;text-transform:uppercase;color:var(--gold);   padding-top:3px; }.gpage .spec-row dd{color:var(--ash);font-size:16px}  \/* included list *\/ .coffin{max-width:680px;margin:48px auto 0;list-style:none}.gpage .coffin li{   position:relative;   padding:18px 20px 18px 52px;   border-bottom:1px solid var(--line-soft);   color:var(--bone);font-size:16.5px; }.gpage .coffin li::before{   content:'✦';position:absolute;left:16px;top:18px;   color:var(--blood-2);font-size:14px; }.gpage .coffin li.dim{color:var(--ash);font-style:italic}.gpage .option-note{   max-width:680px;margin:30px auto 0;   padding:22px 26px;   border:1px solid var(--line);   background:rgba(143,22,38,.08);   text-align:center; }.gpage .option-note strong{   display:block;   font-family:'Cinzel',serif;font-size:13px;font-weight:700;   letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);   margin-bottom:8px; }.gpage .option-note p{color:var(--ash);font-size:15px}  \/* ritual steps *\/ .ritual{max-width:720px;margin:52px auto 0}.gpage .step{   display:flex;gap:26px;align-items:flex-start;   padding:26px 10px;   border-bottom:1px solid var(--line-soft); }.gpage .step .num{   flex:0 0 58px;height:58px;   display:flex;align-items:center;justify-content:center;   border:1px solid var(--line);   border-radius:50%;   font-family:'Pirata One',serif;font-size:24px;   color:var(--gold);   background:radial-gradient(circle at 50% 30%, rgba(143,22,38,.25), transparent 70%); }.gpage .step strong{   display:block;   font-family:'Cinzel',serif;font-size:15px;font-weight:700;   letter-spacing:.16em;text-transform:uppercase;   color:var(--bone);margin-bottom:6px;padding-top:4px; }.gpage .step span{color:var(--ash);font-size:15.5px}  \/* care *\/ .care-grid{   max-width:820px;margin:48px auto 0;   display:grid;grid-template-columns:1fr 1fr;gap:0 40px;   list-style:none; }.gpage .care-grid li{   position:relative;   padding:15px 6px 15px 34px;   border-bottom:1px solid var(--line-soft);   color:var(--ash);font-size:15.5px; }.gpage .care-grid li::before{   content:'—';position:absolute;left:6px;color:var(--gold); }  \/* faq *\/ .faq{max-width:760px;margin:48px auto 0}.gpage .faq details{border-bottom:1px solid var(--line-soft)}.gpage .faq summary{   position:relative;   padding:24px 44px 24px 4px;   cursor:pointer;list-style:none;   font-family:'Cinzel',serif;font-size:15px;font-weight:600;   letter-spacing:.1em;color:var(--bone);   transition:color .3s; }.gpage .faq summary::-webkit-details-marker{display:none}.gpage .faq summary::after{   content:'✦';position:absolute;right:8px;top:24px;   color:var(--gold);font-size:13px;   transition:transform .45s; }.gpage .faq details[open] summary{color:var(--gold-2)}.gpage .faq details[open] summary::after{transform:rotate(90deg);color:var(--blood-2)}.gpage .faq details p{padding:0 4px 24px;color:var(--ash);font-size:15.5px;max-width:640px}  \/* final *\/ .final{   padding:130px 0;   text-align:center;   overflow:hidden;   background:     radial-gradient(ellipse 70% 60% at 50% 118%, rgba(143,22,38,.4), transparent 62%),     radial-gradient(ellipse 50% 40% at 50% -10%, rgba(201,160,90,.08), transparent 60%),     var(--void); }.gpage .final::before{   content:'';position:absolute;left:50%;bottom:-30%;   width:80vw;height:60vh;transform:translateX(-50%);   border-radius:50%;   background:radial-gradient(ellipse at 50% 100%, rgba(224,75,58,.22), transparent 62%);   filter:blur(50px);   animation:candle 5s ease-in-out infinite;   pointer-events:none; }.gpage .final .inner{position:relative;z-index:2}.gpage .final h2{   font-size:clamp(2.6rem,7.5vw,5.2rem);   margin:22px auto 18px; }.gpage .final p{max-width:520px;margin:0 auto 40px;color:var(--ash);font-size:clamp(1rem,1.8vw,1.15rem)}.gpage .final .tags{   margin-top:34px;   display:flex;gap:22px;justify-content:center;flex-wrap:wrap;   font-family:'Cinzel',serif;font-size:11px;letter-spacing:.28em;text-transform:uppercase;   color:var(--ash); }  \/* service strip *\/ .service{   border-top:1px solid var(--line-soft);   background:var(--noir);   padding:44px 0; }.gpage .service .row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.gpage .svc{text-align:center;padding:8px 12px}.gpage .svc .icon{width:34px;height:34px;margin:0 auto 12px;color:var(--gold)}.gpage .svc strong{   display:block;   font-family:'Cinzel',serif;font-size:12px;font-weight:700;   letter-spacing:.18em;text-transform:uppercase;color:var(--bone);   margin-bottom:6px; }.gpage .svc span{color:var(--ash);font-size:13.5px;line-height:1.55;display:block}  \/* back to top *\/ .top{   position:fixed;right:20px;bottom:20px;z-index:50;   width:50px;height:50px;   display:flex;align-items:center;justify-content:center;   border:1px solid var(--line);border-radius:50%;   background:rgba(14,9,12,.85);   color:var(--gold);cursor:pointer;   opacity:0;pointer-events:none;   transition:opacity .4s,color .3s,border-color .3s;   backdrop-filter:blur(6px); } .top.show{opacity:1;pointer-events:auto} .top:hover{color:var(--gold-2);border-color:var(--gold)}.gpage footer{   padding:34px 0 44px;text-align:center;   font-family:'Cinzel',serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;   color:#6f6156;background:var(--noir); }    \/* hero offer *\/ .hero-offer{   margin:24px auto 0;   display:flex;flex-direction:column;align-items:center;gap:8px; } .hero-offer .price{   font-family:'Cinzel',serif;   font-size:clamp(2rem,4.5vw,3rem);font-weight:700;   color:var(--gold-2);   line-height:1; } .hero-offer .price sup{font-size:.45em;margin-right:2px;color:var(--gold)} .hero-offer .offer-note{   max-width:440px;   font-size:13.5px;letter-spacing:.06em;   color:var(--ash); }  \/* mid-page CTA band *\/ .cta-band{   position:relative;   text-align:center;   padding:64px 24px;   border-top:1px solid var(--line-soft);   border-bottom:1px solid var(--line-soft);   background:     radial-gradient(ellipse 60% 90% at 50% 120%, rgba(143,22,38,.22), transparent 65%),     var(--noir); } .cta-band .band-copy{   font-family:'Pirata One',serif;   font-size:clamp(1.7rem,4vw,2.6rem);   color:var(--bone);   margin-bottom:22px; } .cta-band .band-sub{   color:var(--ash);font-size:15px;margin:-12px 0 24px; }  \/* buy section *\/ .sec-buy{background:   radial-gradient(ellipse 70% 60% at 50% -10%, rgba(143,22,38,.18), transparent 60%),   var(--void);} .buy-card{   max-width:660px;margin:44px auto 0;   padding:44px 40px;   border:1px solid var(--line);   background:     radial-gradient(ellipse 90% 60% at 50% -20%, rgba(143,22,38,.16), transparent 60%),     var(--noir-2);   text-align:center;   position:relative; } .buy-card::before, .buy-card::after{   content:'';position:absolute;width:26px;height:26px;   border-color:var(--gold);border-style:solid; } .buy-card::before{top:-1px;left:-1px;border-width:2px 0 0 2px} .buy-card::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0} .buy-card .set-name{   font-family:'Pirata One',serif;   font-size:clamp(1.6rem,3.4vw,2.3rem);   color:var(--bone); } .buy-card .set-price{   font-family:'Cinzel',serif;font-weight:700;   font-size:clamp(2rem,4.5vw,2.8rem);   color:var(--gold-2);   margin:10px 0 4px; } .buy-card .set-price sup{font-size:.45em;color:var(--gold)} .buy-card .set-meta{   color:var(--ash);font-size:14.5px;margin-bottom:26px; } .buy-card .stock{   display:inline-flex;align-items:center;gap:10px;   margin-bottom:22px;   font-family:'Cinzel',serif;font-size:11px;font-weight:600;   letter-spacing:.3em;text-transform:uppercase;color:var(--blood-2); } .buy-card .stock i{   width:7px;height:7px;border-radius:50%;background:var(--blood-2);   animation:pulse-dot 2.2s ease-in-out infinite; }   \/* promo bar *\/ .promo-bar{   position:relative;z-index:5;   display:flex;align-items:center;justify-content:center;gap:14px;   padding:13px 16px;   background:linear-gradient(90deg,#6d0f1d,#c22335 25%,#e04b3a 50%,#c22335 75%,#6d0f1d);   background-size:200% 100%;   animation:bar-flow 6s linear infinite;   border-bottom:2px solid var(--gold-2);   box-shadow:0 6px 30px rgba(194,35,53,.55);   text-align:center; } @keyframes bar-flow{0%{background-position:0% 0}100%{background-position:200% 0}} .promo-text{   font-family:'Cinzel',serif;   font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;   color:#fff;   text-shadow:0 1px 8px rgba(0,0,0,.5);   animation:promo-blink 1.6s ease-in-out infinite; } @keyframes promo-blink{0%,100%{opacity:1}50%{opacity:.72}} .promo-text s{opacity:.8;margin-right:8px;font-weight:400} .promo-text b{color:var(--gold-2);font-size:1.35em;text-shadow:0 0 18px rgba(236,217,168,.7)} .promo-flame{color:var(--gold-2);font-size:13px;animation:promo-blink 1.2s ease-in-out infinite}   \/* slashed original price *\/ .slash-wrap{   position:relative;   display:inline-block;   margin-bottom:6px; } .big-was{   font-family:'Cinzel',serif;font-weight:700;   font-size:clamp(2.6rem,7vw,4.6rem);   line-height:1;   color:#8a7a70;   letter-spacing:.02em; } .slash-line{   position:absolute;   left:-6%;top:50%;   width:112%;height:6px;   background:linear-gradient(90deg,#e04b3a,#c22335);   box-shadow:0 0 22px rgba(224,75,58,.9),0 2px 6px rgba(0,0,0,.6);   transform:rotate(-6deg) scaleX(0);   transform-origin:left center;   animation:slash 1.1s cubic-bezier(.7,0,.3,1) .9s forwards; } .slash-line::after{   content:'';position:absolute;right:-4px;top:-3px;   width:12px;height:12px;border-radius:50%;   background:#e04b3a;   box-shadow:0 0 16px rgba(224,75,58,1); } @keyframes slash{   0%{transform:rotate(-6deg) scaleX(0)}   100%{transform:rotate(-6deg) scaleX(1)} } .big-was{   animation:was-dim 1.1s ease .9s forwards; } @keyframes was-dim{   0%{color:#8a7a70;opacity:1}   100%{color:#5d5148;opacity:.55} } .now-row{   display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;   margin-top:4px; } .now-label{   font-family:'Cinzel',serif;font-size:12px;font-weight:700;   letter-spacing:.34em;color:var(--blood-2);   animation:promo-blink 1.6s ease-in-out infinite; } .hero-offer .price{   animation:price-pulse 2.2s ease-in-out infinite; } @keyframes price-pulse{   0%,100%{transform:scale(1);text-shadow:0 0 0 rgba(236,217,168,0)}   50%{transform:scale(1.06);text-shadow:0 0 34px rgba(236,217,168,.55)} }  \/* compare-at price *\/ .price-row{display:flex;align-items:baseline;justify-content:center;gap:14px;flex-wrap:wrap} .was{   font-family:'Cinzel',serif;font-weight:400;   font-size:.5em;color:var(--ash);opacity:.75;   text-decoration:line-through;text-decoration-color:var(--blood-2);   text-decoration-thickness:3px; } .save-tag{   font-family:'Cinzel',serif;font-size:11px;font-weight:700;   letter-spacing:.18em;   padding:5px 12px;   border:1px solid var(--blood-2);   color:#fff;   background:rgba(143,22,38,.5); } .buy-card .was{font-size:.42em;margin-right:6px}  \/* trust module *\/ .sec-trust{background:linear-gradient(180deg,var(--noir),var(--void))} .trust-badges{   display:flex;justify-content:center;gap:28px;flex-wrap:wrap;   margin:40px auto 0; } .trust-badges img{   max-height:120px;width:auto;   border:1px solid var(--line-soft);   border-radius:4px;   filter:brightness(.88) sepia(.28) saturate(.82) hue-rotate(-8deg);   box-shadow:0 10px 30px rgba(0,0,0,.5); } .ship-line{   max-width:640px;margin:34px auto 0;text-align:center;   color:var(--ash);font-size:15px;line-height:1.8; } .why-grid{   max-width:820px;margin:44px auto 0;   display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;   list-style:none; } .why-grid li{   position:relative;   padding:15px 6px 15px 40px;   border-bottom:1px solid var(--line-soft);   color:var(--ash);font-size:15.5px; } .why-grid li::before{   content:'✦';position:absolute;left:10px;top:16px;   color:var(--gold);font-size:13px; } .why-grid b{color:var(--bone);font-weight:500} .guarantee-grid{   display:grid;grid-template-columns:repeat(2,1fr);gap:26px;   max-width:900px;margin:44px auto 0; } .g-item{   padding:30px 28px;   border:1px solid var(--line-soft);   background:var(--noir-2);   transition:border-color .5s; } .g-item:hover{border-color:var(--line)} .g-item h4{   font-family:'Cinzel',serif;font-size:14px;font-weight:700;   letter-spacing:.16em;text-transform:uppercase;   color:var(--gold-2);margin:0 0 10px;   display:flex;align-items:center;gap:10px; } .g-item h4 svg{width:22px;height:22px;color:var(--gold);flex:0 0 auto} .g-item p{color:var(--ash);font-size:14.5px;line-height:1.7;margin:0} .trust-seals{   display:flex;justify-content:center;gap:26px;flex-wrap:wrap;   margin:44px auto 0; } .trust-seals img{max-height:110px;width:auto;border:1px solid var(--line-soft);border-radius:4px;filter:brightness(.88) sepia(.28) saturate(.82) hue-rotate(-8deg);box-shadow:0 10px 30px rgba(0,0,0,.5)}  \/* ============ responsive ============ *\/ @media(max-width:860px){   .gpage section{padding:72px 0}.gpage .why-grid,.gpage .guarantee-grid{grid-template-columns:1fr}.gpage .promo-text{font-size:10px;letter-spacing:.14em}.gpage .feature-grid{grid-template-columns:1fr}.gpage .duo,.gpage .occ-grid{grid-template-columns:1fr}.gpage .review-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.gpage .service .row{grid-template-columns:1fr 1fr;gap:30px 16px}.gpage .care-grid{grid-template-columns:1fr}.gpage .hero h1{font-size:clamp(2.9rem,13vw,4.6rem)}.gpage .bat-3{display:none} } @media(max-width:520px){.gpage{font-size:16.5px}.gpage .promo-bar{padding:9px 10px}.gpage .promo-flame{display:none}.gpage .wrap{padding:0 18px}.gpage .hero{padding-top:64px}.gpage .kicker{font-size:9.5px;letter-spacing:.24em;padding:8px 14px}.gpage .hero-cta{flex-direction:column;gap:12px}.gpage .btn{width:100%;max-width:340px;padding:17px 24px}.gpage .hero-media{padding:10px;margin-top:44px}.gpage .corner{width:24px;height:24px}.gpage .spec-row{grid-template-columns:1fr;gap:4px;padding:14px 4px}.gpage .step{gap:18px}.gpage .step .num{flex-basis:46px;height:46px;font-size:19px}.gpage .trust{gap:14px;font-size:10px}.gpage .bat-2{display:none}.gpage .final{padding:96px 0} }  \/* reduced motion *\/ @media(prefers-reduced-motion:reduce){   *,*::before,*::after{animation:none!important;transition:none!important}.gpage .rv{opacity:1;transform:none}   #embers,.bat,.fog{display:none}.gpage .moment img{transform:none} } \u003c\/style\u003e   \u003cdiv class=\"gpage\"\u003e  \u003c!-- promo banner --\u003e \u003cdiv class=\"promo-bar\"\u003e   \u003cspan class=\"promo-flame\"\u003e✦\u003c\/span\u003e   \u003cspan class=\"promo-text\"\u003eLIMITED OFFER — \u003cs\u003e$144.99\u003c\/s\u003e \u003cb\u003e$44.99\u003c\/b\u003e · SAVE 69% · SMALL BATCH, LOW STOCK\u003c\/span\u003e   \u003cspan class=\"promo-flame\"\u003e✦\u003c\/span\u003e \u003c\/div\u003e  \u003c!-- ================= HERO ================= --\u003e \u003cheader class=\"hero\" id=\"top\"\u003e   \u003cdiv class=\"fog fog-a\"\u003e\u003c\/div\u003e   \u003cdiv class=\"fog fog-b\"\u003e\u003c\/div\u003e   \u003cdiv class=\"fog fog-c\"\u003e\u003c\/div\u003e   \u003ccanvas id=\"embers\"\u003e\u003c\/canvas\u003e    \u003cdiv class=\"bat bat-1\" aria-hidden=\"true\"\u003e     \u003csvg width=\"72\" height=\"36\" viewbox=\"0 0 64 32\"\u003e\u003cg class=\"wings\"\u003e\u003cpath fill=\"#050304\" stroke=\"rgba(201,160,90,.35)\" stroke-width=\".8\" d=\"M2 20 C10 6 20 4 26 12 C28 8 30 6 32 6 C34 6 36 8 38 12 C44 4 54 6 62 20 C54 16 48 18 44 24 C40 18 36 18 32 22 C28 18 24 18 20 24 C16 18 10 16 2 20 Z\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/svg\u003e   \u003c\/div\u003e   \u003cdiv class=\"bat bat-2\" aria-hidden=\"true\"\u003e     \u003csvg width=\"72\" height=\"36\" viewbox=\"0 0 64 32\"\u003e\u003cg class=\"wings\"\u003e\u003cpath fill=\"#050304\" stroke=\"rgba(201,160,90,.3)\" stroke-width=\".8\" d=\"M2 20 C10 6 20 4 26 12 C28 8 30 6 32 6 C34 6 36 8 38 12 C44 4 54 6 62 20 C54 16 48 18 44 24 C40 18 36 18 32 22 C28 18 24 18 20 24 C16 18 10 16 2 20 Z\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/svg\u003e   \u003c\/div\u003e   \u003cdiv class=\"bat bat-3\" aria-hidden=\"true\"\u003e     \u003csvg width=\"72\" height=\"36\" viewbox=\"0 0 64 32\"\u003e\u003cg class=\"wings\"\u003e\u003cpath fill=\"#050304\" stroke=\"rgba(201,160,90,.3)\" stroke-width=\".8\" d=\"M2 20 C10 6 20 4 26 12 C28 8 30 6 32 6 C34 6 36 8 38 12 C44 4 54 6 62 20 C54 16 48 18 44 24 C40 18 36 18 32 22 C28 18 24 18 20 24 C16 18 10 16 2 20 Z\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/svg\u003e   \u003c\/div\u003e    \u003cdiv class=\"wrap hero-inner\"\u003e     \u003cspan class=\"kicker rv\"\u003e\u003cspan class=\"dot\"\u003e✦\u003c\/span\u003e Small-Batch Gothic Barware \u003cspan class=\"dot\"\u003e✦\u003c\/span\u003e\u003c\/span\u003e      \u003ch1 class=\"goth rv\"\u003e       \u003cspan class=\"line\"\u003eEvery Pour,\u003c\/span\u003e       \u003cspan class=\"line shimmer\"\u003ea Dark Ritual.\u003c\/span\u003e     \u003c\/h1\u003e      \u003cp class=\"hero-sub rv\"\u003e       A castle-carved glass decanter \u0026amp; tumbler, draped in black ornament —       for those who take their whisky \u003cem\u003eafter midni\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/header\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"mysite","offers":[{"title":"🎁🍺1Bottle + 2 Glass Set ❤️❤️-20%！！","offer_id":67594334077113,"sku":"SZ04622609217578-蝙蝠城堡酒瓶+SZ04622609217578-黑紫色蝙蝠城堡酒杯+SZ04622609217578-黑紫色蝙蝠城堡酒杯","price":44.99,"currency_code":"USD","in_stock":true},{"title":"1 Bottle","offer_id":67594334109881,"sku":"SZ04622609217578-蝙蝠城堡酒瓶","price":34.99,"currency_code":"USD","in_stock":true},{"title":"1 Glass","offer_id":67594334142649,"sku":"SZ04622609217578-黑紫色蝙蝠城堡酒杯","price":9.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/1628\/6649\/files\/81bdcc99-f215-4c55-8ddc-116fd647845b.png?v=1790583156","url":"https:\/\/aluckgoodset.com\/products\/gothic-vampire-castle-whisky-decanter","provider":"aluckgoodSet","version":"1.0","type":"link"}