:root{--hapop-border:rgba(15,23,42,.10);--hapop-muted:#64748b}.hapop-overlay{position:fixed;inset:0;background:rgb(2 6 23 / .55);display:none;z-index:999999;padding:18px;overflow-y:auto;-webkit-overflow-scrolling:touch}.hapop-overlay.is-open{display:block;animation:hapopFade .18s ease-out}@keyframes hapopFade{from{opacity:0}to{opacity:1}}.hapop-modal{width:min(980px, 100%);margin:18px auto;background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--hapop-border);box-shadow:0 24px 60px rgb(0 0 0 / .35);transform:translateY(-14px);animation:hapopDrop .28s ease-out forwards;position:relative;max-height:calc(100vh - 36px);display:flex;flex-direction:column;--hapop-badge-bg:#0b1220;--hapop-badge-text:#ffffff;--hapop-head-a:#E6F9F0;--hapop-head-b:#E8F4FF;--hapop-price-bg:#FFF4D6;--hapop-price-label:#7c2d12;--hapop-price-value:#111827;--hapop-marker:#16a34a;--hapop-call:#16a34a;--hapop-msg:#0284c7}@keyframes hapopDrop{to{transform:translateY(0)}}.hapop-close{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:12px;border:1px solid rgb(15 23 42 / .12);background:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:3}.hapop-close:hover{background:#f8fafc}.hapop-top{display:flex;gap:14px;align-items:center;padding:14px 56px 14px 16px;background:linear-gradient(90deg,var(--hapop-head-a),var(--hapop-head-b));border-bottom:1px solid var(--hapop-border);flex:0 0 auto;flex-wrap:wrap}.hapop-badge{background:var(--hapop-badge-bg);color:var(--hapop-badge-text);font-weight:900;padding:10px 12px;border-radius:14px;letter-spacing:.4px;white-space:nowrap}.hapop-title{min-width:0;flex:1 1 240px}.hapop-title h2{margin:0;font-size:20px;line-height:1.15;word-break:break-word}.hapop-title p{margin:4px 0 0;color:#0f172a;opacity:.85;word-break:break-word}.hapop-body{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:16px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1 1 auto}.hapop-layout-stacked .hapop-body{grid-template-columns:1fr}@media (max-width:860px){.hapop-body{grid-template-columns:1fr}}.hapop-collage{display:grid;gap:10px}.hapop-main img{width:100%;height:auto;border-radius:16px;border:1px solid var(--hapop-border);background:#fff;object-fit:contain}.hapop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hapop-grid img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:14px;border:1px solid var(--hapop-border);background:#fff;padding:6px}@media (max-width:520px){.hapop-grid{grid-template-columns:repeat(2,1fr)}}.hapop-kls{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px;border-radius:16px;border:1px solid var(--hapop-border);background:#f8fafc}.hapop-kls img{width:74px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--hapop-border)}.hapop-kls-title{font-weight:900}.hapop-kls-note{color:var(--hapop-muted);font-size:12px;margin-top:2px}.hapop-price{border:1px solid rgb(251 191 36 / .55);border-radius:16px;padding:12px;background:var(--hapop-price-bg)}.hapop-price-tag{display:flex;align-items:baseline;gap:10px}.hapop-price-label{font-weight:900;color:var(--hapop-price-label)}.hapop-price-value{font-size:34px;font-weight:1000;color:var(--hapop-price-value);letter-spacing:-.5px;animation:hapopPulse 1.9s ease-in-out infinite}@keyframes hapopPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}.hapop-price-note{color:var(--hapop-price-label);font-weight:700;margin-top:4px}.hapop-perks{display:grid;gap:6px;margin-top:10px}.hapop-perk{font-weight:800;color:#0f172a;background:rgb(255 255 255 / .55);border:1px solid rgb(15 23 42 / .08);padding:8px 10px;border-radius:12px}.hapop-list{margin:12px 0 0;padding-left:18px;display:grid;gap:8px}.hapop-list li{margin:0;color:#0f172a}.hapop-list li::marker{color:var(--hapop-marker)}.hapop-cta{margin-top:14px;display:grid;gap:10px}.hapop-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:14px;padding:12px 14px;font-weight:900;border:1px solid rgb(15 23 42 / .12)}.hapop-btn-call{background:var(--hapop-call);color:#fff;border-color:rgb(34 197 94 / .35)}.hapop-btn-msg{background:var(--hapop-msg);color:#fff;border-color:rgb(14 165 233 / .35)}.hapop-btn:hover{filter:brightness(.98)}.hapop-alt{color:var(--hapop-muted);font-size:13px}.hapop-alt a{font-weight:800;text-decoration:underline}.hapop-small{color:var(--hapop-muted);font-size:12px;margin-top:10px}@media (max-width:520px){.hapop-overlay{padding:10px}.hapop-modal{max-height:calc(100vh - 20px);border-radius:18px}.hapop-title h2{font-size:18px}.hapop-price-value{font-size:30px}.hapop-top{gap:8px;padding-right:56px}.hapop-badge{white-space:normal}}.hapop-left,.hapop-right{min-width:0}.hapop-main img{display:block}@media (max-width:860px){.hapop-overlay{padding:8px!important;overflow-y:auto!important;overscroll-behavior:contain}.hapop-overlay.is-open{display:block}.hapop-modal{width:100%!important;max-height:none!important;min-height:0!important;height:auto!important;margin:0 auto 16px!important;overflow:visible!important;border-radius:16px!important}.hapop-top{position:relative;top:auto;z-index:2;padding:12px 52px 12px 12px!important}.hapop-title h2{font-size:18px!important}.hapop-title p{font-size:14px}.hapop-body{display:block!important;grid-template-columns:1fr!important;overflow:visible!important;padding:12px!important}.hapop-left,.hapop-right{width:100%}.hapop-right{margin-top:12px}.hapop-main img{max-height:min(34vh, 260px);width:100%;object-fit:contain}.hapop-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.hapop-grid img{min-height:86px;max-height:110px}.hapop-kls{align-items:flex-start}.hapop-price-value{font-size:30px!important}.hapop-list{margin-top:10px;gap:7px}.hapop-cta{position:sticky;bottom:0;background:#fff;padding-top:8px}.hapop-btn{min-height:48px;width:100%}}@media (max-width:520px){.hapop-main img{max-height:min(30vh, 220px)}.hapop-kls img{width:64px;height:48px}.hapop-small,.hapop-alt{font-size:12px}}.hapop-overlay,.hapop-modal,.hapop-body,.hapop-left,.hapop-right,.hapop-collage,.hapop-main,.hapop-grid{touch-action:pan-y}.hapop-main img,.hapop-grid img{display:block;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}@media (max-width:860px){.hapop-overlay{height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.hapop-modal{overflow:visible!important;transform:none!important;animation:none!important}.hapop-body{min-height:0!important}.hapop-main,.hapop-grid,.hapop-kls,.hapop-list,.hapop-price,.hapop-right,.hapop-left{position:relative;z-index:1}}.hapop-overlay,.hapop-modal,.hapop-body,.hapop-left,.hapop-right{touch-action:pan-y}.hapop-main img,.hapop-grid img,.hapop-kls img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y!important;pointer-events:none}@media (max-width:860px){html.hapop-open,body.hapop-open{overflow:hidden!important;height:100%!important}.hapop-overlay{position:fixed!important;inset:0!important;display:none;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.hapop-overlay.is-open{display:block!important}.hapop-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}