/* 4.29.7: glass mega-menu and side pop-up (chosen from the local options, 22 Oct 2026).
   Loaded after hre-fixes on every page with the new chrome. */
/* nav blur moved to a pseudo-element so it stops being a backdrop root for the dropdown */
nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important}
nav::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(20,16,14,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
/* D1 frosted glass */
.hx-panel{background:linear-gradient(160deg,rgba(46,36,32,.62),rgba(22,17,15,.58))!important;
 -webkit-backdrop-filter:blur(26px) saturate(185%)!important;backdrop-filter:blur(26px) saturate(185%)!important;
 border:1px solid rgba(255,255,255,.16)!important;border-radius:20px!important;padding:10px!important;
 box-shadow:0 40px 80px -30px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,255,255,.04)!important}
.hx-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:linear-gradient(125deg,rgba(255,255,255,.12),rgba(255,255,255,0) 30%,rgba(255,255,255,0) 75%,rgba(255,255,255,.05))}
.hx-card{border:1px solid transparent;position:relative;z-index:1}
.hx-card:hover{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.14)}
.hx-card .hx-i{border-radius:50%!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.hx-card:hover .hx-i{background:rgba(255,138,107,.22)!important;border-color:rgba(255,138,107,.5)!important}
.hx-foot{border-top-color:rgba(255,255,255,.12)!important;position:relative;z-index:1}
/* orange icons */
.hx-card .hx-i{color:#FF5C61!important;background:rgba(228,58,63,.16)!important;border:1px solid rgba(228,58,63,.45)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 6px 16px -8px rgba(228,58,63,.7)}
.hx-card:hover .hx-i{color:#fff!important;background:linear-gradient(135deg,#F0524F,#E43A3F)!important;border-color:transparent!important}
.hx-foot a.hx-l{color:#FF5C61!important}
/* B2 brand gradient with persona */
.blip-card{width:300px!important;border-radius:24px!important;background:linear-gradient(135deg,#F25C55 0%,#E43A3F 52%,#C62F34 100%)!important;
 box-shadow:0 34px 70px -24px rgba(120,16,24,.7),0 0 0 1px rgba(255,255,255,.22) inset!important}
.blip-card::before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-60px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.35),transparent);pointer-events:none}
.blip-slide{background-image:none!important;overflow:hidden;padding-right:118px!important}
.blip-slide::after{content:"";position:absolute;right:-6px;bottom:-26px;width:122px;height:206px;z-index:0;background-repeat:no-repeat;background-size:contain;background-position:bottom right;filter:drop-shadow(0 10px 18px rgba(90,10,16,.35))}
.blip-ph-look::after{background-image:url(../img/face-1-happy.png)}
.blip-ph-offer::after{background-image:url(../img/face-3-happy.png)}
.blip-eic{align-self:flex-start;background:rgba(255,255,255,.2);padding:5px 10px;border-radius:999px;color:#fff!important;text-shadow:none!important;font-size:10px!important}
.blip-eic i{background:#fff!important}
.blip-h{font-size:19px!important;text-shadow:none!important}
.blip-s{color:rgba(255,255,255,.9)!important;text-shadow:none!important;font-size:12px!important}
.blip-cta{white-space:nowrap;margin-top:auto!important;background:#fff;color:#D2343C!important;padding:8px 13px!important;border-radius:999px;text-shadow:none!important;box-shadow:0 10px 20px -10px rgba(90,10,16,.55)}
.blip-cta:hover{color:#C62F34!important;transform:translateY(-1px)}
.blip .blip-stage,.blip .blip-slide{height:206px!important}
.blip-prog{background:rgba(255,255,255,.25)!important}.blip-prog i{background:#fff!important}
.blip .blip-dots b{background:rgba(255,255,255,.45)!important}.blip .blip-dots b.on{background:#fff!important}
.blip-x{background:rgba(255,255,255,.25)!important}
/* breathing room between the description and the button */
.blip-s{margin-bottom:14px!important}
.blip .blip-stage,.blip .blip-slide{height:224px!important}
/* one dark slide (guide), one red slide (offer): colour lives on each slide, and the
   progress/dots row floats over the slide so it takes that slide's colour */
.blip-card{background:#120e0d!important;animation:none!important}
.blip .blip-stage,.blip .blip-slide{height:252px!important}
.blip-slide{padding-bottom:44px!important}
.blip-ph-look{background-image:radial-gradient(240px 160px at 85% 15%,rgba(228,58,63,.45),transparent 70%),linear-gradient(120deg,#120D0C 0%,#2A1412 30%,#3A1716 50%,#2A1412 70%,#120D0C 100%)!important}
.blip-ph-offer{background-image:linear-gradient(120deg,#C62F34 0%,#E43A3F 25%,#F2645C 50%,#E43A3F 75%,#C62F34 100%)!important}
.blip-ph-look .blip-cta{background:#E43A3F!important;color:#fff!important;box-shadow:0 10px 22px -10px rgba(228,58,63,.9)!important}
.blip-ph-look .blip-cta:hover{background:#F0524F!important;color:#fff!important}
.blip-ph-look .blip-eic{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.18)}
.blip-ph-look .blip-eic i{background:#4FB286!important}
.blip-foot{position:absolute!important;left:0;right:0;bottom:0;z-index:5;padding:0 18px 16px!important}
@media (prefers-reduced-motion:reduce){.blip-slide{animation:none}}
/* cloud drift: two soft blurred blobs per slide wander slowly; base gradient holds still */
.blip-slide{animation:none!important;background-size:cover!important}
.blip-slide::before{content:"";position:absolute;inset:-40%;z-index:0;pointer-events:none;filter:blur(22px);
 animation:cloudA 26s ease-in-out infinite alternate}
.blip-ph-offer::before{background:radial-gradient(38% 30% at 30% 35%,rgba(255,150,130,.55),transparent 70%),radial-gradient(34% 28% at 70% 70%,rgba(160,20,32,.55),transparent 70%)}
.blip-ph-look::before{background:radial-gradient(36% 28% at 32% 40%,rgba(228,58,63,.38),transparent 70%),radial-gradient(34% 30% at 72% 68%,rgba(120,40,30,.45),transparent 70%)}
@keyframes cloudA{0%{transform:translate(-6%,-4%) scale(1)}35%{transform:translate(5%,3%) scale(1.06)}70%{transform:translate(-2%,6%) scale(.97)}100%{transform:translate(6%,-3%) scale(1.04)}}
@media (prefers-reduced-motion:reduce){.blip-slide::before{animation:none}}
.blip-ph-offer .blip-cta{background:#A8222A!important;color:#fff!important;border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 22px -10px rgba(70,0,8,.75),inset 0 1px 0 rgba(255,255,255,.18)!important}
.blip-ph-offer .blip-cta:hover{background:#8F1C23!important;color:#fff!important}
.blip-slide .blip-cta{box-shadow:none!important;border:0!important}
/* blip anchored bottom-right so it never meets the EDGE stamp */
.blip{top:auto!important;bottom:24px!important;transform:none!important}
/* on the homepage it waits until the visitor scrolls past the first fold */
.blip.later .blip-card,.blip.later .blip-tab{opacity:0!important;transform:translateX(40px)!important;pointer-events:none!important}
.blip .blip-card{transition:opacity .45s ease,transform .5s cubic-bezier(.2,.7,.3,1)}