.promotion-card{color:inherit;display:flex;flex-direction:column;text-decoration:none}.promotion-card__image-frame{aspect-ratio:1980/1002;overflow:hidden;width:100%}.promotion-card__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-media-zoom) var(--easing-media-zoom);width:100%}.promotion-card__body{display:flex;flex-direction:column;gap:var(--spacing-4);padding-top:var(--spacing-16)}@media (min-width:1001px){.promotion-card__body{align-items:baseline;display:grid;gap:var(--spacing-4) var(--spacing-8);grid-template-areas:"title period" "subtitle .";grid-template-columns:minmax(0,1fr) 294px}}.promotion-card__title{display:-webkit-box;font-family:Montserrat,sans-serif;font-size:17px;font-style:normal;font-weight:600;line-height:25px;overflow:hidden;text-decoration:none;text-transform:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-gray-900);margin:0;text-overflow:ellipsis}@media (min-width:1001px){.promotion-card__title{font-family:Montserrat,sans-serif;font-size:19px;font-style:normal;font-weight:600;grid-area:title;line-height:27px;line-height:var(--line-height-19);min-width:0;text-decoration:none;text-transform:none}}.promotion-card__subtitle{display:-webkit-box;font-family:Montserrat,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:24px;overflow:hidden;text-decoration:none;text-transform:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-gray-900);margin:0;text-overflow:ellipsis}@media (min-width:1001px){.promotion-card__subtitle{grid-area:subtitle;min-width:0}}.promotion-card__period{color:var(--color-gray-900);font-family:Montserrat,sans-serif;font-size:15px;font-style:normal;font-weight:600;line-height:23px;margin:0;text-decoration:none;text-transform:none;white-space:nowrap}@media (min-width:1001px){.promotion-card__period{grid-area:period;text-align:right;width:294px}}.promotion-card_expired .promotion-card__image{filter:grayscale(1)}@media (hover:hover) and (pointer:fine){.promotion-card:hover .promotion-card__image{transform:scale(1.12)}}.promotion-card-skeleton{display:flex;flex-direction:column}.promotion-card-skeleton__image,.promotion-card-skeleton__subtitle,.promotion-card-skeleton__title{background:var(--color-gray-100)}.promotion-card-skeleton__image{aspect-ratio:1980/1002;width:100%}.promotion-card-skeleton__body{display:flex;flex-direction:column;gap:var(--spacing-8);padding-top:var(--spacing-16)}.promotion-card-skeleton__title{height:28px;width:70%}.promotion-card-skeleton__subtitle{height:48px;width:100%}
