.test1-shared-shell { font-family: "Manrope", sans-serif; } .test1-shared-shell .container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; } .test1-shared-shell .site-main { padding-top: 20px; } .test1-shared-cart-page { min-height: 100vh; display: flex; flex-direction: column; } .test1-shared-faq-page { min-height: 100vh; display: flex; flex-direction: column; } .test1-shared-contacts-page { min-height: 100vh; display: flex; flex-direction: column; } .test1-shared-delivery-page { min-height: 100vh; display: flex; flex-direction: column; } .test1-shared-service-page { min-height: 100vh; display: flex; flex-direction: column; } .test1-shared-shop-page { min-height: 100vh; display: flex; flex-direction: column; } .test1-shared-cart-page .site-main { flex: 1 0 auto; } .test1-shared-faq-page .site-main { flex: 1 0 auto; padding-bottom: 26px; } .test1-shared-contacts-page .site-main { flex: 1 0 auto; padding-bottom: 26px; } .test1-shared-delivery-page .site-main, .test1-shared-service-page .site-main { flex: 1 0 auto; padding-bottom: 26px; } .test1-shared-shop-page .site-main { flex: 1 0 auto; padding-bottom: 26px; } .test1-shared-cart-page .classic-footer { margin-top: auto; } .test1-shared-faq-page .classic-footer { margin-top: auto; } .test1-shared-contacts-page .classic-footer { margin-top: auto; } .test1-shared-delivery-page .classic-footer, .test1-shared-service-page .classic-footer { margin-top: auto; } .test1-shared-shop-page .classic-footer { margin-top: auto; } .test1-shared-shell .site-header { position: sticky; top: 0; z-index: 40; backdrop-filter: blur(16px); background: rgba(244, 248, 255, 0.9); border-bottom: 1px solid rgba(18, 48, 89, 0.08); } .test1-shared-shell .header-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 82px; } .test1-shared-shell .brand { display: flex; align-items: center; gap: 14px; color: #123059; text-decoration: none; } .test1-shared-shell .brand-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(145deg, #3cc8ff, #0d4fd6); color: #fff; box-shadow: 0 14px 28px rgba(13, 79, 214, 0.24); } .test1-shared-shell .brand-text strong { display: block; font-size: 16px; line-height: 1.2; } .test1-shared-shell .brand-text span { color: #5f7496; font-size: 12px; } .test1-shared-shell .nav { display: flex; align-items: center; gap: 20px; } .test1-shared-shell .nav a { color: #5f7496; text-decoration: none; font-size: 14px; font-weight: 700; } .test1-shared-shell .nav a:hover, .test1-shared-shell .nav a:focus-visible { color: #08338d; } .test1-shared-shell .header-actions { display: flex; align-items: center; gap: 12px; } .test1-shared-shell .header-phone, .test1-shared-shell .cart-button, .test1-shared-shell .checkout-back-link { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 18px; border-radius: 999px; text-decoration: none; font-weight: 800; } .test1-shared-shell .header-phone { color: #123059; background: rgba(255, 255, 255, 0.82); border: 1px solid rgba(18, 48, 89, 0.1); } .test1-shared-shell .cart-button, .test1-shared-shell .checkout-back-link { color: #fff; background: linear-gradient(135deg, #08338d, #0d4fd6); box-shadow: 0 14px 28px rgba(13, 79, 214, 0.24); } .test1-shared-shell .classic-footer { width: 100%; margin-top: 24px; padding: 44px 0 28px; background: #0a1f47; border-top: 1px solid rgba(255, 255, 255, 0.16); } .test1-shared-shell .classic-footer-shell { display: grid; gap: 22px; } .test1-shared-shell .classic-footer-main { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(180px, 1fr)); gap: 28px; align-items: start; } .test1-shared-shell .classic-footer-col h3 { margin: 0; color: #fff; font-size: 18px; line-height: 1.2; } .test1-shared-shell .footer-description, .test1-shared-shell .footer-links a, .test1-shared-shell .footer-legal a, .test1-shared-shell .footer-bottom, .test1-shared-shell .classic-footer .brand-text strong, .test1-shared-shell .classic-footer .brand-text span { color: rgba(255, 255, 255, 0.78); } .test1-shared-shell .footer-links, .test1-shared-shell .footer-legal { display: grid; gap: 10px; margin-top: 14px; } .test1-shared-shell .footer-links a, .test1-shared-shell .footer-legal a { text-decoration: none; } .test1-shared-shell .footer-links a:hover, .test1-shared-shell .footer-links a:focus-visible, .test1-shared-shell .footer-legal a:hover, .test1-shared-shell .footer-legal a:focus-visible { color: #fff; } .test1-shared-shell .classic-footer-bottom { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 8px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.16); font-size: 13px; } @media (max-width: 960px) { .test1-shared-shell .nav { display: none; } .test1-shared-shell .header-row { min-height: 74px; } .test1-shared-shell .classic-footer-main { grid-template-columns: 1fr 1fr; } .test1-shared-shell .classic-footer-main .brand-col { grid-column: 1 / -1; } } @media (max-width: 700px) { .test1-shared-shell .container { width: min(1180px, calc(100% - 20px)); } .test1-shared-shell .header-actions { gap: 8px; } .test1-shared-shell .header-phone { display: none; } .test1-shared-shell .cart-button, .test1-shared-shell .checkout-back-link { min-height: 42px; padding: 8px 14px; } .test1-shared-shell .classic-footer { padding-top: 32px; } .test1-shared-shell .classic-footer-main, .test1-shared-shell .classic-footer-bottom { grid-template-columns: 1fr; display: grid; } .test1-shared-shell .classic-footer-main .brand-col { grid-column: auto; } }