/* Halol O‘yin: compact offer, using the site's existing green/lime palette. */
h1:not(:has(+ section[data-halol-showcase]))::after{content:"";display:block;height:114px;line-height:0;pointer-events:none}
section.halol-showcase{box-sizing:border-box;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;max-width:100%;height:90px;margin:0 0 24px;padding:14px 20px;border:1px solid #c9ff7270;border-radius:18px;background:linear-gradient(125deg,#0b6b4f,#101513);color:#fff;font-family:inherit;text-align:left}
section.halol-showcase *,section.halol-showcase *::before,section.halol-showcase *::after{box-sizing:border-box}
.halol-showcase .halol-showcase__brand{color:#fff;font-size:38px;font-style:italic;font-weight:850;line-height:1;letter-spacing:-.07em}
.halol-showcase .halol-showcase__detail{display:grid;gap:3px;min-width:0}
.halol-showcase .halol-showcase__rank{color:#c9ff72;font-size:10px;font-weight:750;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}
.halol-showcase .halol-showcase__stars{color:#c9ff72;font-size:18px;line-height:1.1;letter-spacing:.08em;white-space:nowrap}
.halol-showcase .halol-showcase__reviews{color:#e0e9e2;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.halol-showcase .halol-showcase__reviews b{color:#fff;font-weight:650}
.halol-showcase .halol-showcase__cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:112px;min-height:44px;margin:0;padding:11px 17px;border:1px solid transparent;border-radius:12px;background:#c9ff72;color:#101513;font-family:inherit;font-size:13px;font-weight:750;line-height:1.25;text-decoration:none;white-space:normal}
.halol-showcase .halol-showcase__cta:hover{background:#dcffab;color:#101513}
.halol-showcase .halol-showcase__cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){h1:not(:has(+ section[data-halol-showcase]))::after{height:172px}section.halol-showcase{grid-template-columns:58px minmax(0,1fr);gap:10px;height:148px;padding:12px;border-radius:15px}.halol-showcase .halol-showcase__cta{grid-column:1/-1;width:100%;min-width:0;min-height:48px}.halol-showcase .halol-showcase__brand{font-size:30px}.halol-showcase .halol-showcase__stars{font-size:16px}}

@media(max-width:700px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-grid>.article-card{min-width:0;max-width:100%}.article-card h2,.article-card h3{overflow-wrap:anywhere}}