/* AbollyHost — site-wide promo popup. */

html.abh-pop-open{overflow:hidden;}

.abh-pop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:1.25rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease;}
.abh-pop.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.abh-pop__backdrop{position:absolute;inset:0;background:rgba(8,16,40,.62);backdrop-filter:blur(3px);}

.abh-pop__card{position:relative;z-index:1;width:min(540px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 40px 90px -30px rgba(6,18,55,.7);transform:translateY(14px) scale(.98);transition:transform .3s cubic-bezier(.2,.7,.3,1);}
.abh-pop.is-open .abh-pop__card{transform:none;}

.abh-pop__x{position:absolute;top:.85rem;right:.85rem;z-index:3;width:34px;height:34px;border:none;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .15s;}
.abh-pop__x:hover{background:rgba(255,255,255,.32);}

/* Head */
.abh-pop__head{position:relative;overflow:hidden;padding:2.1rem 1.9rem 1.6rem;text-align:center;color:#fff;background:radial-gradient(circle at 80% 12%, #2D86FF 0%, #0a51c4 45%, #032b80 100%);}
.abh-pop__badge{position:relative;z-index:2;display:inline-block;font-family:var(--abh-font-display);font-weight:800;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--abh-ink);background:var(--abh-lime);padding:.32rem .8rem;border-radius:999px;}
.abh-pop__title{position:relative;z-index:2;font-family:var(--abh-font-display);font-weight:800;font-size:clamp(1.7rem,5vw,2.2rem);line-height:1.08;margin:.85rem 0 .4rem;color:#fff;}
.abh-pop__sub{position:relative;z-index:2;margin:0;color:rgba(255,255,255,.9);font-size:1rem;}

.abh-pop__confetti{position:absolute;inset:0;z-index:1;pointer-events:none;}
.abh-pop__confetti i{position:absolute;width:9px;height:13px;border-radius:2px;opacity:.85;animation:abh-pop-fall 5.5s linear infinite;}
.abh-pop__confetti i:nth-child(1){left:8%;top:-10%;background:var(--abh-lime);animation-delay:0s;}
.abh-pop__confetti i:nth-child(2){left:20%;top:-12%;background:#fff;animation-delay:1.1s;}
.abh-pop__confetti i:nth-child(3){left:32%;top:-8%;background:#7FB6FF;animation-delay:2.3s;}
.abh-pop__confetti i:nth-child(4){left:44%;top:-12%;background:var(--abh-lime);animation-delay:.5s;}
.abh-pop__confetti i:nth-child(5){left:56%;top:-9%;background:#fff;animation-delay:2.9s;}
.abh-pop__confetti i:nth-child(6){left:68%;top:-12%;background:#7FB6FF;animation-delay:1.7s;}
.abh-pop__confetti i:nth-child(7){left:80%;top:-8%;background:var(--abh-lime);animation-delay:2s;}
.abh-pop__confetti i:nth-child(8){left:92%;top:-12%;background:#fff;animation-delay:.9s;}
.abh-pop__confetti i:nth-child(9){left:14%;top:-9%;background:#7FB6FF;animation-delay:3.4s;}
.abh-pop__confetti i:nth-child(10){left:38%;top:-12%;background:#fff;animation-delay:4s;}
.abh-pop__confetti i:nth-child(11){left:62%;top:-9%;background:var(--abh-lime);animation-delay:4.6s;}
.abh-pop__confetti i:nth-child(12){left:86%;top:-12%;background:#7FB6FF;animation-delay:1.4s;}
@keyframes abh-pop-fall{0%{transform:translateY(0) rotate(0);opacity:0;}12%{opacity:.85;}100%{transform:translateY(240px) rotate(220deg);opacity:0;}}

/* Body */
.abh-pop__body{padding:1.6rem 1.9rem 1.9rem;}
.abh-pop__offers{list-style:none;margin:0 0 1.4rem;padding:0;display:grid;gap:.85rem;}
.abh-pop__offers li{display:flex;gap:.8rem;align-items:flex-start;font-size:.95rem;color:var(--abh-body);line-height:1.45;}
.abh-pop__offers strong{color:var(--abh-ink);}
.abh-pop__offers em{display:inline-block;font-style:normal;font-family:var(--abh-font-display);font-weight:700;font-size:.74rem;letter-spacing:.03em;color:var(--abh-primary);background:var(--abh-tint);padding:.1rem .5rem;border-radius:999px;margin-left:.3rem;white-space:nowrap;}
.abh-pop__ico{flex:none;width:38px;height:38px;border-radius:10px;background:var(--abh-tint);color:var(--abh-primary);display:grid;place-items:center;}

.abh-pop__cta{display:block;width:100%;text-align:center;font-size:1.02rem;padding:.85rem 1rem;}
.abh-pop__ends{text-align:center;font-size:.84rem;color:var(--abh-body);margin:.9rem 0 .4rem;}
.abh-pop__ends::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8463a;margin-right:.45rem;vertical-align:middle;animation:abh-pop-pulse 1.4s ease-in-out infinite;}
@keyframes abh-pop-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.abh-pop__later{display:block;margin:.2rem auto 0;background:none;border:none;color:var(--abh-muted,#8aa0d0);font:inherit;font-size:.86rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
.abh-pop__later:hover{color:var(--abh-body);}

@media (max-width:480px){
	.abh-pop__head{padding:1.8rem 1.4rem 1.4rem;}
	.abh-pop__body{padding:1.4rem 1.4rem 1.6rem;}
}
@media (prefers-reduced-motion: reduce){
	.abh-pop__confetti i{animation:none;opacity:.5;}
	.abh-pop__card{transition:none;transform:none;}
	.abh-pop__ends::before{animation:none;}
}

/* Close button — visible over light or dark */
.abh-pop__x{background:rgba(10,14,26,.5);color:#fff;}
.abh-pop__x:hover{background:rgba(10,14,26,.72);}

/* Desktop: premium two-column layout (festive panel + offers, no scroll) */
@media (min-width:700px){
	.abh-pop__card{width:min(740px,100%);display:grid;grid-template-columns:0.92fr 1.08fr;}
	.abh-pop__head{text-align:left;display:flex;flex-direction:column;justify-content:center;padding:2.4rem 1.9rem;}
	.abh-pop__head .abh-pop__badge{align-self:flex-start;}
	.abh-pop__title{margin-top:.9rem;}
	.abh-pop__body{display:flex;flex-direction:column;justify-content:center;padding:2.1rem 2rem;}
}
