/* assets/css/page-common.css - копия без комментариев, править исходник */
.badge { display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 10px; font-size: 14px; font-weight: 500; line-height: 32px; border-radius: 999px; } .badge--green { background: #81A554; color: #fff; } .badge--dark { background: #252B2B; color: #fff; } .stock-status { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; } .stock-status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .stock-status--in::before { background: #81A554; } .stock-status--in { color: #81A554; } .stock-status--low::before { background: #E8A317; } .stock-status--low { color: #E8A317; } .stock-status--soon::before { background: #C60100; } .stock-status--soon { color: #C60100; } .stock-status--out::before { background: #979E9F; } .stock-status--out { color: #979E9F; } .rating { display: inline-flex; align-items: center; gap: 4px; } .rating__stars { display: inline-flex; gap: 2px; } .rating__star { width: 16px; height: 16px; color: #FFD100; }  .rating__star--empty { color: #E3E5E6; } .rating__count { font-size: 12px; color: #979E9F; line-height: 18px; }  .icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #F9F9F9; color: #555B5C; transition: background 0.2s, color 0.2s; } .icon-btn:hover { background: #F1F1F1; } .pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 48px; } .pagination__btn { min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 4px; font-size: 14px; font-weight: 500; color: #252B2B; border: 1px solid transparent; transition: all 0.2s; } .pagination__btn:hover { background: #F9F9F9; } .pagination__btn.is-active { background: #006C66; color: #fff; } .pagination__btn:disabled { opacity: 0.3; cursor: not-allowed; }  .why-cards { background: #F9F9F9; padding: 100px 0; } .why-cards__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .why-cards__card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px; } .why-cards__icon { width: 46px; height: 46px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; } .why-cards__icon img { width: 46px; height: 46px; } .why-cards__title { font-family: 'Inter', sans-serif; font-weight: 600; font-size: 18px; line-height: 26px; color: #252B2B; margin: 0 0 16px 0; } .why-cards__desc { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; color: #555B5C; margin: 0; max-width: 303px; } @media (max-width: 1200px) { .why-cards__grid { grid-template-columns: repeat(2, 1fr); gap: 32px; } } @media (max-width: 768px) { .why-cards { padding: 60px 0; } .why-cards__grid { grid-template-columns: 1fr; gap: 24px; } }  :is(.catalog-content, .compare-related) .product-card { height: 624px; border: 0; border-radius: 4px; } :is(.catalog-content, .compare-related) .product-card__media { flex: 0 0 322px; height: 322px; align-items: flex-start; background: #fff; } :is(.catalog-content, .compare-related) .product-card__badge { position: absolute; top: 16px; left: 16px; z-index: 2; } :is(.catalog-content, .compare-related) .product-card__badge .badge { border-radius: 999px; } :is(.catalog-content, .compare-related) .product-card__badge--hit .badge { width: 146px; height: 32px; padding: 0 16px 0 10px; gap: 6px; background: #C60100; color: #fff; font-size: 16px; font-weight: 400; line-height: 21px; } :is(.catalog-content, .compare-related) .product-card__badge--hit svg { flex: 0 0 20px; width: 20px; height: 20px; } :is(.catalog-content, .compare-related) .product-card__media img { width: 249px; height: 249px; margin-top: 48px; padding: 0; object-fit: contain; } :is(.catalog-content, .compare-related) .product-card__body { flex: 0 0 302px; height: 302px; gap: 0; padding: 0 16px 16px; } :is(.catalog-content, .compare-related) .product-card__divider { display: none; }  :is(.catalog-content, .compare-related) .product-card__header { position: relative; height: 40px;  margin: 0; padding: 0; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; }  :is(.catalog-content, .compare-related) .product-card__art { position: absolute; top: 10px; left: 0; max-width: calc(100% - 110px); } :is(.catalog-content, .compare-related) .rating { position: absolute; top: 8px; right: 0; width: 102px; height: 18px; line-height: 18px; } :is(.catalog-content, .compare-related) .rating__stars { width: 73px; height: 13px; } :is(.catalog-content, .compare-related) .rating__star { width: 13px; height: 13px; } :is(.catalog-content, .compare-related) .rating__score { margin-left: 4px; line-height: 18px; } :is(.catalog-content, .compare-related) .product-card__title { flex: none; margin: 19px 0 0; }  :is(.catalog-content, .compare-related) .stock-status--in { display: none; } :is(.catalog-content, .compare-related) .product-card__price { margin-top: 32px; } :is(.catalog-content, .compare-related) .product-card__footer { height: 40px; gap: 14px; margin-top: 23px; } :is(.catalog-content, .compare-related) .product-card__footer .qty { flex: 0 0 133px; width: 133px; height: 40px; } :is(.catalog-content, .compare-related) .product-card__footer .btn { min-height: 40px; height: 40px; } :is(.catalog-content, .compare-related) .product-card__footer .btn svg { display: none; } :is(.catalog-content, .compare-related) .product-card__quick-buy { min-height: 40px; height: 40px; margin-top: 14px; } :is(.catalog-content, .compare-related) .product-card__notify { min-height: 40px; height: 40px; margin-top: 23px; }  @media (max-width: 768px) {  :is(.catalog-content, .compare-related) .product-card { display: grid; grid-template-columns: 46px 10px 46px 6px 46px minmax(0, 1fr); column-gap: 0; align-content: start; height: auto; padding: 0; border: 0; } :is(.catalog-content, .compare-related) .product-card__media { grid-column: 1 / -1; grid-row: 1; flex: none; width: 100%; height: auto; aspect-ratio: 1;  overflow: visible; } :is(.catalog-content, .compare-related) .product-card__media img { width: 100%; height: 100%; margin: 0; padding: 0; object-fit: contain; } :is(.catalog-content, .compare-related) .product-card__body { display: contents; } :is(.catalog-content, .compare-related) .product-card__divider { display: none; }  :is(.catalog-content, .compare-related) .product-card__badge { top: 0; left: 0; display: flex; }   :is(.catalog-content, .compare-related) .product-card__badge .badge { height: 24px; min-height: 24px; padding: 0 10px; font: 400 12px/12px 'Inter', sans-serif; } :is(.catalog-content, .compare-related) .product-card__badge--hit .badge { width: auto; height: 24px; padding: 0 8px 0 6px; gap: 4px; font: 400 12px/12px 'Inter', sans-serif; } :is(.catalog-content, .compare-related) .product-card__badge--hit svg { flex: 0 0 14px; width: 14px; height: 14px; }  :is(.catalog-content, .compare-related) .product-card__header { grid-column: 1 / -1; grid-row: 2; position: static; display: flex; align-items: center; justify-content: space-between; height: auto; margin-top: 18px; padding: 11px 0; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; } :is(.catalog-content, .compare-related) .product-card__art { position: static;  max-width: none; font: 400 10px/12px 'Inter', sans-serif; color: #979E9F; }  :is(.catalog-content, .compare-related) .product-card__header .rating { position: static; width: auto; height: auto; gap: 6px; line-height: 12px; }  :is(.catalog-content, .compare-related) .product-card__header .rating__stars { width: auto; } :is(.catalog-content, .compare-related) .product-card__header .rating__star:nth-child(n + 2) { display: none; } :is(.catalog-content, .compare-related) .product-card__art { white-space: nowrap; }  :is(.catalog-content, .compare-related) .product-card__header .rating { flex: none; }  :is(.catalog-content, .compare-related) .product-card__header .rating__score { position: relative; top: 1px; min-width: 16px; margin-left: 0; font-size: 10px; line-height: 12px; }  :is(.catalog-content, .compare-related) .product-card__title { grid-column: 1 / -1; grid-row: 3; min-height: 48px; margin: 12px 0 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; line-height: 16px; }  :is(.catalog-content, .compare-related) .stock-status { display: none; } :is(.catalog-content, .compare-related) .product-card__price { grid-column: 1 / -1; grid-row: 4; display: flex; align-items: baseline; gap: 6px;  margin-top: 18px; font-size: 16px; font-weight: 700; line-height: 19px; }  :is(.catalog-content, .compare-related) .product-card__old-price { position: relative; top: -1px; order: 2; color: #979E9F; font-size: 12px; font-weight: 400; line-height: 14px; text-decoration: line-through; }  :is(.catalog-content, .compare-related) .product-card__footer { display: contents; } :is(.catalog-content, .compare-related) .product-card__footer .qty { display: none; } :is(.catalog-content, .compare-related) .product-card__footer .btn { grid-column: 1; grid-row: 5; width: 46px; height: 46px; min-height: 46px; margin-top: 18px; padding: 0; gap: 0; border-radius: 4px; } :is(.catalog-content, .compare-related) .product-card__footer .btn svg { display: block; } :is(.catalog-content, .compare-related) .product-card__footer .btn span { display: none; } :is(.catalog-content, .compare-related) .product-card__actions { display: contents; } :is(.catalog-content, .compare-related) .product-card__actions .icon-btn { grid-row: 5; width: 46px; height: 46px; margin-top: 18px; border-radius: 4px; background: none; color: #979E9F; } :is(.catalog-content, .compare-related) .product-card__actions .icon-btn:hover { background: #F5F5F5; } :is(.catalog-content, .compare-related) .product-card__actions [data-favorite-toggle] { grid-column: 3; } :is(.catalog-content, .compare-related) .product-card__actions [data-compare-toggle] { grid-column: 5; }  :is(.catalog-content, .compare-related) .product-card__quick-buy, :is(.catalog-content, .compare-related) .product-card__notify { grid-column: 1 / -1; grid-row: 6; height: 46px; min-height: 46px; margin-top: 6px; border-radius: 4px; font: 400 13px/17px 'Inter', sans-serif; }  :is(.catalog-content, .compare-related) .product-card__quick-buy { padding-top: 0; padding-bottom: 1px; font-weight: 500; } }