/* Bonus page only: quick category rail with short, easy-to-scan offers. */
.bonus-offer-layout{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;align-items:start}
.bonus-category-rail{position:sticky;top:92px;display:grid;gap:7px;margin:0;padding:7px 6px;border:1px solid #d4e8d9;border-radius:17px;background:linear-gradient(180deg,#fafffa,#edf8ef);overflow:visible;box-shadow:0 7px 16px rgba(3,70,32,.06)}
.bonus-category-rail .filter-chip{display:flex;align-items:center;min-width:0;min-height:38px;padding:7px 8px;border:1px solid #c8e5d1;border-radius:10px;background:#fff;color:#08753a;font-size:7px;font-weight:900;line-height:1.1;letter-spacing:0;white-space:normal;text-align:left;box-shadow:none}
.bonus-category-rail .filter-chip::before{width:4px;height:4px;margin-right:6px;border-radius:50%;background:#70b783;content:"";flex:0 0 auto}
.bonus-category-rail .filter-chip.is-active{position:relative;isolation:isolate;border-color:#075d30;background:linear-gradient(135deg,#075d30,#079542);color:#fff;box-shadow:0 5px 10px rgba(2,74,30,.18)}.bonus-category-rail .filter-chip.is-active::after{position:absolute;z-index:-1;inset:-2px;border-radius:12px;padding:2px;background:conic-gradient(from 0deg,transparent 0 18%,#fff4a6 27%,transparent 36% 61%,#fff4a6 71%,transparent 80%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:nt77CategoryRun 2.1s linear infinite;content:""}@keyframes nt77CategoryRun{to{transform:rotate(1turn)}}
.bonus-category-rail .filter-chip.is-active::before{background:#ffce1c;box-shadow:0 0 0 3px rgba(255,206,28,.18)}
.bonus-offer-layout .promo-list{display:grid;gap:11px}
.bonus-offer-layout .promo-card{min-height:0;margin:0;padding:13px;border-color:#c8e5d1;border-radius:15px;background:linear-gradient(135deg,#fff,#f7fff8);box-shadow:0 7px 14px rgba(3,70,32,.07)}
.bonus-offer-layout .promo-card[hidden]{display:none!important}
.bonus-offer-layout .promo-card .promo-top{display:none!important}
.bonus-offer-layout .promo-card.is-featured{border-color:#f0c323;background:linear-gradient(135deg,#fffdf1,#f6ffef)}
.bonus-offer-layout .promo-top{margin-bottom:7px}
.bonus-offer-layout .promo-card h3{margin:0 0 4px;color:#053d25;font-size:18px;line-height:1.03}
.bonus-offer-layout .promo-card>p{min-height:0;margin:0;color:#466654;font-size:10px;line-height:1.35}
.bonus-offer-layout .promo-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0 9px}
.bonus-offer-layout .promo-fact{min-height:42px;padding:7px 8px;border:1px solid #dceee1;border-radius:9px;background:#fbfffb}
.bonus-offer-layout .promo-fact small{font-size:7px}
.bonus-offer-layout .promo-fact strong{font-size:9px;line-height:1.1}
.bonus-offer-layout .promo-actions{grid-template-columns:1.2fr .8fr;gap:6px}
.bonus-offer-layout .promo-actions .button{min-height:33px;padding:7px 5px;font-size:7px;white-space:nowrap}
@media (min-width:620px){.bonus-offer-layout{grid-template-columns:126px minmax(0,1fr)}.bonus-category-rail .filter-chip{min-height:42px;font-size:8px}.bonus-offer-layout .promo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-offer-layout .promo-card{height:100%}}
@media (max-width:360px){.bonus-offer-layout{grid-template-columns:88px minmax(0,1fr);gap:7px}.bonus-category-rail{padding:5px}.bonus-category-rail .filter-chip{min-height:35px;padding:5px 6px;font-size:6px}.bonus-offer-layout .promo-card{padding:11px}.bonus-offer-layout .promo-card h3{font-size:16px}.bonus-offer-layout .promo-actions .button{font-size:6.5px}}

/* All Offers uses compact NT77 reward passes. Category views keep the full cards above. */
.bonus-offer-layout.is-all-offers .promo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bonus-offer-layout.is-all-offers .promo-card{position:relative;display:flex;min-height:140px;padding:8px;overflow:hidden;border:1px solid #e2b915;border-radius:13px;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.18) 0 2px,transparent 2.5px) 0 0/18px 18px,linear-gradient(160deg,#064c2e 0%,#078840 63%,#ffd329 63.5%,#ffe779 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.26),0 5px 10px rgba(3,61,31,.14);text-align:center}
.bonus-offer-layout.is-all-offers .promo-card::after{position:absolute;top:53px;left:50%;width:51px;height:51px;border:2px solid rgba(255,255,255,.78);border-radius:15px;background:linear-gradient(145deg,#ffe978,#f8bf12);box-shadow:inset 0 0 0 3px rgba(7,105,53,.12),0 4px 0 rgba(4,70,35,.16);content:"NT77";transform:translateX(-50%) rotate(-3deg);color:#07572f;font-size:12px;font-weight:1000;line-height:51px;letter-spacing:-.04em;pointer-events:none}
.bonus-offer-layout.is-all-offers .promo-top{position:absolute;top:7px;left:7px;z-index:1;margin:0}
.bonus-offer-layout.is-all-offers .promo-top .promo-tag:last-child{display:none}
.bonus-offer-layout.is-all-offers .promo-tag{padding:3px 6px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#ffcf20;color:#064b2c;font-size:6px;letter-spacing:.03em}
.bonus-offer-layout.is-all-offers .promo-card>h3{position:relative;z-index:1;align-self:flex-start;width:100%;margin:25px 0 0;color:#fff;font-size:10px;line-height:1.04;text-shadow:0 1px 1px rgba(0,0,0,.28);text-transform:uppercase}
.bonus-offer-layout.is-all-offers .promo-card>p,.bonus-offer-layout.is-all-offers .promo-facts{display:none}
.bonus-offer-layout.is-all-offers .promo-actions{position:absolute;z-index:2;right:7px;bottom:8px;left:7px;display:flex;justify-content:center}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child{display:grid;width:100%;min-width:0;min-height:25px;place-items:center;padding:3px 7px;border:1px solid #fff6a8;border-radius:8px;background:linear-gradient(180deg,#0aa047,#05662f);box-shadow:inset 0 0 0 1px rgba(255,213,41,.85),0 2px 4px rgba(4,63,27,.25);color:#fff;font-size:0;text-shadow:0 1px 1px rgba(0,0,0,.38)}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child::after{font-size:8px;font-weight:900;content:"CLAIM"}
.bonus-offer-layout.is-all-offers .promo-actions .button:last-child{display:none}
@media(max-width:439px){.bonus-offer-layout.is-all-offers .promo-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bonus-offer-layout.is-all-offers .promo-card{min-height:137px;padding:6px}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:8px}.bonus-offer-layout.is-all-offers .promo-card::after{top:51px;width:43px;height:43px;border-radius:13px;font-size:10px;line-height:43px}.bonus-offer-layout.is-all-offers .promo-actions{right:6px;bottom:7px;left:6px}}
@media(min-width:620px){.bonus-offer-layout.is-all-offers .promo-card{min-height:154px}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:11px}.bonus-offer-layout.is-all-offers .promo-card::after{top:57px;width:55px;height:55px;font-size:13px;line-height:55px}}
@media(max-width:340px){.bonus-offer-layout.is-all-offers .promo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:9px}}

/* Refined compact reward passes: the NT77 mark supports the offer title instead
   of competing with it.  These are intentionally shorter than the full offer cards. */
.bonus-offer-layout.is-all-offers .promo-card{min-height:98px;padding:7px;border-color:#c9dfd0;border-radius:12px;background:linear-gradient(145deg,#fbfffc 0%,#edf8ef 62%,#fff6c8 100%);box-shadow:0 5px 10px rgba(3,61,31,.09);isolation:isolate}
.bonus-offer-layout.is-all-offers .promo-card::before{position:absolute;z-index:-1;inset:7px;background:url("../embedded/embedded-001-448deaf84b.webp") center/58px no-repeat;opacity:.13;content:"";filter:saturate(.85)}
.bonus-offer-layout.is-all-offers .promo-card::after{display:none}
.bonus-offer-layout.is-all-offers .promo-top{top:6px;left:6px}
.bonus-offer-layout.is-all-offers .promo-tag{padding:2px 5px;border-color:#f1ca31;background:#ffdc48;color:#07512d;font-size:5.8px}
.bonus-offer-layout.is-all-offers .promo-card>h3{align-self:center;z-index:1;margin:12px 1px 20px;color:#064525;font-size:10px;font-weight:1000;line-height:1.04;text-shadow:0 1px 0 rgba(255,255,255,.75);letter-spacing:-.025em}
.bonus-offer-layout.is-all-offers .promo-actions{right:7px;bottom:7px;left:7px}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child{min-height:21px;border-color:#087336;border-radius:7px;background:linear-gradient(180deg,#0a9a45,#057137);box-shadow:0 2px 4px rgba(4,63,27,.18);font-size:0}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child::after{font-size:7px;letter-spacing:.02em}
@media(max-width:439px){.bonus-offer-layout.is-all-offers .promo-card{min-height:96px;padding:6px}.bonus-offer-layout.is-all-offers .promo-card::before{background-size:52px}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:8.7px}.bonus-offer-layout.is-all-offers .promo-actions{right:6px;bottom:6px;left:6px}}
@media(min-width:620px){.bonus-offer-layout.is-all-offers .promo-card{min-height:108px}.bonus-offer-layout.is-all-offers .promo-card>h3{font-size:11.5px}.bonus-offer-layout.is-all-offers .promo-card::before{background-size:64px}}

/* Selected categories are quick, compact claim cards. Opening Claim shows the full rules. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;height:78px;min-height:78px;padding:10px 11px;overflow:hidden;border-color:#c8e6d0;border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f5fff6 58%,#e3f7e8 100%);box-shadow:0 7px 16px rgba(24,136,66,.14),inset 0 1px 0 rgba(255,255,255,.95)}
.bonus-offer-layout:not(.is-all-offers) .promo-card::before{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card::after{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p,.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-facts{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{position:absolute;z-index:6;top:-1px;right:7px;left:auto;display:block!important;margin:0}.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{position:relative;display:inline-block;padding:3px 6px 3px 7px;border:1px solid #ffe781;border-radius:0 0 3px 3px;background:linear-gradient(135deg,#ffd84b,#f0a50b);box-shadow:0 2px 3px rgba(94,57,0,.28),inset 0 1px 0 rgba(255,255,255,.52);color:#07522d;font-size:5px;font-weight:1000;line-height:1;letter-spacing:.05em;text-shadow:0 1px 0 rgba(255,255,255,.35)}.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::after{position:absolute;right:-1px;bottom:-4px;border-width:3px 3px 0 0;border-style:solid;border-color:#b96d00 transparent transparent transparent;content:""}.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag:not(.is-yellow){border-color:#ffe781;background:linear-gradient(135deg,#ffd84b,#f0a50b);color:#07522d;text-shadow:0 1px 0 rgba(255,255,255,.35)}.bonus-offer-layout:not(.is-all-offers) .promo-card h3{position:relative;z-index:1;margin:13px 0 0;color:#064525;font-size:13px;font-weight:1000;line-height:1.08;text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 1px 0 #fff}.bonus-offer-layout:not(.is-all-offers) .promo-actions{position:relative;z-index:7;display:block;margin:0}.bonus-offer-layout:not(.is-all-offers) .promo-actions .button:first-child{position:relative;min-width:78px;min-height:35px;padding:5px 8px;overflow:hidden;border:1px solid #fff38d;border-radius:11px;background:linear-gradient(180deg,#ffdc45 0%,#f3b911 52%,#d99000 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(129,78,0,.4),0 4px 9px rgba(0,37,17,.25);color:#07502b;font-size:0}.bonus-offer-layout:not(.is-all-offers) .promo-actions .button:first-child::before{position:absolute;top:-60%;left:-48%;width:28%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.84),transparent);content:"";transform:rotate(22deg);animation:nt77ClaimShine 2.2s ease-in-out infinite}.bonus-offer-layout:not(.is-all-offers) .promo-actions .button:first-child::after{position:relative;z-index:1;content:"CLAIM";font-size:7px;font-weight:1000}.bonus-offer-layout:not(.is-all-offers) .promo-actions .button:last-child{display:none}

/* Event offers receive the shared NT77 slot-and-coins artwork, with no generic card pattern. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card{grid-template-columns:minmax(0,1fr) auto;height:78px;min-height:78px;padding:10px 12px;overflow:hidden;border-color:#d6ae1e;background:linear-gradient(100deg,#034525 0%,#076e37 58%,#108e45 100%);box-shadow:0 8px 18px rgba(1,63,29,.26),inset 0 1px 0 rgba(255,238,137,.26)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before{position:absolute;z-index:2;top:50%;left:35%;display:block;width:292px;height:158px;background:url("../decor/nt77-slot-coins-event-v1.webp") center/contain no-repeat;content:"";filter:drop-shadow(0 4px 7px rgba(0,25,11,.34));opacity:.92;transform:translate(-50%,-50%);pointer-events:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{position:absolute;z-index:3;top:12px;right:20px;display:block;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff9bc 0 8%,#ffd84b 9% 43%,#e8aa10 44% 65%,#a96100 66% 100%);box-shadow:-20px 29px 0 -1px #eeb116,17px -7px 0 1px #f6c826,38px 27px 0 0 #e5a60d,59px 4px 0 -2px #ffd947,76px 34px 0 0 #d89100,-43px 9px 0 -2px #f6c826;content:"";animation:nt77EventCoinBling 1.65s ease-in-out infinite;pointer-events:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{z-index:4;max-width:64%;margin-top:12px;color:#fff;font-size:10px;line-height:1.02;text-shadow:0 2px 2px rgba(0,38,18,.68)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{position:relative;z-index:4;display:-webkit-box;grid-column:1;max-width:64%;margin:2px 0 0;overflow:hidden;color:#fff8d6;font-size:7px;font-weight:700;line-height:1.12;text-shadow:0 1px 1px rgba(0,38,18,.65);-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions{z-index:5;grid-column:2;grid-row:1 / span 2}
.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-top{position:absolute;z-index:6;top:-1px;right:7px;left:auto;display:block!important}.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card h3{margin-top:13px}.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-tag{padding:3px 6px 3px 7px;border-radius:0 0 3px 3px;background:linear-gradient(135deg,#ffd84b,#f0a50b);color:#064b2c;font-size:5px;font-weight:1000}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card{z-index:4;overflow:hidden;margin:0}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card::before{z-index:2;top:50%;right:auto;left:53%;width:150px;height:90px;opacity:.8;filter:drop-shadow(0 4px 6px rgba(0,30,12,.3));transform:translate(-50%,-50%)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card::after{z-index:3;top:14px;right:8px;width:9px;height:9px;box-shadow:-13px 19px 0 -1px #f2b719,12px -7px 0 0 #ffe04b,25px 15px 0 -1px #e6a707,37px 2px 0 -1px #ffd94a,49px 22px 0 -1px #e6a707,60px 7px 0 -1px #f6c72a,70px 28px 0 -2px #ffd947,82px 12px 0 -1px #e5a60d;animation-duration:1.6s}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card>p{z-index:4;max-width:61%}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-actions{z-index:7}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:-1px;right:7px;left:auto;overflow:visible;width:auto;height:auto}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag{position:relative;display:inline-flex;width:auto;align-items:center;min-height:auto;padding:3px 6px 3px 7px;border:1px solid #ffe781;border-radius:0 0 3px 3px;background:linear-gradient(135deg,#ffd84b,#f0a50b);box-shadow:0 2px 3px rgba(94,57,0,.28),inset 0 1px 0 rgba(255,255,255,.52);color:#07522d;font-size:5px;font-weight:1000;letter-spacing:.05em;text-align:center;text-shadow:none;transform:none;clip-path:none;animation:nt77JackpotTagPulse 1.7s ease-in-out infinite}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag::before{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag::after{display:none}
@keyframes nt77EventCoinBling{0%,100%{opacity:.38;filter:brightness(.85);transform:scale(.72)}50%{opacity:1;filter:brightness(1.3);transform:scale(1.08)}}
@keyframes nt77JackpotTagPulse{0%,100%{filter:brightness(1);box-shadow:0 2px 4px rgba(0,45,20,.28),inset 0 1px 0 rgba(255,255,255,.26)}50%{filter:brightness(1.24);box-shadow:0 0 0 2px rgba(255,217,63,.27),0 3px 7px rgba(0,45,20,.36),inset 0 1px 0 rgba(255,255,255,.42)}}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before{left:35%;width:252px;height:142px}.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card::before{top:50%;right:auto;left:53%;width:140px;height:84px}.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{max-width:59%}}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child{position:relative;overflow:hidden;animation:nt77ClaimAttention 2.2s ease-in-out infinite;will-change:transform,box-shadow,filter}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child::before{position:absolute;top:-70%;left:-48%;width:24%;height:240%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);content:"";transform:rotate(22deg);animation:nt77ClaimShine 2.2s ease-in-out infinite}
.bonus-offer-layout.is-all-offers .promo-actions .button:first-child::after{position:relative;z-index:1}
@keyframes nt77ClaimAttention{0%,100%{transform:translateY(0);filter:brightness(1);box-shadow:0 2px 4px rgba(0,73,39,.28)}50%{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 0 0 3px rgba(255,206,28,.24),0 5px 10px rgba(0,104,54,.28)}}
@keyframes nt77ClaimShine{0%,55%{left:-48%;opacity:0}60%{opacity:1}83%,100%{left:128%;opacity:0}}
@media(prefers-reduced-motion:reduce){.bonus-offer-layout .promo-actions .button:first-child{animation:none}}

/* One consistent compact banner size and premium corner-ribbon treatment for filtered offers. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{height:80px;min-height:80px}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:-9px;right:auto;left:-9px;display:block!important;transform:rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{position:relative;display:inline-block;min-width:44px;min-height:0;padding:5px 11px;border:1px solid #ffe66d;border-radius:0;background:linear-gradient(145deg,#0b9950 0%,#057338 56%,#034821 100%);box-shadow:0 3px 0 #9a6800,0 5px 10px rgba(0,37,15,.32),inset 0 1px 0 rgba(255,255,255,.34);color:#ffec78;font-size:5.8px;font-weight:1000;letter-spacing:.07em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(0,33,14,.76);clip-path:polygon(11% 0,89% 0,100% 50%,89% 100%,11% 100%,0 50%);animation:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::before{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::after{display:none}

/* Carry the same double-ended casino ribbon into the compact All Offers passes. */
.bonus-offer-layout.is-all-offers .promo-top{top:-2px;left:-3px;transform:rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout.is-all-offers .promo-tag{min-width:31px;padding:3px 7px;border:1px solid #ffe66d;border-radius:0;background:linear-gradient(145deg,#0b9950 0%,#057338 56%,#034821 100%);box-shadow:0 2px 0 #9a6800,0 3px 6px rgba(0,37,15,.28),inset 0 1px 0 rgba(255,255,255,.34);color:#ffec78;font-size:4.4px;font-weight:1000;letter-spacing:.06em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(0,33,14,.76);clip-path:polygon(11% 0,89% 0,100% 50%,89% 100%,11% 100%,0 50%)}

/* Every filtered category uses the same compact casino banner treatment. All Offers remains its separate pass layout. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:80px;min-height:80px;padding:9px 11px;overflow:hidden;border:1px solid #e5bc2a;border-radius:14px;background:linear-gradient(110deg,#023c23 0%,#066833 56%,#118744 100%);box-shadow:0 7px 15px rgba(0,51,25,.22),inset 0 1px 0 rgba(255,235,136,.3)}
.bonus-offer-layout:not(.is-all-offers) .promo-card::before{position:absolute;z-index:2;top:50%;right:-17px;left:auto;display:block;width:190px;height:116px;background:url("../decor/nt77-slot-coins-event-v1.webp") center/contain no-repeat;content:"";opacity:.88;filter:drop-shadow(0 5px 8px rgba(0,28,11,.36));transform:translateY(-50%);pointer-events:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card::after{position:absolute;z-index:3;top:13px;right:16px;display:block;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff9bc 0 8%,#ffd84b 9% 43%,#e8aa10 44% 65%,#a96100 66% 100%);box-shadow:-14px 20px 0 -1px #f1b719,14px -6px 0 0 #ffe04b,27px 16px 0 -1px #e6a707,39px 3px 0 -1px #ffd94a,52px 22px 0 -1px #e6a707;content:"";opacity:.8;animation:nt77EventCoinBling 1.8s ease-in-out infinite;pointer-events:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card h3{z-index:4;grid-column:1;max-width:57%;margin:8px 0 0;color:#fff;font-size:10.5px;line-height:1.02;text-shadow:0 1px 2px rgba(0,25,11,.7)}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p{position:relative;z-index:4;display:-webkit-box;grid-column:1;max-width:57%;margin:2px 0 0;overflow:hidden;color:#ecf9ed;font-size:7px;font-weight:700;line-height:1.15;text-shadow:0 1px 1px rgba(0,25,11,.62);-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions{z-index:7;grid-column:2;grid-row:1 / span 2;align-self:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions .button:first-child{min-width:74px;min-height:31px;border-color:#fce777;border-radius:10px;background:linear-gradient(180deg,#0aa449,#057033);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 0 rgba(0,56,24,.34),0 3px 7px rgba(0,29,13,.35);color:#fff}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions .button:first-child::after{color:#fff;font-size:7px;text-shadow:0 1px 1px rgba(0,35,16,.55)}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card::before{right:-10px;width:145px;height:88px}.bonus-offer-layout:not(.is-all-offers) .promo-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card>p{max-width:56%}}

.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:2px;left:1px;transform:rotate(-22.5deg)}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{min-width:48px;padding:5px 12px;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::before,.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::after{display:none}

/* Keep artwork inside the banner while the double-point ribbon stays fully readable. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{overflow:hidden}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:2px;left:1px;transform:rotate(-22.5deg)}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{min-width:48px;padding:5px 12px;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)}

/* Rebuilt Event offer card: a single, restrained casino treatment with clear copy. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card{height:78px;min-height:78px;padding:9px 11px;overflow:visible;border:1px solid #e5bc2a;border-radius:14px;background:linear-gradient(110deg,#023c23 0%,#066833 56%,#118744 100%);box-shadow:0 7px 15px rgba(0,51,25,.22),inset 0 1px 0 rgba(255,235,136,.3)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before{top:50%;right:-4px;left:auto;width:156px;height:94px;overflow:hidden;opacity:.72;filter:drop-shadow(0 4px 6px rgba(0,28,11,.28));transform:translateY(-50%);clip-path:inset(8px 0 8px 0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{top:13px;right:16px;width:8px;height:8px;opacity:.8;box-shadow:-14px 20px 0 -1px #f1b719,14px -6px 0 0 #ffe04b,27px 16px 0 -1px #e6a707,39px 3px 0 -1px #ffd94a,52px 22px 0 -1px #e6a707;animation-duration:1.8s}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:6px;right:9px;left:auto;width:auto;height:auto;overflow:visible}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-top{top:-7px;right:auto;left:-12px;display:block!important;transform:rotate(-22.5deg)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag{padding:4px 10px;border:1px solid #ffe16a;border-radius:2px 4px 4px 2px;background:linear-gradient(145deg,#0b9a47 0%,#076a34 62%,#034722 100%);box-shadow:0 3px 0 #b67a00,0 6px 9px rgba(0,42,20,.34),inset 0 1px 0 rgba(255,255,255,.35);color:#ffe15a;font-size:6px;letter-spacing:.08em;text-shadow:0 1px 0 rgba(0,35,16,.72)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag{min-height:0;padding:3px 6px;border:1px solid #f7d950;border-radius:999px;background:#ffd23b;box-shadow:0 1px 3px rgba(0,35,17,.26),inset 0 1px 0 rgba(255,255,255,.58);color:#07522d;font-size:5px;font-weight:1000;letter-spacing:.06em;animation:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag{padding:4px 10px;border:1px solid #ffe16a;border-radius:2px 4px 4px 2px;background:linear-gradient(145deg,#0b9a47 0%,#076a34 62%,#034722 100%);box-shadow:0 3px 0 #b67a00,0 6px 9px rgba(0,42,20,.34),inset 0 1px 0 rgba(255,255,255,.35);color:#ffe15a;font-size:6px;letter-spacing:.08em;text-shadow:0 1px 0 rgba(0,35,16,.72)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag::after,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag::before{display:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{z-index:4;max-width:57%}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{margin-top:7px;color:#fff;font-size:10.5px;line-height:1.02;text-shadow:0 1px 2px rgba(0,25,11,.7)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{margin-top:2px;color:#ecf9ed;font-size:7px;line-height:1.15;text-shadow:0 1px 1px rgba(0,25,11,.62)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions{z-index:7;align-self:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child{min-width:74px;min-height:31px;border-color:#fce777;border-radius:10px;background:linear-gradient(180deg,#0aa449,#057033);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 0 rgba(0,56,24,.34),0 3px 7px rgba(0,29,13,.35);color:#fff}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child::after{color:#fff;font-size:7px;text-shadow:0 1px 1px rgba(0,35,16,.55)}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before{right:-10px;left:auto;width:145px;height:88px}.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{max-width:56%}}

/* Offer detail window: compact, readable and consistent with the NT77 wallet panels. */
html.has-bonus-offer-modal{overflow:hidden}.bonus-offer-modal{position:fixed;z-index:2200;inset:0;display:grid;place-items:center;padding:16px;background:rgba(1,47,25,.52);backdrop-filter:blur(5px)}.bonus-offer-modal[hidden]{display:none}body:has(#current-offers:target) #bonusOfferModal{display:none!important}.bonus-offer-modal-card{position:relative;width:min(100%,390px);max-height:82svh;overflow:auto;padding:19px 16px 16px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f6fff8 62%,#fff3b4 100%);box-shadow:0 22px 52px rgba(0,33,18,.36)}.bonus-offer-modal-card .eyebrow{margin:0;color:#0a8d3d}.bonus-offer-modal-card h2{margin:5px 34px 7px 0;color:#063b24;font-size:22px;line-height:1.02}.bonus-offer-modal-card>p:not(.eyebrow){margin:0;color:#5a6d60;font-size:10px;line-height:1.4}.bonus-offer-modal-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#eaf6ed;color:#075b31;font-size:22px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none}.bonus-offer-modal-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.bonus-offer-modal-facts div{min-height:49px;padding:7px 8px;border:1px solid #d1e7d7;border-radius:10px;background:rgba(255,255,255,.8);text-align:left}.bonus-offer-modal-facts small,.bonus-offer-modal-facts b{display:block}.bonus-offer-modal-facts small{color:#61766a;font-size:7px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.bonus-offer-modal-facts b{margin-top:4px;color:#063b24;font-size:10px;line-height:1.15}.bonus-offer-modal-card aside{display:grid;gap:3px;padding:9px 10px;border-left:3px solid #ffce1c;background:#fff9dd;color:#5e622d;font-size:9px;line-height:1.35}.bonus-offer-modal-card aside b{color:#6d5500;font-size:9px}.bonus-offer-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.bonus-offer-modal-actions [data-bonus-modal-close]{order:1}.bonus-offer-modal-actions [data-bonus-modal-primary]{order:2}.bonus-offer-modal-actions .button{min-height:37px;padding:7px 5px;font-size:8px;text-decoration:none}
.bonus-offer-calculation{display:grid;gap:5px;margin:0 0 10px;padding:8px;border:1px solid #b9d3c0;border-radius:3px;background:#f6faf7}.bonus-offer-calculation[hidden]{display:none!important}.bonus-offer-calculation>b{color:#063b24;font-size:8px;font-weight:1000;text-align:center;text-transform:none}.bonus-offer-calculation>div{overflow:hidden;border:1px solid #b8c7bc;border-radius:0}.bonus-offer-calculation table{width:100%;border-collapse:collapse;color:#234b35;font-size:8px}.bonus-offer-calculation th,.bonus-offer-calculation td{width:50%;padding:5px 7px;border-bottom:1px solid #c7d3ca;text-align:center;line-height:1.15}.bonus-offer-calculation th{background:#eaf0ec;font-weight:700}.bonus-offer-calculation td{background:#f9fcfa;font-weight:800}.bonus-offer-calculation tr.is-result th,.bonus-offer-calculation tr.is-result td{border-bottom:0;background:#e1eee4;color:#075b31;font-weight:1000}.bonus-offer-modal-card h2{margin:0 34px 7px 0}
#current-offers{scroll-margin-top:106px}
.bonus-offer-modal-card .bonus-terms-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.bonus-offer-modal-card .bonus-terms-list li{position:relative;padding-left:10px}.bonus-offer-modal-card .bonus-terms-list li::before{position:absolute;left:0;color:#08733a;content:'✓'}.bonus-offer-modal-card .bonus-terms-list b{color:#315b20;font-size:inherit}
.bonus-offer-modal-card .bonus-terms-list li{color:#264334;font-size:9px;font-weight:600;line-height:1.4}.bonus-offer-modal-card .bonus-terms-list b{display:inline;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#005c2c;font-size:8px;font-weight:1000;letter-spacing:.035em;text-transform:uppercase}.bonus-offer-modal-card .bonus-terms-list .is-no-bonus-buy{margin:2px 0;padding-left:10px;border:0;background:transparent;color:#264334;font-weight:700}.bonus-offer-modal-card .bonus-terms-list .is-no-bonus-buy::before{left:0;color:#08733a}.bonus-offer-modal-card .bonus-terms-list .is-no-bonus-buy b{background:transparent;color:#9a5c00;text-shadow:none}
.bonus-offer-modal-card .bonus-terms-status{margin:0 0 5px;color:#315b20;font-weight:800}
.bonus-offer-modal.is-new-member-offer [data-bonus-modal-close]{order:1}.bonus-offer-modal.is-new-member-offer [data-bonus-modal-primary]{order:2}
.bonus-offer-modal.is-new-member-offer .bonus-offer-modal-actions{grid-template-columns:1fr 1fr}
.bonus-offer-modal.is-apply-offer .bonus-offer-modal-actions{grid-template-columns:1fr 1fr}.bonus-offer-modal.is-apply-offer .bonus-offer-modal-actions [data-bonus-modal-close]{order:1}.bonus-offer-modal.is-apply-offer .bonus-offer-modal-actions [data-bonus-modal-primary]{order:2}
.bonus-offer-calculation tr.is-event-result th,.bonus-offer-calculation tr.is-event-result td{text-align:center}
.bonus-commission-diagram{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;border-radius:3px;background:#f6faf7;color:#063b24}.bonus-commission-diagram[hidden]{display:none!important}.bonus-commission-diagram>b{font-size:8px;font-weight:1000;text-align:center}.bonus-commission-members{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.bonus-commission-member{display:grid;gap:4px;padding:7px;border:1px solid #c9dfcf;background:#fff;text-align:center}.bonus-commission-member small{color:#61766a;font-size:7px;font-weight:900;letter-spacing:.04em}.bonus-commission-member>div:not(.bonus-commission-person){display:grid;grid-template-columns:1fr auto;align-items:center;padding:2px 3px;background:#f4f8f5;text-align:left}.bonus-commission-member label{color:#61766a;font-size:6px;font-weight:1000;letter-spacing:.03em}.bonus-commission-member b{font-size:8px}.bonus-commission-member span{padding-top:2px;color:#08733a;font-size:9px;font-weight:1000}.bonus-commission-person{position:relative;width:20px;height:27px;margin:0 auto 1px}.bonus-commission-person i{position:absolute;left:6px;top:0;width:8px;height:8px;border-radius:50%;background:#0a7740}.bonus-commission-person em{position:absolute;left:4px;top:9px;width:12px;height:16px;border-radius:6px 6px 2px 2px;background:#58ab72}.bonus-commission-person em:before,.bonus-commission-person em:after{position:absolute;top:2px;width:9px;height:3px;border-radius:3px;background:#58ab72;content:""}.bonus-commission-person em:before{right:9px;transform:rotate(28deg)}.bonus-commission-person em:after{left:9px;transform:rotate(-28deg)}.bonus-commission-plus{color:#688172;font-size:18px;font-weight:1000}.bonus-commission-total{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center;padding:7px;background:#e1eee4;text-align:center}.bonus-commission-total small{color:#315f40;font-size:7px;font-weight:900}.bonus-commission-total b{color:#075b31;font-size:11px}.bonus-commission-total i{color:#688172;font-size:14px;font-style:normal;font-weight:1000}.bonus-commission-result{padding:8px;background:#075b31;color:#fff;text-align:center;font-size:10px;font-weight:1000}
.bonus-offer-calculation tr.is-result span{display:inline-block;font-size:9px;font-weight:400;animation:nt77-winover-blink 1.25s steps(1,end) infinite}@keyframes nt77-winover-blink{50%{opacity:.18}}
@media (prefers-reduced-motion:reduce){.bonus-offer-calculation tr.is-result span{animation:none}}
.bonus-offer-calculation>b{letter-spacing:.06em!important;text-transform:uppercase!important}.bonus-offer-calculation th{color:#315f40!important;font-size:7px!important;font-weight:1000!important;letter-spacing:.045em!important;text-transform:uppercase!important}.bonus-offer-modal-card aside>b{font-weight:1000!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.bonus-offer-modal-card>p:not(.eyebrow){color:#3b5447!important}.bonus-offer-modal-facts small{color:#405b4b!important}.bonus-offer-modal-card aside{color:#364a3d!important}.bonus-offer-modal-card .bonus-terms-list li{color:#1f392b!important}
.bonus-offer-modal-card .bonus-terms-list .is-checkin-cycle{margin:2px 0;padding:5px 6px 5px 15px;border-left:2px solid #e0ad12;border-radius:3px;background:#fff8d7;color:#294332!important}.bonus-offer-modal-card .bonus-terms-list .is-checkin-cycle::before{left:5px;color:#b87a00}.bonus-offer-modal-card .bonus-terms-list .is-checkin-cycle b{color:#805800!important}.bonus-offer-modal-card .bonus-terms-list .is-birthday-proof{margin:2px 0;padding:5px 6px 5px 15px;border-left:2px solid #d59612;border-radius:3px;background:#fff6d3;color:#294332!important}.bonus-offer-modal-card .bonus-terms-list .is-birthday-proof::before{left:5px;color:#a96f00}.bonus-offer-modal-card .bonus-terms-list .is-birthday-proof b{color:#805800!important}
.birthday-verification-panel{display:grid;gap:7px;margin:10px 0 11px;padding:9px;border:1px solid #e0b827;border-radius:10px;background:linear-gradient(135deg,#fffbea,#fffdf5);box-shadow:0 3px 9px rgba(105,76,0,.08)}.birthday-verification-panel[hidden]{display:none!important}.birthday-verification-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.birthday-verification-head b{color:#604900;font-size:8px;font-weight:1000;letter-spacing:.055em}.birthday-verification-head span{padding:3px 5px;border-radius:999px;background:#08783a;color:#fff;font-size:6px;font-weight:1000;letter-spacing:.04em;white-space:nowrap}.birthday-verification-steps{display:grid;gap:5px}.birthday-verification-steps p{display:grid;grid-template-columns:17px minmax(0,1fr);gap:6px;align-items:start;margin:0;color:#365043;font-size:8px;font-weight:700;line-height:1.27}.birthday-verification-steps i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#08783a;color:#fff;font-size:8px;font-style:normal;font-weight:1000}.birthday-verification-steps strong{display:block;margin-bottom:1px;color:#07542b;font-size:8px;font-weight:1000;text-transform:uppercase}.birthday-verification-steps b{color:#795800;font-weight:1000}.birthday-verification-note{margin:0;padding:6px 7px;border-left:3px solid #d79d11;background:#fff4ca;color:#4b4b2c;font-size:7.5px;font-weight:700;line-height:1.3}.birthday-verification-note b{color:#825c00;font-weight:1000}
.clear-credit-note{display:block!important;max-width:306px!important;margin:5px 0 0!important;padding:5px 7px!important;border:1px solid #71bd88!important;border-left:3px solid #07823a!important;border-radius:5px!important;background:#ecf9f0!important;color:#315f40!important;font-size:8px!important;font-weight:700!important;line-height:1.28!important}.clear-credit-note b{color:#067333!important;font-size:8px!important;font-weight:1000!important;letter-spacing:.03em!important}.clear-credit-note span{color:#315f40!important}

/* Final filtered-card consistency: matching height and a single clean left ribbon style. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{height:80px;min-height:80px}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:-8px;right:auto;left:-10px;display:block!important;transform:rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{display:inline-block;min-height:0;padding:4px 10px;border:1px solid #ffe979;border-radius:3px 5px 5px 2px;background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);color:#ffeb75;font-size:6px;font-weight:1000;letter-spacing:.08em;line-height:1;text-shadow:0 1px 0 rgba(0,34,16,.75);animation:none}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::before,.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag::after{display:none}

/* The label may sit above the banner; artwork is clipped by its own layer instead. */
.bonus-offer-layout:not(.is-all-offers) .promo-card{overflow:visible}
.bonus-offer-layout:not(.is-all-offers) .promo-card::before{top:0;right:0;left:0;width:auto;height:80px;background-position:right center;background-size:190px 116px;transform:none;clip-path:inset(0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top{top:-8px;left:-9px}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag{min-width:48px;padding:5px 12px;border-radius:0;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:-8px;right:auto;left:-9px;transform:rotate(-22.5deg)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card[data-category="daily"] .promo-tag{min-width:48px;padding:5px 12px;border:1px solid #ffe979;border-radius:0;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%);background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);color:#ffeb75;text-shadow:0 1px 0 rgba(0,34,16,.75)}

/* Centre the ribbon on the left boundary: half outside, half inside. */
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:10.5%;right:auto;left:9.6%;transform:rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card h3{margin-top:19px}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p{margin-top:1px}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{margin-top:19px}

/* Event, Daily and Jackpot all follow the same reference position. */
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-top{top:0;right:auto;left:18px;transform:translateX(-50%) rotate(-22.5deg);transform-origin:center}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card.daily-event-card .promo-tag,.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card .promo-tag{min-width:48px;padding:5px 12px;border:1px solid #ffe979;border-radius:0;background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);color:#ffeb75;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%);text-shadow:0 1px 0 rgba(0,34,16,.75)}

/* Keep the tag clear, pull the offer text upward, and seat Claim lower in every category banner. */
.bonus-offer-layout:not(.is-all-offers) .promo-card h3{margin-top:9px}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{margin-top:9px}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions{align-self:end;transform:translateY(2px)}

/* Event slot artwork: enlarge only the casino illustration layer to occupy the right half of the banner. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{top:50%;right:50%;left:auto;width:225px;height:134px;opacity:.88;transform:translate(calc(50% - 42px),-50%);clip-path:inset(27px 0 27px 0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{z-index:2;top:50%;right:50%;left:auto;width:225px;height:134px;opacity:.9;background:url("../decor/nt77-slot-coins-event-v1.webp") center/contain no-repeat;filter:drop-shadow(0 4px 6px rgba(0,28,11,.3));transform:translate(calc(50% - 42px),-50%);clip-path:inset(27px 0 27px 0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{display:block;z-index:3;top:-17px;right:-7px;width:112px;height:116px;opacity:.96;border-radius:0;background:url("../decor/nt77-event-coin-mountain-v2.webp") right bottom/auto 132px no-repeat;box-shadow:none;filter:drop-shadow(0 3px 4px rgba(0,28,11,.34));transform:none;clip-path:inset(17px 0 19px 0 round 0 14px 14px 0);animation:none}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{right:50%;width:205px;height:122px;transform:translate(calc(50% - 36px),-50%)}.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{right:-9px;width:102px;height:112px;background-size:auto 124px}}

/* Unified casino artwork: one render only, so the slot machine and coin mountain share the same light and depth. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{z-index:2;top:0;right:0;left:0;width:auto;height:80px;opacity:.98;background:url("../decor/nt77-slot-coins-unified-v3.webp") right 53%/252px auto no-repeat;filter:drop-shadow(0 3px 5px rgba(0,29,13,.25));transform:none;clip-path:inset(0 round 14px)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{display:block;z-index:3;inset:0;width:auto;height:auto;opacity:1;background:linear-gradient(90deg,rgba(1,54,28,.11) 0%,rgba(1,54,28,0) 47%,rgba(25,129,59,.12) 100%),radial-gradient(circle at 82% 52%,rgba(255,211,52,.13),transparent 31%);box-shadow:none;filter:none;transform:none;clip-path:inset(0 round 14px);animation:none;pointer-events:none}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{top:0;right:0;left:0;width:auto;height:80px;background-size:228px auto;background-position:right 53%;transform:none}.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{inset:0;width:auto;height:auto;background-size:auto;clip-path:inset(0 round 14px)}}

/* Bring the 777 reels into the centre while preserving the card's green background. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-position:calc(100% - 68px) 53%}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-position:calc(100% - 54px) 53%}}

/* Fade the unified artwork into the green card before it reaches the copy: slot at centre-right, coins at Claim. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-position:calc(100% - 42px) 53%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(0,0,0,.22) 45%,#000 58%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(0,0,0,.22) 45%,#000 58%,#000 100%)}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-position:calc(100% - 33px) 53%}}

/* Keep exactly one slot machine per banner. The overlay only unifies its lighting with the green card. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{z-index:3;inset:0;width:auto;height:auto;opacity:1;background:linear-gradient(90deg,rgba(1,54,28,.11) 0%,rgba(1,54,28,0) 47%,rgba(25,129,59,.12) 100%),radial-gradient(circle at 82% 52%,rgba(255,211,52,.13),transparent 31%);box-shadow:none;filter:none;transform:none;clip-path:inset(0 round 14px);animation:none;pointer-events:none;-webkit-mask-image:none;mask-image:none}

/* No separate coin overlay: it created a visible seam against the unified slot artwork. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{background:linear-gradient(90deg,rgba(1,54,28,.11) 0%,rgba(1,54,28,0) 47%,rgba(25,129,59,.12) 100%),radial-gradient(circle at 82% 52%,rgba(255,211,52,.13),transparent 31%);opacity:1;filter:none;clip-path:inset(0 round 14px)}

/* One continuous artwork only: extend its own coin field to the right—never paste a second image beside it. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-size:280px auto;background-position:calc(100% - 14px) 53%}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{background:linear-gradient(90deg,rgba(1,54,28,.11) 0%,rgba(1,54,28,0) 47%,rgba(25,129,59,.12) 100%),radial-gradient(circle at 82% 52%,rgba(255,211,52,.13),transparent 31%);opacity:1;clip-path:inset(0 round 14px);-webkit-mask-image:none;mask-image:none}
@media(max-width:390px){.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before{background-size:254px auto;background-position:calc(100% - 12px) 53%}}

/* Final event art is a single full banner render: one slot, one lighting source, and continuous coins to the right edge. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card{background:#08743b url("../decor/nt77-event-banner-green-v5.webp") center/100% 100% no-repeat}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card.jackpot-card::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card::after{display:none}

/* Keep the offer copy legible over the coin art and make Claim less dominant. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{max-width:46%;padding:2px 5px 2px 0;border-radius:4px;background:linear-gradient(90deg,rgba(0,54,28,.82),rgba(0,54,28,.54) 72%,rgba(0,54,28,0));color:#fff;text-shadow:0 1px 2px rgba(0,20,9,.9)}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child{min-width:61px;min-height:27px;padding:5px 8px;border-radius:9px}
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child::after{font-size:6.5px}

/* Reserve a clean line beneath the diagonal tag before the offer title begins. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{margin-top:18px}

/* Shared category-banner finish: every filtered category uses the approved Event
   banner proportions.  The All Offers reward-pass layout remains intentionally separate. */
.bonus-offer-layout:not(.is-all-offers) .promo-card,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card{
  height:80px;
  min-height:80px;
  padding:9px 11px;
  overflow:visible;
  border:1px solid #0c9448;
  border-radius:14px;
  background:#08743b url("../decor/nt77-event-banner-green-v5.webp") center/100% 100% no-repeat;
  box-shadow:0 7px 15px rgba(0,51,25,.22),inset 0 1px 0 rgba(255,235,136,.3);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card::before,
.bonus-offer-layout:not(.is-all-offers) .promo-card::after{
  display:none;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-top,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-top{
  top:0;
  left:18px;
  right:auto;
  transform:translateX(-50%) rotate(-22.5deg);
  transform-origin:center;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-tag{
  min-width:48px;
  padding:5px 12px;
  border:1px solid #ffe979;
  border-radius:0;
  background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);
  box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);
  color:#ffeb75;
  font-size:6px;
  font-weight:1000;
  line-height:1;
  letter-spacing:.08em;
  text-shadow:0 1px 0 rgba(0,34,16,.75);
  clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card h3,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{
  z-index:4;
  grid-column:1;
  max-width:46%;
  margin:18px 0 0;
  color:#fff;
  font-size:10.5px;
  font-weight:1000;
  line-height:1.02;
  text-shadow:0 1px 2px rgba(0,25,11,.78);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{
  position:relative;
  z-index:4;
  display:-webkit-box;
  grid-column:1;
  max-width:46%;
  margin:2px 0 0;
  padding:2px 5px 2px 0;
  overflow:hidden;
  border-radius:4px;
  background:linear-gradient(90deg,rgba(0,54,28,.82),rgba(0,54,28,.54) 72%,rgba(0,54,28,0));
  color:#fff;
  font-size:7px;
  font-weight:700;
  line-height:1.15;
  text-shadow:0 1px 2px rgba(0,20,9,.9);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions{
  z-index:7;
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  transform:translateY(2px);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions .button:first-child,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child{
  min-width:61px;
  min-height:27px;
  padding:5px 8px;
  border-color:#fce777;
  border-radius:9px;
  background:linear-gradient(180deg,#0aa449,#057033);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 0 rgba(0,56,24,.34),0 3px 7px rgba(0,29,13,.35);
}
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-actions .button:first-child::after,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card .promo-actions .button:first-child::after{
  color:#fff;
  font-size:6.5px;
  text-shadow:0 1px 1px rgba(0,35,16,.55);
}

/* A linked offer can still open its rules, but its claim action is visibly unavailable. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.is-claim-locked .promo-actions .button:first-child,
.bonus-offer-modal-actions .button.is-locked,
.bonus-offer-modal-actions .button:disabled{border-color:#a8b6ae!important;background:linear-gradient(180deg,#dce2dd,#aeb9b1)!important;box-shadow:none!important;color:#66736b!important;cursor:not-allowed!important;filter:grayscale(1)}
.bonus-offer-modal.is-applying .bonus-offer-modal-card{overflow:hidden}.bonus-offer-modal.is-applying [data-bonus-modal-primary]{border-color:#08783a!important;background:linear-gradient(180deg,#19b956,#07863b)!important;box-shadow:0 0 0 3px rgba(14,165,72,.2),inset 0 1px 0 rgba(255,255,255,.38)!important;color:#fff!important;filter:none!important;animation:nt77-bonus-applying .7s ease-in-out infinite alternate}.bonus-offer-modal.is-applying .bonus-offer-modal-card aside{border-left-color:#079342!important;background:#e8f8ed!important;color:#075b31!important}.bonus-offer-modal.is-applying .bonus-offer-modal-card aside b{color:#075b31!important}.bonus-offer-modal.is-applied [data-bonus-modal-primary]{border-color:#079342!important;background:#fff!important;box-shadow:0 0 0 3px rgba(7,147,66,.13)!important;color:#08743a!important;filter:none!important;animation:nt77-bonus-tick .45s cubic-bezier(.2,.9,.25,1.25) both}.bonus-offer-modal.is-applied [data-bonus-modal-primary]::before{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:5px;border-radius:50%;background:#079342;color:#fff;content:'✓';font-size:11px;line-height:1}.bonus-offer-modal.is-applied .bonus-offer-modal-card aside{border-left-color:#7bcf99!important;background:#f5fbf7!important;color:#285d3d!important}.bonus-offer-modal.is-applied .bonus-offer-modal-card aside b{color:#285d3d!important}@keyframes nt77-bonus-applying{from{box-shadow:0 0 0 rgba(8,151,65,0)}to{box-shadow:0 0 0 4px rgba(8,151,65,.22)}}@keyframes nt77-bonus-tick{0%{transform:scale(.88);opacity:.4}65%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}
.bonus-offer-layout .promo-card.is-one-time-used{filter:grayscale(1)!important;opacity:.58!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.is-claim-locked .promo-actions .button:first-child::before{display:none}
@media(max-width:390px){
  .bonus-offer-layout:not(.is-all-offers) .promo-card h3,
  .bonus-offer-layout:not(.is-all-offers) .promo-card>p{max-width:45%}
}

/* The jackpot name reads as one clear lead line; its own ribbon remains. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card h3{
  max-width:74%;
  white-space:pre-line;
  line-height:.96;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card>p{max-width:46%}

/* The four compact Event offers use the full line before Claim, keeping each title intact. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-compact-title h3{
  white-space:pre-line;
  font-size:10.5px;
  letter-spacing:-.02em;
}

/* Fixed copy anchors keep every category banner aligned regardless of title length. */
.bonus-offer-layout:not(.is-all-offers) .promo-card h3,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card h3{
  position:absolute;
  top:18px;
  left:11px;
  right:84px;
  max-width:none;
  margin:0;
  white-space:pre-line;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card>p,
.bonus-offer-layout:not(.is-all-offers) .promo-card.event-slot-card>p{
  position:absolute;
  right:84px;
  bottom:8px;
  left:11px;
  max-width:none;
  margin:0;
}
.bonus-offer-layout:not(.is-all-offers) .promo-card.jackpot-card h3{
  max-width:none;
  white-space:pre-line;
}

/* Check-in actions retain their clear, specific labels instead of the generic Claim label. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.promo-action-label .promo-actions .button:first-child{font-size:6.5px}
.bonus-offer-layout:not(.is-all-offers) .promo-card.promo-action-label .promo-actions .button:first-child::after{display:none}

/* Daily Free uses the yellow reward ribbon; Receipt Collection has no ribbon. */
.bonus-offer-layout:not(.is-all-offers) .promo-card .promo-tag.is-free{
  border-color:#ffe979;
  background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%);
  box-shadow:0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3),inset 0 1px 0 rgba(255,255,255,.36);
  color:#ffeb75;
  text-shadow:0 1px 0 rgba(0,34,16,.75);
}

/* A short VIP heading appears only while the VIP category is selected. */
.bonus-offer-layout .vip-category-banner{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:1px 10px;
  min-height:48px;
  margin:0 0 4px;
  padding:10px 11px 8px;
  overflow:hidden;
  border:1px solid #e5bc2a;
  border-radius:14px;
  background:radial-gradient(circle at 88% 14%,rgba(255,231,102,.3) 0 2px,transparent 3px),radial-gradient(circle at 76% 76%,rgba(255,224,82,.12) 0 24%,transparent 25%),linear-gradient(115deg,#034c2a 0%,#08743a 49%,#10984a 100%);
  box-shadow:0 6px 13px rgba(0,51,25,.18),inset 0 1px 0 rgba(255,255,255,.18);
  color:#fff;
  text-decoration:none;
}
.bonus-offer-layout .vip-category-banner::after{position:absolute;right:-12px;bottom:-54px;width:132px;height:132px;border:15px solid rgba(255,224,82,.17);border-radius:50%;box-shadow:-42px -30px 0 -11px rgba(255,224,82,.11),-76px 12px 0 -13px rgba(255,224,82,.09);content:""}
.bonus-offer-layout .vip-category-banner span,.bonus-offer-layout .vip-category-banner strong,.bonus-offer-layout .vip-category-banner b{position:relative;z-index:1}
.bonus-offer-layout .vip-category-banner span{color:#ffe36b;font-size:5.5px;font-weight:1000;letter-spacing:.1em;line-height:1}
.bonus-offer-layout .vip-category-banner strong{color:#fff;font-size:10.5px;font-weight:1000;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase}
.bonus-offer-layout .vip-category-banner b{grid-column:2;grid-row:1 / span 2;align-self:center;min-width:47px;padding:7px 10px;border:1px solid #ffe36b;border-radius:999px;background:linear-gradient(180deg,#0ba84d,#057239);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 5px rgba(0,35,16,.28);color:#fff;font-size:7px;font-weight:1000;letter-spacing:.06em;text-align:center;text-shadow:0 1px 0 rgba(0,49,23,.52)}
.bonus-offer-layout .vip-category-banner[hidden]{display:none!important}

/* Referral live summary appears only in the Referral category. */
.bonus-offer-layout .referral-commission-summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;min-height:68px;margin:0;overflow:hidden;border:1px solid #e2bc2e;border-radius:14px;background:linear-gradient(115deg,#07552e 0%,#087b3d 58%,#109b4b 100%);box-shadow:0 6px 13px rgba(0,51,25,.18),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;cursor:pointer}
.bonus-offer-layout .referral-commission-summary::after{position:absolute;right:-20px;bottom:-34px;width:104px;height:104px;border:14px solid rgba(255,226,79,.16);border-radius:50%;content:""}
.bonus-offer-layout .referral-commission-summary span,.bonus-offer-layout .referral-commission-summary strong,.bonus-offer-layout .referral-commission-summary small,.bonus-offer-layout .referral-commission-summary b{position:relative;z-index:1}
.bonus-offer-layout .referral-commission-summary span{grid-column:1;padding:11px 11px 0;color:#ffe36b;font-size:6.2px;font-weight:1000;letter-spacing:.1em;line-height:1}
.bonus-offer-layout .referral-commission-summary strong{grid-column:1;padding:0 11px;color:#fff;font-size:10px;font-weight:1000;line-height:1.06;letter-spacing:-.01em}
.bonus-offer-layout .referral-commission-summary small{grid-column:1;padding:0 11px 11px;color:#eaffef;font-size:6.5px;font-weight:900;line-height:1}
.bonus-offer-layout .referral-commission-summary b{grid-column:2;grid-row:1 / span 3;align-self:center;margin-right:11px;padding:7px 9px;border:1px solid #ffe36b;border-radius:999px;background:linear-gradient(180deg,#0ba84d,#057239);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 5px rgba(0,35,16,.28);color:#fff;font-size:6.5px;font-weight:1000;text-align:center}
.bonus-offer-layout .referral-commission-summary[hidden]{display:none!important}
.bonus-offer-layout .referral-copy-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;margin:-1px 0 1px;padding:6px 10px;overflow:hidden;border:1px solid #bfe1ca;border-radius:10px;background:linear-gradient(110deg,#f8fff9,#edf9ef);box-shadow:0 3px 8px rgba(0,59,28,.09);color:#07512d;cursor:pointer;text-align:left}
.bonus-offer-layout .referral-copy-row span{color:#59806a;font-size:5.7px;font-weight:1000;letter-spacing:.09em;white-space:nowrap}
.bonus-offer-layout .referral-copy-row strong{overflow:hidden;color:#07512d;font-size:8.5px;font-weight:1000;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}
.bonus-offer-layout .referral-copy-row b{padding:5px 8px;border:1px solid #0a9c48;border-radius:999px;background:#fff;color:#08763a;font-size:6px;font-weight:1000;letter-spacing:.05em;white-space:nowrap}
.bonus-offer-layout .referral-copy-row.is-copied b{border-color:#f0b600;background:#ffe468;color:#07512d}
.bonus-offer-layout .referral-copy-row[hidden]{display:none!important}

/* The referral code stays inside the commission panel as a slim final row. */
.bonus-offer-layout .referral-commission-summary{min-height:92px}
.bonus-offer-layout .referral-commission-summary .referral-copy-line{position:relative;z-index:1;grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin:0 10px 9px;padding:5px 7px;border:1px solid rgba(255,255,255,.27);border-radius:8px;background:rgba(0,48,23,.2)}
.bonus-offer-layout .referral-commission-summary .referral-copy-line small{grid-column:auto;padding:0;color:#ffe36b;font-size:5.4px;letter-spacing:.08em;white-space:nowrap}
.bonus-offer-layout .referral-commission-summary .referral-copy-line strong{grid-column:auto;min-width:0;padding:0;overflow:visible;color:#fff;font-size:7px;letter-spacing:.04em;text-overflow:clip;white-space:nowrap}
.bonus-offer-layout .referral-commission-summary .referral-copy-line b{grid-column:auto;grid-row:auto;align-self:auto;margin:0;padding:4px 7px;border:1px solid #ffe36b;border-radius:999px;background:#fff;color:#08763a;font-size:5.5px;letter-spacing:.04em;white-space:nowrap}
.bonus-offer-layout .referral-commission-summary.is-copied .referral-copy-line b{border-color:#f0b600;background:#ffe468;color:#07512d}
.bonus-offer-layout .referral-commission-summary b.referral-details{grid-column:2;grid-row:1 / span 3;align-self:center;margin-right:10px}

/* Live VIP profile summary. Values are filled from the member payload, not hard-coded. */
.bonus-offer-layout .vip-category-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;min-height:88px;padding:11px}
.bonus-offer-layout .vip-category-banner .vip-profile-heading{display:grid;gap:2px;align-self:start}
.bonus-offer-layout .vip-category-banner .vip-profile-heading strong{color:#ffe36b;font-size:13px;line-height:1.04;letter-spacing:.01em;text-shadow:0 1px 1px rgba(0,38,18,.45)}
.bonus-offer-layout .vip-category-banner b{grid-column:2;grid-row:1;align-self:start;margin-top:1px}
.bonus-offer-layout .vip-category-banner .vip-profile-meters{grid-column:1 / -1;display:grid;gap:5px;position:relative;z-index:1}
.bonus-offer-layout .vip-category-banner .vip-profile-meters div{display:grid;grid-template-columns:1fr;gap:3px}
.bonus-offer-layout .vip-category-banner .vip-profile-meters .vip-cycle-days{color:#ffe36b;font-size:6.5px;letter-spacing:.08em}
.bonus-offer-layout .vip-category-banner .vip-profile-meters small{color:#fff;font-size:6.2px;font-weight:1000;letter-spacing:.025em;line-height:1.05;text-shadow:0 1px 1px rgba(0,39,18,.42)}
.bonus-offer-layout .vip-category-banner .vip-profile-meters i{display:block;height:5px;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(0,55,26,.32);box-shadow:inset 0 1px 2px rgba(0,34,16,.28)}
.bonus-offer-layout .vip-category-banner .vip-profile-meters em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe15b,#fff6a6);box-shadow:0 0 6px rgba(255,238,115,.7);transition:width .45s ease}

/* All offers: bring the title closer to the top without changing the compact pass size. */
.bonus-offer-layout.is-all-offers .promo-card>h3{margin:5px 1px 18px}

/* Short offer lines are intentionally placed by the copy so amounts and actions stay together. */
.bonus-offer-layout:not(.is-all-offers) .promo-card>p{white-space:pre-line}

/* All Offers gets simple section labels, not extra banners. Category views remain unchanged. */
.bonus-offer-layout:not(.is-all-offers) [data-all-offers-only]{display:none!important}
.bonus-offer-layout .all-offers-note{display:none;margin:0;color:#4f6c5b;font-size:8px;line-height:1.35}
.bonus-offer-layout .all-offers-section-title{display:none;margin:5px 0 -2px;color:#07512d;font-size:12px;font-weight:1000;letter-spacing:.01em;line-height:1;text-transform:uppercase}
.bonus-offer-layout .all-offers-section-title::after{display:block;width:28px;height:2px;margin-top:4px;border-radius:999px;background:#ffcf20;content:""}
.bonus-offer-layout.is-all-offers .all-offers-note{display:block;grid-column:1 / -1;margin:0 0 1px}
.bonus-offer-layout.is-all-offers .all-offers-section-title{display:block;grid-column:1 / -1}

/* Keep the All Offers reminder above the card grid, not in its own layout row. */
.bonus-offer-layout.is-all-offers .bonus-category-rail{grid-column:1;grid-row:1 / span 2}
.bonus-offer-layout.is-all-offers .all-offers-note{grid-column:2;grid-row:1;margin:0}
.bonus-offer-layout.is-all-offers .promo-list{grid-column:2;grid-row:2}
.section-heading .all-offers-note{display:block;margin:4px 0 0;color:#4f6c5b;font-size:8px;line-height:1.35}

/* All Offers tools: one-tap referral copy and a live VIP overview. */
.bonus-offer-layout .all-offers-referral-shortcut,.bonus-offer-layout .all-offers-vip-overview{display:none}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut{position:relative;display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 6px;min-height:54px;margin:0;overflow:hidden;border:1px solid #e2bc2e;border-radius:13px;background:linear-gradient(116deg,#07532d 0%,#087b3d 62%,#109b4b 100%);box-shadow:0 5px 12px rgba(0,51,25,.17),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;cursor:pointer;text-align:left}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut::after{position:absolute;right:-22px;bottom:-36px;width:112px;height:112px;border:15px solid rgba(255,226,79,.14);border-radius:50%;content:""}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut span,.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut strong,.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut button{position:relative;z-index:1}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut span{grid-column:1;padding:10px 11px 0;color:#ffe36b;font-size:6px;font-weight:1000;letter-spacing:.12em;line-height:1}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut strong{grid-column:1;padding:0 11px 10px;color:#fff;font-size:11px;font-weight:1000;line-height:1.05;letter-spacing:.02em}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut button{grid-row:1 / span 2;align-self:center;padding:8px 9px;border:1px solid #ffe36b;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 5px rgba(0,35,16,.28);font:1000 6.5px/1 Arial,sans-serif;letter-spacing:.05em;white-space:nowrap;cursor:pointer}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut [data-all-referral-copy]{grid-column:2;background:linear-gradient(180deg,#0aa64a,#057037);color:#fff}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut [data-referral-share]{grid-column:3;margin-right:10px;background:linear-gradient(180deg,#ffe36b,#f2b807);color:#07512d}
.bonus-offer-layout.is-all-offers .all-offers-referral-shortcut.is-copied [data-all-referral-copy]{background:linear-gradient(180deg,#ffd93f,#f1af04);color:#07512d}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview{position:relative;display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;min-height:72px;margin:0;overflow:hidden;border:1px solid #e2bc2e;border-radius:13px;background:linear-gradient(116deg,#07532d 0%,#087b3d 62%,#109b4b 100%);box-shadow:0 5px 12px rgba(0,51,25,.17),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;text-decoration:none}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview::after{position:absolute;right:-25px;bottom:-58px;width:144px;height:144px;border:16px solid rgba(255,226,79,.14);border-radius:50%;box-shadow:-45px -27px 0 -11px rgba(255,226,79,.1);content:""}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview span,.bonus-offer-layout.is-all-offers .all-offers-vip-overview strong,.bonus-offer-layout.is-all-offers .all-offers-vip-overview b,.bonus-offer-layout.is-all-offers .all-offers-vip-overview div{position:relative;z-index:1}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview span{grid-column:1;padding:10px 11px 0;color:#ffe36b;font-size:6px;font-weight:1000;letter-spacing:.12em;line-height:1}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview strong{grid-column:1;padding:0 11px;color:#fff;font-size:12px;font-weight:1000;letter-spacing:.02em;line-height:1}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview b{grid-column:2;grid-row:1 / span 2;align-self:center;margin-right:11px;padding:8px 10px;border:1px solid #ffe36b;border-radius:999px;background:linear-gradient(180deg,#0aa64a,#057037);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 5px rgba(0,35,16,.28);color:#fff;font-size:6.5px;font-weight:1000;letter-spacing:.05em}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview div{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 9px;padding:0 11px 10px}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview small{font-size:6.3px;font-weight:1000;line-height:1.05;text-shadow:0 1px 1px rgba(0,39,18,.42)}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview [data-all-vip-days]{color:#ffe36b;letter-spacing:.08em}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview [data-all-vip-next]{color:#fff}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview i{grid-column:1 / -1;display:block;height:5px;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(0,55,26,.32);box-shadow:inset 0 1px 2px rgba(0,34,16,.28)}
.bonus-offer-layout.is-all-offers .all-offers-vip-overview em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe15b,#fff6a6);box-shadow:0 0 6px rgba(255,238,115,.7);transition:width .45s ease}

/* Small, specific offer tags remain visible in All Offers and category views. */
.bonus-offer-layout .promo-card.has-custom-tag .promo-top{display:block!important;z-index:10}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{position:absolute;top:4px;left:4px;right:auto;margin:0}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag{display:inline-grid!important;place-items:center;min-width:24px;min-height:14px;padding:2px 4px;border:1px solid #ffe46a;border-radius:7px;background:linear-gradient(145deg,#0a9b49,#056e36);box-shadow:0 1px 3px rgba(0,42,20,.26);color:#fff0a0;font-size:4px;font-weight:1000;letter-spacing:.04em;line-height:1;text-shadow:0 1px 0 rgba(0,35,16,.65);clip-path:none}
.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-free{background:linear-gradient(145deg,#f9d644,#e9a800);color:#07512d}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-checkin{background:linear-gradient(145deg,#0aa64e,#057036);color:#fff}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-x3{background:linear-gradient(145deg,#ffdb49,#eaa700);color:#07512d;font-size:7px}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-lifetime{background:linear-gradient(145deg,#135e97,#073f6e);color:#fff;font-size:3.8px}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-facebook{min-width:15px;border-radius:50%;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:10px;font-weight:1000}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-telegram{min-width:15px;border-radius:50%;background:#24a1de;color:#fff;font-size:9px}.bonus-offer-layout .promo-card.has-custom-tag .promo-tag.is-birthday{background:linear-gradient(145deg,#b44a9a,#70265f);color:#fff;font-size:3.8px}

/* One consistent angled casino ribbon for every offer tag. */
.bonus-offer-layout.is-all-offers .promo-card .promo-top{position:absolute!important;z-index:10!important;top:3px!important;right:auto!important;left:3px!important;display:block!important;margin:0!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag .promo-top{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag{display:inline-grid!important;place-items:center;min-width:31px;min-height:14px;padding:3px 7px;border:1px solid #ffe76e;border-radius:1px;background:linear-gradient(145deg,#0ba050 0%,#08733a 62%,#034620 100%);box-shadow:0 2px 0 #8a5f00,0 3px 5px rgba(0,36,16,.32),inset 0 1px 0 rgba(255,255,255,.38);color:#ffec79;font-size:4.5px;font-weight:1000;letter-spacing:.06em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(0,34,15,.75);transform:rotate(-22.5deg);transform-origin:center;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook{min-width:15px;padding:3px 5px;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:9px}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram{min-width:15px;padding:3px 5px;background:#24a1de;color:#fff;font-size:8px}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-x3{background:linear-gradient(145deg,#ffd94b,#eaa600);color:#07512d;font-size:7px}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-birthday{background:linear-gradient(145deg,#b74d9b,#722760);color:#fff}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-lifetime{background:linear-gradient(145deg,#14639b,#07446f);color:#fff;font-size:3.8px}.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-free{background:linear-gradient(145deg,#0ba050,#08733a);color:#ffec79}

/* All Offers ribbons sit on the card corner: raised, balanced and never hide its rounded edge. */
.bonus-offer-layout.is-all-offers .promo-card:has(.promo-tag){overflow:visible;z-index:1}
.bonus-offer-layout.is-all-offers .promo-card:has(.promo-tag):hover{z-index:2}
.bonus-offer-layout.is-all-offers .promo-card .promo-top{top:-5px!important;left:-16px!important;transform:none}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag{position:relative;min-width:34px;min-height:15px;padding:3px 8px;border-width:1px;filter:drop-shadow(0 4px 2px rgba(0,37,15,.38));transform:rotate(-22.5deg)}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag::before{position:absolute;z-index:-1;display:block!important;inset:2px -2px -4px 2px;background:linear-gradient(145deg,#07572b,#023718);clip-path:inherit;content:"";filter:brightness(.72)}

/* All Offers uses tags only when they explain an offer: jackpot, free, check-in,
   commission, birthday or its real social channel. Other cards stay clean. */
.bonus-offer-layout.is-all-offers .promo-card:not(.has-custom-tag) .promo-top{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-jackpot{background:linear-gradient(145deg,#0ba050 0%,#08733a 62%,#034620 100%);color:#ffec79}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-commission{font-size:3.8px}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-referral{min-width:37px;background:linear-gradient(145deg,#0ba050 0%,#08733a 62%,#034620 100%);color:#ffec79;font-size:4.1px}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram{width:17px;min-width:17px;height:17px;min-height:17px;padding:2px;border-radius:50%;clip-path:none;transform:rotate(-22.5deg);box-shadow:0 2px 0 rgba(0,54,25,.82),0 4px 5px rgba(0,36,16,.28),inset 0 1px 0 rgba(255,255,255,.34)}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook{background:#1877f2;border-color:#b9dcff}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram{background:#229ed9;border-color:#bde8ff}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook::before,.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram::before{border-radius:50%;clip-path:none}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook img,.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram img{display:block;width:100%;height:100%;filter:brightness(0) invert(1)}

/* A compact casino-ticket tag: gold face, folded depth and a clean readable label. */
.bonus-offer-layout.is-all-offers .promo-card .promo-top{top:-5px!important;left:-7px!important}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:37px;min-height:15px;padding:3px 7px;border:1px solid #fff3a0;border-radius:2px;background:linear-gradient(145deg,#ffe76d 0%,#f7bd18 45%,#ce8c04 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 0 #805503,0 5px 7px rgba(0,31,13,.28);color:#07512d;font-size:4.2px;letter-spacing:.045em;text-shadow:0 1px 0 rgba(255,255,255,.48);transform:rotate(-22.5deg);clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::before{inset:2px -2px -3px 2px;background:linear-gradient(145deg,#ae7100,#714600);filter:none}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::after{position:absolute;top:2px;right:7px;left:7px;height:1px;background:rgba(255,255,255,.63);content:"";pointer-events:none}
.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card .promo-top .promo-tag.is-telegram{top:1px;left:1px}

/* All Offers stays clean: social identity becomes soft background artwork, not a tag. */
.bonus-offer-layout.is-all-offers .promo-card .promo-top{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card{overflow:hidden!important}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook::before,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram::before{z-index:0;inset:0;background-position:0 0,88% 47%;background-repeat:no-repeat;background-size:100% 100%,80px 80px;opacity:.31;filter:none;transform:none}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook::before{background-image:linear-gradient(135deg,rgba(240,251,244,.94),rgba(224,243,232,.75)),url("../social/facebook-background.webp")}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram::before{background-image:linear-gradient(135deg,rgba(240,251,244,.94),rgba(224,243,232,.75)),url("../social/telegram-background.webp")}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook>h3,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram>h3,.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook .promo-actions,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram .promo-actions{z-index:1}

/* Restore the five meaningful offer tags in an NT77-green raised corner style. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{position:absolute!important;z-index:4!important;top:-5px!important;left:-7px!important;display:block!important;margin:0!important;transform:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag{position:relative;display:inline-grid!important;min-width:34px;min-height:15px;place-items:center;padding:3px 7px;border:1px solid #ffe36a;border-radius:2px;background:linear-gradient(145deg,#0aa049,#087137 58%,#034820);box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 2px 0 #9d6800,0 4px 7px rgba(0,38,16,.3);color:#ffec7a;font-size:4px;font-weight:1000;letter-spacing:.055em;line-height:1;text-shadow:0 1px 0 rgba(0,31,13,.8);transform:rotate(-22.5deg);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag::before{display:block!important;inset:2px -2px -3px 2px;background:#03421e;filter:none}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook::before,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram::before{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook{background:linear-gradient(135deg,rgba(250,255,251,.72),rgba(220,243,228,.58)),url("../social/facebook-background.webp") 82% 48%/92px 92px no-repeat,linear-gradient(145deg,#fbfffc 0%,#edf8ef 62%,#fff6c8 100%)}
.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram{background:linear-gradient(135deg,rgba(250,255,251,.72),rgba(220,243,228,.58)),url("../social/telegram-background.webp") 82% 48%/92px 92px no-repeat,linear-gradient(145deg,#fbfffc 0%,#edf8ef 62%,#fff6c8 100%)}

/* The final tags are actual raised NT77 corner pieces; social offers use their supplied WebP marks. */
.bonus-offer-layout.is-all-offers .promo-card.promo-social-facebook,.bonus-offer-layout.is-all-offers .promo-card.promo-social-telegram{background:linear-gradient(145deg,#fbfffc 0%,#edf8ef 62%,#fff6c8 100%)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{top:-9px!important;left:-12px!important;overflow:visible}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag{overflow:visible!important;z-index:2}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:54px;min-height:19px;padding:4px 10px;border:1px solid #ffe972;border-radius:3px;background:linear-gradient(145deg,#0da451 0%,#087238 55%,#023b1c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 3px 0 #03461f,0 6px 9px rgba(0,36,16,.38);color:#ffef84;font-size:5.2px;letter-spacing:.04em;transform:rotate(-22.5deg);clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::before{display:block!important;inset:2px -3px -4px 3px;border-radius:inherit;background:linear-gradient(145deg,#07612f,#023615);clip-path:inherit;content:""}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{display:grid!important;width:23px;min-width:23px;height:23px;min-height:23px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;clip-path:none;transform:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook{box-shadow:0 4px 0 #0951bf,0 7px 10px rgba(0,42,102,.32)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{box-shadow:0 4px 0 #1178ab,0 7px 10px rgba(0,58,86,.3)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook::before,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram::before{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook img,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{position:relative;z-index:1;display:block;width:100%;height:100%;filter:none}
/* Keep social marks as solid colour discs; crop the source artwork's white rim. */
/* Social marks use clean full-blue discs, not the white-backed source thumbnails. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{overflow:visible!important;background:#1877f2!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{background:#229ed9!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook img,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook::after,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram::after{position:relative;z-index:2;display:block;color:#fff;line-height:1;text-shadow:none}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook::after{content:"f";font-family:Arial,sans-serif;font-size:25px;font-weight:900;transform:translateY(3px)}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram::after{content:"➤";font-family:Arial,sans-serif;font-size:19px;font-weight:900;transform:translate(1px,-1px) rotate(-38deg)}
/* Labels must remain readable on the small All Offers cards. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:59px!important;min-height:21px!important;padding:4px 10px!important;font-size:6.4px!important;letter-spacing:.02em!important}
/* Supplied official Facebook artwork: crop its transparent canvas into the round badge. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook{background:transparent!important;overflow:hidden!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook::after{display:none!important;content:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook img{display:block!important;width:176%!important;height:176%!important;max-width:none!important;object-fit:contain!important;transform:none!important}
/* Match Telegram to the same clean round treatment. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{background:transparent!important;overflow:hidden!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram::after{display:none!important;content:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{display:block!important;width:163%!important;height:163%!important;max-width:none!important;object-fit:contain!important;transform:none!important}
/* All Offers: compact in-card Event-style labels rather than floating ribbons. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag{overflow:hidden!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{top:5px!important;left:5px!important;z-index:5!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:34px!important;min-height:14px!important;padding:3px 6px!important;border:1px solid #ffe987!important;border-radius:999px!important;background:linear-gradient(180deg,#ffdb42 0%,#f5b900 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 1px 2px rgba(73,49,0,.22)!important;color:#07512d!important;font-size:4.2px!important;font-weight:1000!important;letter-spacing:.02em!important;text-shadow:none!important;transform:none!important;clip-path:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::before{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram)::after{display:none!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{top:0!important;left:0!important;width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;box-shadow:0 1px 3px rgba(0,0,0,.24)!important}
/* Final compact labels: lift only the labels and leave every offer title untouched. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag{overflow:visible!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top{top:-6px!important;left:4px!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){min-width:45px!important;min-height:17px!important;padding:3px 7px!important;font-size:5.5px!important;line-height:1!important}
/* Supplied Facebook and Telegram logos: same 18px round footprint, transparent canvas. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook,.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{top:0!important;left:0!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;background:transparent!important;overflow:hidden!important;border-radius:50%!important;box-shadow:0 1px 3px rgba(0,0,0,.24)!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook img{display:block!important;width:176%!important;height:auto!important;max-width:none!important;aspect-ratio:1/1!important;object-fit:contain!important;transform:translateY(-5px)!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:1/1!important;object-fit:contain!important}
/* Ensure the complete Facebook badge is blue even around the transparent artwork edge. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-facebook{background:#1877f2!important}
/* Telegram gets the same full 18px blue disc footprint as Facebook. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram{background:#229ed9!important}
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag.is-telegram img{width:118%!important;height:auto!important}
/* Keep tag dimensions fixed; make their labels easier to read. */
.bonus-offer-layout.is-all-offers .promo-card.has-custom-tag .promo-top .promo-tag:not(.is-facebook):not(.is-telegram){font-size:6.2px!important;letter-spacing:0!important}
/* All Offers casino treatment: a low-contrast slot-and-gold texture kept behind readable copy. */
.bonus-offer-layout.is-all-offers .promo-card{background:linear-gradient(145deg,#fbfffa 0%,#e9f8eb 58%,#fff4c9 100%)!important;box-shadow:0 5px 12px rgba(3,61,31,.12),inset 0 1px 0 rgba(255,255,255,.92)!important}
.bonus-offer-layout.is-all-offers .promo-card::before{z-index:0!important;inset:auto -18px -8px auto!important;width:106px!important;height:84px!important;background:url("../decor/nt77-event-coin-pile-unified-v3.webp") right bottom/106px auto no-repeat!important;opacity:.12!important;filter:saturate(.78) contrast(.9)!important;pointer-events:none!important}
.bonus-offer-layout.is-all-offers .promo-card::after{position:absolute!important;z-index:0!important;top:18px!important;right:12px!important;left:auto!important;display:grid!important;width:32px!important;height:32px!important;place-items:center!important;border:1px solid rgba(160,104,0,.28)!important;border-radius:50%!important;background:radial-gradient(circle at 34% 28%,#fff9c3 0 7%,#ffd85b 8% 38%,#d99105 39% 65%,#945400 66% 100%)!important;box-shadow:inset 0 0 0 3px rgba(255,240,137,.48),0 2px 4px rgba(80,50,0,.18)!important;color:#07512d!important;content:"NT77"!important;font-size:6px!important;font-weight:1000!important;letter-spacing:-.05em!important;line-height:1!important;opacity:.37!important;transform:rotate(-12deg)!important;pointer-events:none!important}
.bonus-offer-layout.is-all-offers .promo-card>h3{z-index:1!important;text-shadow:0 1px 0 rgba(255,255,255,.94),0 0 8px rgba(255,255,255,.76)!important}

/* Hourly credit and Lucky Wheel use the exact raised double-sharp category ribbon. */
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Hourly Random up to 77"],.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Lucky Wheel"]{overflow:visible!important;z-index:2!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Hourly Random up to 77"] .promo-top,.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Lucky Wheel"] .promo-top{display:block!important;position:absolute!important;z-index:8!important;top:0!important;left:18px!important;right:auto!important;margin:0!important;overflow:visible!important;transform:translateX(-50%) rotate(-22.5deg)!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Hourly Random up to 77"] .promo-top .promo-tag.is-event,.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Lucky Wheel"] .promo-top .promo-tag.is-event{position:relative!important;display:inline-grid!important;min-width:48px!important;min-height:19px!important;place-items:center!important;padding:5px 12px!important;border:1px solid #ffe979!important;border-radius:0!important;background:linear-gradient(145deg,#0aa44b 0%,#087039 58%,#034520 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 3px 0 #bd8000,0 6px 10px rgba(0,42,20,.3)!important;color:#ffeb75!important;font-size:6.8px!important;font-weight:1000!important;letter-spacing:.02em!important;line-height:1!important;text-align:center!important;text-shadow:0 1px 0 rgba(0,34,16,.75)!important;transform:none!important;transform-origin:center!important;clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)!important}
.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Hourly Random up to 77"] .promo-top .promo-tag.is-event::before,.bonus-offer-layout:not(.is-all-offers) .promo-card.has-custom-tag[data-offer-source="Lucky Wheel"] .promo-top .promo-tag.is-event::before{position:absolute!important;z-index:-1!important;display:block!important;inset:2px -3px -4px 3px!important;border-radius:inherit!important;background:linear-gradient(145deg,#07572b,#023718)!important;clip-path:inherit!important;content:""!important}
.bonus-commission-win{display:grid;grid-template-columns:30px 1fr;gap:5px;align-items:center;padding:6px;border:1px dashed #b9d3c0;background:#fff;text-align:left}.bonus-commission-win .bonus-commission-person{margin:0}.bonus-commission-win>div:last-child{display:grid;gap:1px}.bonus-commission-win small{color:#61766a;font-size:7px;font-weight:1000;letter-spacing:.04em}.bonus-commission-win b{color:#315f40;font-size:9px}.bonus-commission-win span{color:#08733a;font-size:8px;font-weight:1000}
.bonus-commission-example-two{padding-top:4px;border-top:1px dashed #b9d3c0;color:#61766a;font-size:8px;text-align:center}.bonus-commission-negative{background:#f5f1e9}.bonus-commission-negative b{color:#765610}
.bonus-commission-safe{display:grid;gap:2px;padding:7px;border:1px solid #b9d3c0;background:#e8f5eb;text-align:center}.bonus-commission-safe b{color:#075b31;font-size:9px}.bonus-commission-safe span{color:#315f40;font-size:8px;font-weight:800;line-height:1.25}
.bonus-commission-member span.is-loss,.bonus-commission-member span.is-win{padding:4px 3px!important;border:1px solid;font-size:10px;letter-spacing:.02em}.bonus-commission-member span.is-loss{border-color:#f1b5ad;background:#fff0ee;color:#bd2d21}.bonus-commission-member span.is-win{border-color:#9ed9af;background:#eaf8ee;color:#08733a}.bonus-commission-result.is-zero{background:#a63d32;color:#fff}
.bonus-commission-member span.is-loss,.bonus-commission-member span.is-win{padding:2px 0!important;border:0;background:transparent;font-size:10px}.bonus-commission-member span.is-loss{color:#c93227}.bonus-commission-member span.is-win{color:#08733a}.bonus-commission-total,.bonus-commission-total.bonus-commission-negative{border:1px solid #d2e2d6;background:#fff}.bonus-commission-result,.bonus-commission-result.is-zero{border:1px solid currentColor;background:#fff;color:#075b31}.bonus-commission-result.is-zero{color:#b83328}
.bonus-offer-modal-facts .is-view-commission{display:grid!important;place-items:center;padding:0!important;overflow:hidden}.bonus-offer-modal-facts .is-view-commission small{display:none}.bonus-offer-modal-facts .is-view-commission button{width:100%;min-height:100%;border:0;background:linear-gradient(135deg,#087b3e,#045f2c);color:#fff;font-size:9px;font-weight:1000;letter-spacing:.03em;cursor:pointer}.bonus-commission-rollover{display:grid;gap:2px;padding:7px;border-top:1px dashed #b9d3c0;border-bottom:1px dashed #b9d3c0;text-align:center}.bonus-commission-rollover small{color:#61766a;font-size:7px;font-weight:1000}.bonus-commission-rollover b{color:#075b31;font-size:10px}.bonus-commission-rollover.is-zero b{color:#b83328}.bonus-commission-progress{display:grid;grid-template-columns:1fr auto;gap:4px;padding:7px;border:1px solid #b9d3c0;background:#fff}.bonus-commission-progress small{color:#315f40;font-size:7px;font-weight:1000}.bonus-commission-progress b{color:#075b31;font-size:8px}.bonus-commission-progress i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:8px;background:#dbe9df}.bonus-commission-progress em{display:block;height:100%;border-radius:inherit;background:#078d38}
.bonus-commission-total small{color:#52665a}.bonus-commission-total.bonus-commission-negative small,.bonus-commission-total.bonus-commission-negative b{color:#c93227}.bonus-commission-result:not(.is-zero){color:#08733a}.bonus-commission-rollover b{color:#08733a}
.bonus-commission-rollover span{color:#075b31;font-size:8px;font-weight:1000}
.bonus-commission-total.bonus-commission-negative small,.bonus-commission-total.bonus-commission-negative b,.bonus-commission-result.is-zero{color:#08733a}
.bonus-commission-example-two{color:#063b24}
.bonus-first-topup-example{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;background:#f6faf7;color:#063b24;text-align:center}.bonus-first-topup-example[hidden]{display:none!important}.bonus-first-topup-example>b{font-size:8px}.first-topup-members{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.first-topup-members span{display:grid;gap:2px;padding:5px 2px;border:1px solid #c9dfcf;background:#fff;color:#315f40;font-size:7px;font-weight:1000}.first-topup-members i{font-style:normal;font-size:7px}.first-topup-members strong{color:#08733a;font-size:8px}.first-topup-members span:first-child strong{color:#c93227}.first-topup-total{padding:6px;border:1px solid #d2e2d6;background:#fff;color:#52665a;font-size:8px}.first-topup-total b{color:#08733a;font-size:10px}.first-topup-result{padding:7px;border:1px solid #078d38;background:#fff;color:#08733a;font-size:9px;font-weight:1000;line-height:1.35}.bonus-offer-modal-facts .is-view-downlines{display:grid!important;place-items:center;padding:0!important;overflow:hidden}.bonus-offer-modal-facts .is-view-downlines small{display:none}.bonus-offer-modal-facts .is-view-downlines button{width:100%;min-height:100%;border:0;background:linear-gradient(135deg,#087b3e,#045f2c);color:#fff;font-size:8px;font-weight:1000;cursor:pointer}
.first-topup-members span>b{font-size:8px}.first-topup-members span small{color:#718477;font-size:5.5px;font-weight:1000}.first-topup-members span i{color:#315f40;font-size:7px}.first-topup-members span strong{font-size:8px}
.bonus-offer-modal-facts .first-topup-view-link{display:block;margin:4px 0 0;padding:0;border:0;background:transparent;color:#08733a;font-size:7px;font-weight:1000;letter-spacing:.03em;text-decoration:underline;cursor:pointer}
.bonus-like-share-steps{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;background:#f6faf7;color:#063b24;text-align:center}.bonus-like-share-steps[hidden]{display:none!important}.bonus-like-share-steps>b{font-size:8px}.bonus-like-share-steps>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bonus-like-share-steps article{position:relative;display:grid;grid-template-columns:25px 1fr;gap:5px;align-items:center;min-height:42px;padding:5px;border:1px solid #c9dfcf;background:#fff;text-align:left}.bonus-like-share-steps article i{position:absolute;top:3px;left:3px;display:grid;place-items:center;width:11px;height:11px;border-radius:50%;background:#08733a;color:#fff;font-size:6px;font-style:normal;font-weight:1000}.bonus-like-share-steps article strong{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e5f5e9;color:#08733a;font-size:14px}.bonus-like-share-steps article span{color:#315f40;font-size:6.5px;font-weight:1000;line-height:1.25}
.bonus-like-share-steps article strong.is-facebook{background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:19px;font-weight:1000}
.bonus-like-share-steps article strong.is-facebook,.bonus-like-share-steps article strong.is-comment,.bonus-like-share-steps article strong.is-share,.bonus-like-share-steps article strong.is-proof{background:#e5f5e9;color:#08733a;font-family:Arial,sans-serif;font-weight:1000}.bonus-like-share-steps article strong.is-facebook{font-size:18px}.bonus-like-share-steps article strong.is-comment{font-size:16px}.bonus-like-share-steps article strong.is-share{font-size:18px}.bonus-like-share-steps article strong.is-proof{font-size:15px}
.bonus-like-share-steps article strong svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.bonus-like-share-steps article span a{color:#08733a;font-weight:1000;text-decoration:underline;text-underline-offset:2px}
.bonus-like-share-steps article span a.facebook-group-link{color:#1877f2}
.bonus-like-share-steps article span a.telegram-group-link{color:#168ec6}
.bonus-vip-rescue-levels{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;background:#f6faf7;color:#063b24;text-align:center}.bonus-vip-rescue-levels[hidden]{display:none!important}.bonus-vip-rescue-levels>b{font-size:8px}.bonus-vip-rescue-levels>div{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c9dfcf;background:#fff}.bonus-vip-rescue-levels>div>small{padding:5px;background:#08733a;color:#fff;font-size:7px;font-weight:1000}.bonus-vip-rescue-levels span{display:contents}.bonus-vip-rescue-levels i,.bonus-vip-rescue-levels strong{padding:5px;border-top:1px solid #d4e4d8;color:#9aa99e;font-size:8px;font-style:normal;font-weight:1000}.bonus-vip-rescue-levels span.is-current i,.bonus-vip-rescue-levels span.is-current strong{background:transparent;color:#008a42;font-size:10px;font-weight:1000;box-shadow:none}.bonus-vip-rescue-levels span.is-current i{border-top-color:#d4e4d8}.bonus-vip-rescue-levels span.is-current strong{border-top-color:#d4e4d8}
.bonus-vip-rescue-example{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b9d3c0;background:#f6faf7;color:#063b24;text-align:center}.bonus-vip-rescue-example[hidden]{display:none!important}.bonus-vip-rescue-example>b{font-size:8px}.vip-rescue-numbers{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.vip-rescue-numbers span{display:grid;gap:3px;padding:7px 4px;border:1px solid #c9dfcf;background:#fff}.vip-rescue-numbers small{color:#6f8275;font-size:6px;font-weight:1000}.vip-rescue-numbers strong{color:#063b24;font-size:10px}.vip-rescue-numbers>i{color:#698171;font-size:18px;font-style:normal;font-weight:1000}.vip-rescue-netloss{padding:7px;border:1px solid #d2e2d6;background:#fff;color:#53685b;font-size:8px;font-weight:1000}.vip-rescue-netloss b{color:#08733a;font-size:10px}.vip-rescue-result{padding:8px;border:1px solid #078d38;background:#fff;color:#08733a;font-size:9px;font-weight:1000}.vip-rescue-result b{font-size:11px}
.bonus-offer-layout .promo-card.is-weekly-tier-locked{filter:grayscale(1);opacity:.38}.bonus-offer-layout .promo-card.is-weekly-tier-locked .promo-actions{pointer-events:none}.bonus-offer-layout .promo-card.is-weekly-tier-current{border-color:#078d38;box-shadow:0 0 0 2px rgba(7,141,56,.16),0 5px 12px rgba(3,79,30,.16)}