.hukm-section{background-color:#141414;width:100%;padding-top:20px}
.hukm-container{max-width:480px;margin:0 auto;padding:0 20px;text-align:center}
.hukm-heading-block{margin-bottom:28px}
.hukm-badge{display:inline-block;border:1px solid #e84b1c;color:#e84b1c;font-size:12px;font-weight:600;padding:4px 16px;border-radius:20px;margin-bottom:12px;background:#1b1516;border:1px solid #F04C2366}
.hukm-heading,.hukm-compare__heading{font-size:22px;font-weight:800;color:#fff;margin:0;line-height:1.3}
.hukm-grid{display:grid;grid-template-columns:repeat(2,120px);justify-content:center;gap:35px;list-style:none;margin:0;padding:0}
.hukm-card{display:flex;flex-direction:column;width:120px;min-height:180px;gap:12px;padding-bottom:10px;border-radius:9px;border:1px solid #FFFFFF38;background-color:#1a1a1a}
.hukm-card__media{width:120px;height:128px;flex-shrink:0;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid #FFFFFF38}
.hukm-card__bg{width:100%;height:100%;object-fit:cover;display:block}
.hukm-card__caption{width:104px;min-height:30px;flex:1;margin:0 auto;padding:0 3px;display:flex;align-items:center;justify-content:center;text-align:center}
.hukm-card__title{color:#fff;font-size:12px;font-weight:700;line-height:1.35}
.hukm-compare{background-color:#0b0b0b;border-radius:16px;padding:32px 16px;margin:0 -20px}
.hukm-compare__tiles{display:flex;justify-content:center;gap:12px}
.hukm-tile{width:167px;min-height:51px;flex-shrink:0;display:flex;align-items:center;gap:5px;background:#1b1516;border:1px solid #F04C2366;border-radius:5px;padding:11px 9px;text-align:left}
.hukm-tile__icon{flex-shrink:0;width:25px;height:24px;object-fit:contain;border-radius:6px;padding:4px}
.hukm-tile__text{display:flex;flex-direction:column;min-width:0}
.hukm-tile__title{color:#fff;font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hukm-tile__desc{color:#9a9a9a;font-size:9px;line-height:1.3;margin-top:2px;white-space:normal}
.hukm-submit-btn{position:fixed;left:20px;right:20px;bottom:16px;z-index:999;display:block;width:auto;background-color:#e84b1c;color:#fff;border:0;font-size:15px;font-weight:700;padding:14px 16px;border-radius:8px;margin-top:0;cursor:pointer}
@media(min-width:768px){.hukm-container{max-width:900px}
.hukm-heading,.hukm-compare__heading{font-size:32px}
.hukm-grid{grid-template-columns:repeat(4,120px);max-width:none;margin-left:auto;margin-right:auto;gap:35px}
.hukm-compare{width:100vw;margin:0 calc(50% - 50vw);padding:40px 32px;border-radius:0}
.hukm-compare__tiles{max-width:560px;margin:0 auto}
.hukm-tile{width:243px;min-height:62px;gap:8px;padding:13px 12px}
.hukm-tile__icon{width:30px;height:29px}
.hukm-tile__title{font-size:14px}
.hukm-tile__desc{font-size:11px}
.hukm-submit-btn{left:0;right:0;width:50%;margin:0 auto}
.hukm-section::after{content:"";position:fixed;left:0;right:0;bottom:0;height:80px;background-color:#141414;z-index:500;pointer-events:none}
}
.hukm-arpu-overlay{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,0.75);z-index:950;align-items:center;justify-content:center;padding:20px}
.hukm-arpu-overlay.open{display:flex}
.hukm-arpu-popup{position:relative;background-color:#fff;border-radius:16px;width:100%;max-width:380px;padding:40px 24px 28px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,0.3)}
.hukm-arpu-close{position:absolute;top:10px;right:12px;background:0;border:0;color:#444;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}
.hukm-arpu-heading{color:#e84b1c;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 16px}
.hukm-arpu-body{color:#444;font-size:14px;line-height:1.5;margin:0 0 24px}
.hukm-arpu-btn-continue{display:block;width:100%;background-color:#e84b1c;color:#fff;border:0;border-radius:30px;padding:14px;font-size:15px;font-weight:600;letter-spacing:.5px;cursor:pointer;margin-bottom:14px}
.hukm-arpu-btn-continue:hover{background-color:#cf4118}
.hukm-arpu-btn-skip{display:inline-block;background-color:#e6e6e6;color:#666;border:0;border-radius:30px;padding:8px 24px;font-size:13px;font-weight:500;cursor:pointer}
.hukm-arpu-btn-skip:hover{background-color:#d9d9d9}
.hukm-placeholder{background-color:#141414;border:2px dashed #e84b1c;border-radius:8px;padding:48px 24px;text-align:center}
.hukm-placeholder p{color:#888;font-size:14px;margin:0}