.hk-tip{display:flex;gap:14px;align-items:flex-end;background:#f4f6fb;border:1px solid #dfe3f0;border-radius:14px;padding:0 18px 0 12px;margin:0 0 20px;color:#212e63;font-size:14.5px;line-height:1.5;text-align:left;overflow:hidden}
.hk-tip .hk-av{flex:none;align-self:flex-end;line-height:0}
.hk-tip .hk-av img{display:block;width:auto;height:76px;max-width:none;animation:hk-rise .7s cubic-bezier(.2,.8,.3,1) both}
.hk-tip .hk-tx{padding:12px 0;align-self:center}
.hk-tip b{font-weight:700}
.hk-tip a{color:#ec2d33;font-weight:600;text-decoration:underline;white-space:nowrap}
.hk-tag{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ec2d33;margin-bottom:2px}
.hk-tip--por{margin-bottom:26px;padding-right:22px}
.hk-tip--por .hk-av img{height:112px}
.hk-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.hk-tip .hk-links a{border:1px solid #cfd5e6;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:500;background:#fff;color:#212e63;text-decoration:none}
.hk-tip .hk-links a:hover{border-color:#212e63}
.hk-tip--prod{margin:10px 0 12px;padding:0 16px 0 10px;font-size:13.5px}
.hk-tip--prod .hk-av img{height:74px}
.hk-tip--prod .hk-tx{padding:9px 0}
.hk-slot{margin-top:4px}
.hk-slot .haspo-size-guide{margin:0}
.hk-cart{text-align:center}
.hk-cart h2.cart-empty{text-align:center}
.hk-cart h2.cart-empty:before{display:none!important;content:none!important}
.hk-cart p{text-align:center}
.hk-cart-img{display:block;width:auto;height:230px;margin:0 auto 14px;transform-origin:50% 90%;animation:hk-bob 3.2s ease-in-out infinite}
.hk-404{position:relative}
.hk-404-img{position:absolute;left:150px;top:112px;width:auto;height:262px;z-index:2}
.hk-normy{position:relative}
.hk-side{position:absolute;right:28px;display:flex;align-items:flex-end;gap:14px;z-index:3}
.hk-side img{display:block;width:auto;height:168px}
.hk-bubble{position:relative;background:#fff;border:1px solid #dfe3f0;border-radius:14px;padding:10px 14px;color:#212e63;font-size:14px;line-height:1.45;max-width:270px;text-align:left;margin-bottom:38px}
.hk-bubble:after{content:"";position:absolute;right:-7px;bottom:22px;width:12px;height:12px;background:#fff;border-right:1px solid #dfe3f0;border-top:1px solid #dfe3f0;transform:rotate(45deg)}
.hk-wheel{position:absolute;left:-58px;bottom:-14px;width:auto;height:250px;z-index:5;pointer-events:none;transform-origin:50% 100%}
.hk-wheel.hk-nudge{animation:hk-nudge .6s ease-out}
.hk-chip-row{margin-top:18px}
.hk-chip{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#212e63!important;border-radius:999px;padding:5px 18px 5px 6px;font-size:14px;line-height:1.3;text-decoration:none}
.hk-chip img{display:block;width:42px;height:auto}
.hk-chip b{font-weight:700}
@keyframes hk-rise{0%{transform:translateY(105%)}60%{transform:translateY(-5%)}100%{transform:translateY(0)}}
@keyframes hk-bob{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}
@keyframes hk-nudge{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}60%{transform:rotate(4deg)}}
@media (max-width:1099px){.hk-side{display:none}}
@media (max-width:1023px){
.hk-404-img{position:static;display:block;height:170px;margin:0 auto 12px}
}
@media (max-width:759px){
.hk-wheel{display:none}
.hk-tip{gap:10px;padding:0 12px 0 8px;font-size:13.5px;border-radius:12px}
.hk-tip .hk-av img{height:58px}
.hk-tip--por .hk-av img{height:76px}
.hk-tip a{white-space:normal}
.hk-cart-img{height:180px}
.hk-chip{font-size:13px;padding-right:14px}
.hk-chip img{width:36px}
}
@media (prefers-reduced-motion:reduce){
.hk-tip .hk-av img,.hk-cart-img,.hk-wheel.hk-nudge{animation:none}
}