/* Hygge Black November B · assets/css/black-november-b.css
   Loads after the autumn layer. Images live in assets/img/. To end the sale, remove the enqueue snippet and clear the cache. */

/* ===== Buy box, top banner, tile ===== */
/* Black November buy box. Adds to Hygge Autumn Live: sale tile, red prices, saving tag, red order button. Nothing else changes. Remove this file to go back. */

/* Sale tile */
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band{position:relative;display:block;min-height:95px;padding:18px 20px;overflow:hidden;background:#19191C url(../img/bn-tile-desktop.jpg) no-repeat right -28px center/auto 150%}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#19191C 42%,rgba(25,25,28,.62) 64%,rgba(25,25,28,0) 84%)}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band .hg-bt{position:relative;display:block;margin:0 0 6px;font-family:var(--display);font-size:24px;font-weight:500;line-height:1.1;letter-spacing:-.015em;text-transform:none;color:#fff;white-space:nowrap}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band .hg-be{position:relative;display:block;max-width:58%;color:#fff}

/* Red prices */
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow .hg-price #hg-priceMain{color:#C8351F}
.hg-pdp.hg-pdp .hg-card.hg-card #hg-totalAmt{color:#C8351F;font-size:28px;font-weight:500;line-height:1.1;letter-spacing:-.02em}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-amtwrap{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:2px 8px}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-bn-totalwas{font-family:var(--body);font-size:16px;font-weight:400;line-height:1.2;letter-spacing:0;color:#6F6B66;text-decoration:line-through;white-space:nowrap}

.hg-pdp.hg-pdp .hg-card.hg-card .hg-total .hg-lab{white-space:nowrap}

/* Saving tag, shown once a size is chosen */
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow .hg-price{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-bn-save{display:inline-block;padding:4px 8px;border-radius:4px;background:#C8351F;color:#fff;font-family:var(--body);font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap}

/* Red order button, buy box and sticky bar */
.hg-pdp.hg-pdp .hg-card.hg-card #hg-addBtn,.hg-pdp.hg-pdp .hg-card.hg-card .hg-cta .hg-btn-primary,.hg-pdp.hg-stickybar.hg-stickybar #hg-stickyBtn{background:#C8351F;border-color:#C8351F;color:#fff}
.hg-pdp.hg-pdp .hg-card.hg-card #hg-addBtn:hover,.hg-pdp.hg-pdp .hg-card.hg-card .hg-cta .hg-btn-primary:hover,.hg-pdp.hg-stickybar.hg-stickybar #hg-stickyBtn:hover{background:#A92B18;border-color:#A92B18;color:#fff}
.hg-pdp.hg-pdp .hg-card.hg-card #hg-addBtn.disabled{background:#C8351F!important;border-color:#C8351F!important}

/* Top banner */
.hg-chrome.hg-chrome .hg-utility{background:#19191c;background-image:none}
.hg-chrome.hg-chrome .hg-utility .hg-otx b{margin-right:.55em}
@media (max-width:1280px){.hg-chrome.hg-chrome .hg-utility .hg-bn-live{display:none}}
@media (min-width:981px) and (max-width:1100px){.hg-chrome.hg-chrome .hg-utility .hg-bn-heater{display:none}}
.hg-chrome.hg-chrome .hg-utility nav{flex:none}
.hg-chrome.hg-chrome .hg-utility .hg-utag{background:#6e3432;border-color:#6e3432;color:#fff;font-family:"Poppins","Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none}
.hg-chrome.hg-chrome .hg-utility .hg-utag{padding:4px 12px;border-radius:4px;box-sizing:border-box}
.hg-chrome.hg-chrome .hg-utility .hg-otx,.hg-chrome.hg-chrome .hg-utility .hg-otx b{font-size:13px;line-height:1.5}
@media (max-width:980px){.hg-chrome.hg-chrome .hg-utility .hg-utag{display:flex;width:max-content;margin:0 auto 4px}}

/* Tile photo: exact-size images. The product page runs at a fractional zoom on desktop, so the size is set to land on whole screen pixels at each zoom step. */
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band{background-image:url(../img/bn-tile-phone2x.jpg);background-image:image-set(url(../img/bn-tile-phone2x.jpg) 2x,url(../img/bn-tile-phone3x.jpg) 3x);background-size:258px 161px;background-position:right -28px center}
@media (min-width:981px){.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band{background-image:url(../img/bn-tile-desktop.jpg);background-size:205px 128px}}
@media (min-width:981px) and (max-width:1359px){.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band{background-size:241.18px 150.59px}}
@media (min-width:1360px) and (max-width:1439px){.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band{background-size:235.63px 147.13px}}
@media (min-width:1440px) and (max-width:1519px){.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band{background-size:227.78px 142.22px}}
@media (min-width:1520px) and (max-width:1599px){.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-band{background-size:215.79px 134.74px}}

/* Buy box stripe: autumn colours only */
.hg-pdp.hg-pdp .hg-card.hg-card::before{background:linear-gradient(90deg,#6E3432,#A9472C 45%,#C8862E)}

/* Buy box: white and gently raised so it reads as the place to act; lighter price panel keeps the sale price strong */
.hg-pdp.hg-pdp.hg-pdp .hg-card.hg-card{background:#fff;border-color:#E6DFD0;box-shadow:0 1px 2px rgba(30,26,22,.04),0 12px 32px rgba(30,26,22,.08)}
.hg-pdp.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded{background:#FFFCF6;border-color:#EDE3CF}

/* Buy box supporting text: deeper, warmer grey so small text reads clearly on white */
.hg-pdp.hg-pdp .hg-card.hg-card{--muted:#57534E;--faint:#6F6B66}

/* Buy box spacing on an 8px rhythm: roomier price panel, even dividers, 24px between major groups */
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow.hg-banded .hg-body{padding:20px}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow .hg-body > .hg-pills{margin-top:6px}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow .hg-body > .hg-parts{margin-top:2px}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow .hg-body > .hg-conf{margin-top:10px;padding-top:16px}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow .hg-body > .hg-offerbox{margin-top:10px;padding-top:16px}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-included{margin-top:24px}
.hg-pdp.hg-pdp .hg-card.hg-card .hg-cmp{margin-top:16px}

/* Heater pill: the site's own green, so the free gift reads apart from the red price and saving */
.hg-pdp.hg-pdp .hg-card.hg-card .hg-pricerow .hg-pill.hg-save{background:#39825D;border-color:#39825D;color:#fff}


/* ===== Below the fold ===== */
/* Black November below the fold */

/* Autumn band at dusk, edged with the buy box stripe */
.hg-pdp.hg-pdp.hg-pdp > .hg-season{background:radial-gradient(70% 160% at 100% 0,rgba(200,134,46,.16),transparent 60%),#19191C;border-bottom:3px solid #A9472C;border-image:linear-gradient(90deg,#6E3432,#A9472C 45%,#C8862E) 1}

/* Final section: night photo of the lit pergola on the right, everything to act on in one column on the left */
.hg-pdp.hg-pdp section.hg-final{background:linear-gradient(90deg,#19191C 0%,#19191C 40%,rgba(25,25,28,.55) 56%,rgba(25,25,28,0) 72%),linear-gradient(0deg,rgba(25,25,28,.35),rgba(25,25,28,0) 30%),url(../img/bn-night.jpg) right center/auto 100% no-repeat,#19191C}
.hg-pdp.hg-pdp section.hg-final .hg-wrap{grid-template-columns:minmax(0,600px);row-gap:0}
.hg-pdp.hg-pdp section.hg-final .hg-wrap > .hg-reveal:first-child{display:contents}
.hg-pdp.hg-pdp section.hg-final .hg-eyebrow{order:1}
.hg-pdp.hg-pdp section.hg-final h2{order:2;font-size:clamp(34px,3.6vw,52px)}
.hg-pdp.hg-pdp section.hg-final p{order:3}
.hg-pdp.hg-pdp section.hg-final .hg-price{order:4;text-align:left;margin-top:32px;font-size:56px}
.hg-pdp.hg-pdp section.hg-final .hg-btns{order:5}
.hg-pdp.hg-pdp section.hg-final .hg-btn-light{background:#C8351F;border-color:#C8351F;color:#fff}
.hg-pdp.hg-pdp section.hg-final .hg-btn-light:hover{background:#A92B18;border-color:#A92B18;color:#fff}
/* Saving line under the price, same pattern as the buy box */
.hg-pdp.hg-pdp section.hg-final .hg-price .hg-bn-fsave{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:12px;font-family:var(--body);font-size:16px;letter-spacing:0;color:#B9B0A2}
.hg-pdp.hg-pdp section.hg-final .hg-price .hg-bn-fsave s{display:inline;margin:0;font-size:16px;color:#B9B0A2}
.hg-pdp.hg-pdp section.hg-final .hg-price .hg-bn-fsave b{display:inline-block;margin:0;background:#C8351F;color:#fff;font-size:14px;font-weight:700;line-height:1.3;padding:3px 8px;border-radius:4px}
/* Phone: full photo of the pergola below the content */
@media (max-width:980px){
.hg-pdp.hg-pdp section.hg-final{background:linear-gradient(180deg,#19191C 0%,#19191C calc(100% - 68vw),rgba(25,25,28,0) calc(100% - 44vw)),url(../img/bn-night.jpg) center bottom/100% auto no-repeat,#19191C}
.hg-pdp.hg-pdp section.hg-final .hg-wrap{padding-bottom:calc(58vw + 24px)}
.hg-pdp.hg-pdp section.hg-final .hg-price{font-size:48px}
}

/* Static reminder: slim dark block in the page flow, with a warm LED-style light line that switches on in view */
.hg-bnglow{position:relative;background:#19191C;color:#fff;overflow:hidden}
.hg-bnglow::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:linear-gradient(90deg,rgba(255,199,125,0) 0%,#FFC77D 18%,#FFE6BC 50%,#FFC77D 82%,rgba(255,199,125,0) 100%);box-shadow:0 0 10px 1px rgba(255,190,110,.7),0 0 26px 3px rgba(255,170,80,.3);opacity:0;transform:scaleX(.12);transition:opacity .5s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.hg-bnglow.hg-lit::after{opacity:1;transform:scaleX(1)}
.hg-bnglow-in{max-width:var(--max,1520px);margin:0 auto;padding:20px var(--gutter) 26px;display:flex;justify-content:center;align-items:center;gap:8px 14px;flex-wrap:wrap;font-family:"Poppins","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.3}
.hg-bnglow-leaf{display:inline-flex}
.hg-bnglow-leaf svg{width:14px;height:14px;fill:#E2B86A;transform:rotate(-20deg)}
.hg-bnglow b{font-weight:500;color:#FFF3DF;letter-spacing:-.005em;text-shadow:0 0 16px rgba(255,190,110,.4)}
.hg-bnglow-sep{width:1px;height:16px;background:rgba(255,255,255,.25)}
.hg-bnglow-offer{color:#E9E1D3}
.hg-pdp.hg-pdp .hg-bnglow .hg-bnglow-go{margin-left:6px;color:#FFC77D;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,199,125,.45);padding-bottom:1px}
.hg-pdp.hg-pdp .hg-bnglow .hg-bnglow-go:hover{color:#FFE6BC;border-bottom-color:#FFE6BC}
@media (max-width:640px){.hg-bnglow-in{font-size:14px;gap:6px 10px;padding:18px var(--gutter) 20px}.hg-bnglow-sep{display:none}.hg-bnglow b{flex-basis:calc(100% - 24px);text-align:left}.hg-bnglow-in{justify-content:flex-start}.hg-pdp.hg-pdp .hg-bnglow .hg-bnglow-go{margin-left:auto}}
@media (prefers-reduced-motion:reduce){.hg-bnglow::after{transition:none;opacity:1;transform:none}}

/* Opening block: the noticeable Black November card at the start of the description */
.hg-bnopen{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:300px;margin:0 0 64px;border-radius:12px;overflow:hidden;background:#19191C;color:#fff;box-shadow:0 18px 40px rgba(30,26,22,.16)}
.hg-bnopen::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:linear-gradient(90deg,rgba(255,199,125,0) 0%,#FFC77D 18%,#FFE6BC 50%,#FFC77D 82%,rgba(255,199,125,0) 100%);box-shadow:0 0 10px 1px rgba(255,190,110,.7),0 0 26px 3px rgba(255,170,80,.3);opacity:0;transform:scaleX(.12);transition:opacity .5s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.hg-bnopen.hg-lit::after{opacity:1;transform:scaleX(1)}
.hg-bnopen-txt{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:44px 48px 52px}
.hg-bnopen-eye{font-family:var(--body);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E39A5B}
.hg-pdp.hg-pdp .hg-bnopen .hg-bnopen-t{margin:10px 0 0;font-family:"Poppins","Helvetica Neue",Arial,sans-serif;font-size:clamp(32px,3.2vw,46px);font-weight:500;line-height:1.05;letter-spacing:-.02em;color:#FFF3DF;text-shadow:0 0 22px rgba(255,190,110,.28)}
.hg-bnopen-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.hg-pdp.hg-pdp .hg-bnopen-list li{display:flex;align-items:center;gap:10px;margin:0;font-family:"Poppins","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.35;color:#F1E9DC}
.hg-bnopen-list .hg-bnglow-leaf svg{width:13px;height:13px}
.hg-pdp.hg-pdp .hg-bnopen .hg-bnopen-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:28px;padding:0 28px;border-radius:6px;background:#C8351F;color:#fff;font-family:var(--body);font-size:15px;font-weight:600;text-decoration:none}
.hg-pdp.hg-pdp .hg-bnopen .hg-bnopen-btn:hover{background:#A92B18;color:#fff}
.hg-bnopen-photo{position:relative;background:#19191C url(../img/bn-dusk.jpg) center 42%/cover no-repeat}
.hg-bnopen-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#19191C 0%,rgba(25,25,28,.55) 18%,rgba(25,25,28,0) 42%)}
@media (max-width:980px){
.hg-bnopen{grid-template-columns:1fr;min-height:0;margin-bottom:44px}
.hg-bnopen-photo{order:-1;aspect-ratio:16/10}
.hg-bnopen-photo::before{background:linear-gradient(0deg,#19191C 0%,rgba(25,25,28,0) 40%)}
.hg-bnopen-txt{padding:4px 22px 40px}
.hg-pdp.hg-pdp .hg-bnopen-list li{font-size:15px}
.hg-pdp.hg-pdp .hg-bnopen .hg-bnopen-btn{align-self:stretch}
}
@media (prefers-reduced-motion:reduce){.hg-bnopen::after{transition:none;opacity:1;transform:none}}

/* Matching widths: the Autumn band sits inside the same page margins as the Black November card, with the same corners */
.hg-pdp.hg-pdp.hg-pdp > .hg-season{margin:clamp(20px,2.5vw,36px) max(var(--gutter),calc((100% - var(--max,1920px)) / 2 + var(--gutter))) 0;border-radius:12px;border-bottom:0;border-image:none;background:linear-gradient(90deg,#6E3432,#A9472C 45%,#C8862E) left bottom/100% 3px no-repeat,radial-gradient(70% 160% at 100% 0,rgba(200,134,46,.16),transparent 60%),#19191C}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-wrap{max-width:none;padding-left:clamp(20px,3.2vw,48px);padding-right:clamp(20px,3.2vw,48px)}
.hg-pdp.hg-pdp #hg-overview{padding-top:24px}
@media (max-width:980px){.hg-pdp.hg-pdp #hg-overview{padding-top:16px}}

/* Merged: the Autumn band is the header row of the Black November card, one card with one surface */
.hg-pdp.hg-pdp.hg-pdp > .hg-season{border-radius:12px 12px 0 0;background:radial-gradient(70% 160% at 100% 0,rgba(200,134,46,.16),transparent 60%),#19191C;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.hg-pdp.hg-pdp #hg-overview{padding-top:0}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen{border-radius:0 0 12px 12px}
.hg-bnopen::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='%23F3D9A6'%3E%3Cpath transform='translate(14 10) rotate(-30 12 12)' d='M20.5 3.5C11 4 5.5 9.5 4.3 19.2 14 18.5 19.6 13 20.5 3.5z'/%3E%3Cpath transform='translate(72 58) rotate(140 12 12)' d='M20.5 3.5C11 4 5.5 9.5 4.3 19.2 14 18.5 19.6 13 20.5 3.5z'/%3E%3Cpath transform='translate(40 86) rotate(50 12 12)' d='M20.5 3.5C11 4 5.5 9.5 4.3 19.2 14 18.5 19.6 13 20.5 3.5z'/%3E%3C/g%3E%3C/svg%3E") 0 0/120px 120px repeat;opacity:.07;pointer-events:none}
@media (max-width:980px){.hg-pdp.hg-pdp #hg-overview{padding-top:0}}

/* Refined merged card: quieter Autumn row, light line at the seam, premium finish */
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-wrap{padding-top:16px;padding-bottom:16px}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-season-lead .hg-leaf{width:34px;height:34px}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-season-lead b{font-size:16px;color:#F1E9DC}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-season-list li{font-size:13px;color:#CDBFA8}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-season-list li b{font-size:13.5px;color:#F1E9DC}
.hg-pdp.hg-pdp.hg-pdp > .hg-season{box-shadow:none}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen::after{top:0;bottom:auto;z-index:3}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen{box-shadow:0 24px 48px rgba(30,26,22,.18),0 2px 6px rgba(30,26,22,.08)}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen .hg-bnopen-txt{padding:56px 48px 60px}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen .hg-bnopen-t{font-size:clamp(36px,3.6vw,54px)}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen-list{margin-top:24px;gap:12px}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen .hg-bnopen-btn{margin-top:32px;min-height:50px;padding:0 32px}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen-photo::before{background:linear-gradient(90deg,#19191C 0%,rgba(25,25,28,.7) 12%,rgba(25,25,28,.25) 30%,rgba(25,25,28,0) 50%)}
@media (max-width:980px){
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-wrap{padding-top:16px;padding-bottom:18px}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen .hg-bnopen-txt{padding:8px 22px 44px}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen .hg-bnopen-t{font-size:36px}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen-photo::before{background:linear-gradient(0deg,#19191C 0%,rgba(25,25,28,0) 45%)}
}

/* Twilight background for the merged card: deep blue-black that carries on from the photo's dusk sky */
.hg-pdp.hg-pdp.hg-pdp > .hg-season{background:linear-gradient(180deg,#0E131D,#121824)}
.hg-pdp.hg-pdp.hg-pdp > .hg-season::before{display:none}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen{background:radial-gradient(70% 90% at 0% 100%,rgba(200,134,46,.16),transparent 60%),#121824}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen::before{display:none}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen-photo{background-color:#121824}
.hg-pdp.hg-pdp #hg-overview .hg-bnopen-photo::before{background:linear-gradient(90deg,#121824 0%,rgba(18,24,36,.7) 12%,rgba(18,24,36,.25) 30%,rgba(18,24,36,0) 50%)}
@media (max-width:980px){.hg-pdp.hg-pdp #hg-overview .hg-bnopen-photo::before{background:linear-gradient(0deg,#121824 0%,rgba(18,24,36,0) 45%)}}

/* Final section label: burgundy pill, same as the top banner pill */
.hg-pdp.hg-pdp section.hg-final .hg-eyebrow.hg-bn-eye{display:inline-flex;align-items:center;gap:12px}
.hg-pdp.hg-pdp section.hg-final .hg-eyebrow.hg-bn-eye::before{display:none}
.hg-pdp.hg-pdp section.hg-final .hg-bn-pill{display:inline-block;padding:4px 12px;border-radius:4px;background:#6E3432;color:#fff;font-family:"Poppins","Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none}

/* Autumn row leaves on Twilight: solid copper and rust, so they stay warm on the blue */
@keyframes hgBandFallSolid{0%{top:-8%;transform:translateX(0) rotate(0deg);opacity:0}10%{opacity:.9}50%{transform:translateX(var(--sx)) rotate(140deg)}90%{opacity:.9}100%{top:104%;transform:translateX(calc(var(--sx) * -.5)) rotate(300deg);opacity:0}}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-band-leaves .hg-lf{animation-name:hgBandFallSolid}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-band-leaves .hg-lf:nth-child(1){--c:#E39A5B !important}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-band-leaves .hg-lf:nth-child(2){--c:#A9472C !important}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-band-leaves .hg-lf:nth-child(3){--c:#C8862E !important}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-band-leaves .hg-lf:nth-child(4){--c:#B8693A !important}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-leaf-2,.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-leaf-3{fill:#C8862E;stroke:none;opacity:.1}
.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-leaf-2 .hg-vein,.hg-pdp.hg-pdp.hg-pdp > .hg-season .hg-leaf-3 .hg-vein{stroke:#E39A5B}