.storage-tariff-row { display: flex; flex-wrap: wrap; align-items: stretch; margin-bottom: -20px; }
.storage-tariff-col { display: flex; float: none; margin-bottom: 20px; }
.storage-tariff-card { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 100%; padding: 24px; border: 1px solid #e6ebf1; border-radius: 6px; background: #fff; box-shadow: 0 8px 24px rgba(35,57,79,.06); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.storage-tariff-card:hover { transform: translateY(-4px); border-color: #cfe0f2; box-shadow: 0 16px 34px rgba(35,57,79,.12); }
.storage-tariff-card__badge { position: absolute; top: -12px; right: 20px; z-index: 1; padding: 5px 11px; border-radius: 20px; background: #2278d8; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.2; }
.storage-tariff-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.storage-tariff-card__title { margin: 0; color: #1f3449; font-size: 22px; line-height: 1.2; font-weight: 700; }
.storage-tariff-card__panel { display: inline-flex; align-items: center; flex: 0 0 auto; padding: 6px 10px; border-radius: 5px; background: #f1f6fc; color: #49647e; font-size: 13px; font-weight: 600; line-height: 1.25; }
.storage-tariff-card__price { margin: 0 0 5px; color: #1f3449; font-size: 25px; line-height: 1.2; font-weight: 700; text-align: center; }
.storage-tariff-card__price span { font-size: 16px; font-weight: 600; }
.storage-tariff-card__annual { margin: 0; color: #6c7682; font-size: 14px; text-align: center; }
.storage-tariff-card__annual a { color: inherit; border-bottom: 1px dashed currentColor; text-decoration: none; }
.storage-tariff-card__discount { display: inline-block; margin-top: 8px; padding: 4px 8px; border-radius: 4px; background: #e9f4ff; color: #2278d8; font-size: 12px; font-weight: 600; }
.storage-tariff-card__pricing { margin-bottom: 24px; text-align: center; }
.storage-tariff-card__features { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px 20px; margin: 0 0 24px; }
.storage-tariff-card__feature { min-width: 0; }
.storage-tariff-card__feature--full { grid-column: 1 / -1; }
.storage-tariff-card__feature span { display: block; margin-bottom: 3px; color: #6c7682; font-size: 13px; line-height: 1.3; }
.storage-tariff-card__feature strong { display: block; color: #23394f; font-size: 16px; line-height: 1.35; font-weight: 600; }
.storage-tariff-card__feature img { width: 20px; height: auto; margin-right: 4px; vertical-align: -4px; }
.storage-tariff-card__details { color: #526b82; font-size: 14px; line-height: 1.5; }
.storage-tariff-card__details a { color: #2278d8; border-bottom: 1px dashed currentColor; text-decoration: none; }
.storage-tariff-card__bottom { margin-top: auto; }
.storage-tariff-card__button { display: block; width: 100%; padding: 11px 18px; border-radius: 4px; background: #2278d8; color: #fff !important; text-align: center; font-weight: 600; text-decoration: none !important; transition: background .18s ease, box-shadow .18s ease; }
.storage-tariff-card__button:hover, .storage-tariff-card__button:focus { background: #176bc7; box-shadow: 0 8px 18px rgba(34,120,216,.22); color: #fff !important; }
.storage-tariff-card { text-align: center; }
.storage-tariff-card__head { align-items: center; justify-content: center; }
.storage-tariff-card__features { row-gap: 22px; margin-bottom: 28px; text-align: center; }
.storage-tariff-card__feature span { margin-bottom: 6px; }
.storage-tariff-card__details { display: grid; gap: 8px; margin-top: 2px; text-align: center; }
.storage-tariff-card__details span { display: block; }
.storage-tariff-card__bottom { margin-top: auto; padding-top: 22px; border-top: 1px solid #e6ebf1; }
@media only screen and (max-width:767px), only screen and (max-device-width:767px) {
    .storage-tariff-col { display: block !important; float: none !important; width: 100% !important; max-width: 100%; padding-right: 0 !important; padding-left: 0 !important; }
    .storage-tariff-card { min-height: 0; padding: 20px; }
    .storage-tariff-card__features { grid-template-columns: 1fr; gap: 13px; }
    .storage-tariff-card__feature--full { grid-column: auto; }
}