.content-page{max-width:1180px;margin-inline:auto;padding:22px 16px 40px}.content-page__head h1{color:var(--ui-text);font-size:26px;font-weight:900}.content-page__head{margin-bottom:16px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.content-card{border:1px solid var(--ui-border);background:var(--ui-bg-elevated);color:inherit;border-radius:13px;align-content:start;gap:8px;padding:12px;transition:box-shadow .18s,transform .18s;display:grid}.content-card:hover{box-shadow:var(--ui-shadow-md,0 4px 14px #10253f21);transform:translateY(-2px)}.content-card>strong{font-size:15px;font-weight:800;line-height:1.45}.content-card>p{color:var(--ui-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.content-card__media{aspect-ratio:1;background:var(--ui-bg-accented);border-radius:9px;width:100%;overflow:hidden}.content-card__media--empty{color:var(--ui-text-muted);place-items:center;display:grid}.content-card__cta{color:var(--ui-primary);align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.content-card--skeleton{pointer-events:none}.content-card--skeleton>*,.content-card__line{background:var(--ui-bg-accented)}.content-card__line{border-radius:6px;height:13px}.content-card__line--short{width:55%}.content-card--skeleton .content-card__media,.content-card__line{animation:1.3s ease-in-out infinite content-pulse}@keyframes content-pulse{0%,to{opacity:1}50%{opacity:.55}}.content-state{border:1px dashed var(--ui-border);text-align:center;border-radius:13px;justify-items:center;gap:7px;padding:46px 20px;display:grid}.content-state>svg{width:34px;height:34px;color:var(--ui-text-muted)}.content-state strong{font-size:16px;font-weight:800}.content-state p{color:var(--ui-text-muted);font-size:13px}.content-state a,.content-state button{border:1px solid var(--ui-border);background:var(--ui-bg-elevated);cursor:pointer;border-radius:8px;margin-top:7px;padding:9px 16px;font-weight:800}.content-back,.content-state a,.content-state button{align-items:center;gap:6px;font-size:13px;display:inline-flex}.content-back{color:var(--ui-text-muted);margin-bottom:14px;font-weight:700}.content-detail{gap:14px;display:grid}.content-detail h1{font-size:26px;font-weight:900;line-height:1.35}.content-detail .content-detail__media{aspect-ratio:var(--media-ratio,1);width:min(100%,calc(520px*var(--media-ratio,1)));background:var(--ui-bg-elevated);border-radius:13px;justify-self:center;overflow:hidden}@media (width<=900px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.content-page{padding:16px 12px 82px}.content-detail h1,.content-page__head h1{font-size:21px}.content-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.content-card--skeleton .content-card__media,.content-card__line{animation:none}.content-card:hover{transform:none}}.promo-claim{border-top:1px solid var(--ui-border);gap:9px;margin-top:6px;padding-top:16px;display:grid}.promo-claim__reason{color:var(--ui-text-muted);align-items:center;gap:7px;font-size:13px;display:flex}.promo-claim__message{color:var(--ui-success,#16a34a);font-size:13px;font-weight:800}.promo-claim__message.is-error{color:var(--ui-error,#dc2626)}.promo-claim__button{background:var(--ui-primary);color:var(--ui-text-inverted);cursor:pointer;border:0;border-radius:10px;justify-self:start;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;display:inline-flex}.promo-claim__button:disabled{opacity:.55;cursor:default}.promo-available{border:1px solid color-mix(in srgb,var(--ui-success,#16a34a) 32%,var(--ui-border));background:color-mix(in srgb,var(--ui-success,#16a34a) 7%,transparent);border-radius:12px;max-width:1180px;margin:18px auto -4px;padding:13px 16px}.promo-available__head{color:var(--ui-success,#16a34a);align-items:center;gap:7px;font-size:14px;font-weight:900;display:flex}.promo-available ul{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.promo-available li{background:var(--ui-bg);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:700}@media (width<=600px){.promo-available{margin-inline:12px}}
