/* assets/css/page-cart.css - копия без комментариев, править исходник */
.cart-table { width: 100%; border-collapse: collapse; } .woocommerce-cart-form .qty-stepper__input { width: 40px; height: 44px; border: none; text-align: center; font-size: 14px; }  .cart-page--empty { padding-bottom: 100px; } .cart-empty { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 60px 20px 20px; } .cart-empty__illustration { margin-bottom: 24px; } .cart-empty__illustration img { display: block; width: min(350px, calc(100vw - 40px)); height: auto; } .cart-empty__title { font-family: var(--font-display), 'Oswald', sans-serif; font-weight: 500; font-size: 40px; line-height: 46px; color: #252B2B; margin: 0 0 12px; } .cart-empty__text { font-family: 'Inter', sans-serif; font-size: 16px; line-height: 24px; color: #979E9F; margin: 0 0 32px; max-width: 420px; } .cart-empty__btn { display: inline-flex; align-items: center; justify-content: center; min-width: 250px; height: 48px; padding: 0 24px; background: #006C66; border-radius: 4px; color: #FFFFFF; font-family: 'Inter', sans-serif; font-size: 16px; text-decoration: none; transition: opacity 0.15s ease; } .cart-empty__btn:hover { opacity: 0.92; color: #FFFFFF; } @media (max-width: 768px) { .cart-empty { padding-top: 32px; } .cart-empty__title { font-size: 32px; line-height: 38px; } .cart-empty__text { font-size: 14px; line-height: 20px; } .cart-empty__btn { width: 100%; } }  .cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 32px; padding-bottom: 64px; align-items: start; } .order-summary { background: #fff; border: 1px solid #E3E5E6; border-radius: 12px; padding: 24px; position: sticky; top: calc(var(--header-height) + 20px); } .order-summary__title { font-size: 20px; font-weight: 600; font-family: var(--font-display); margin-bottom: 24px; } .order-summary__row { display: flex; justify-content: space-between; gap: 16px; font-size: 14px; margin-bottom: 12px; }  .order-summary__row > :last-child { flex-shrink: 0; white-space: nowrap; } .order-summary__row--total { font-size: 20px; font-weight: 700; font-family: var(--font-display); padding-top: 16px; border-top: 1px solid #F3F3F3; margin-top: 16px; margin-bottom: 24px; } .order-summary__checkout-btn { width: 100%; padding: 16px; margin-bottom: 12px; } .cart-page { padding-bottom: 64px; } .cart-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; } .cart-coupon { display: flex; gap: 8px; } .cart-coupon__input { height: 44px; padding: 0 16px; border: 1px solid #E3E5E6; border-radius: 4px; font-size: 14px; min-width: 200px; } .cart-coupon__btn { height: 44px; padding: 0 20px; background: #252B2B; color: #fff; border: none; border-radius: 4px; font-size: 14px; font-weight: 500; cursor: pointer; } .cart-update { height: 44px; padding: 0 20px; background: transparent; color: #555B5C; border: 1px solid #E3E5E6; border-radius: 4px; font-size: 14px; cursor: pointer; } .cart-update:hover { border-color: #252B2B; color: #252B2B; } @media (max-width: 1024px) { .cart-layout { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 768px) { .cart-item { grid-template-columns: 80px 1fr; } .cart-item__price { grid-column: 2; text-align: left; }  .cart-actions { flex-direction: column; align-items: stretch; } .cart-coupon__input { flex: 1; min-width: 0; } }  .qty-stepper { display: flex; align-items: center; border: 1px solid #E3E5E6; border-radius: 4px; overflow: hidden; width: fit-content; } .qty-stepper__btn { width: 36px; height: 44px; background: #F5F5F5; border: none; font-size: 18px; line-height: 1; cursor: pointer; color: #252B2B; display: flex; align-items: center; justify-content: center; } .qty-stepper__btn:hover { background: #EAEAEA; } .qty-stepper .quantity { margin: 0; } .qty-stepper__input { width: 44px; height: 44px; border: none; text-align: center; font-size: 14px; font-weight: 600; color: #252B2B; background: #fff; -moz-appearance: textfield; } .qty-stepper__input::-webkit-outer-spin-button, .qty-stepper__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
