Versand

.ayro-shipping { max-width: 900px; margin: 0 auto; color: #111; font-family: inherit; } .ayro-shipping h2 { font-size: 32px; line-height: 1.15; margin: 0 0 16px; } .ayro-shipping h3 { font-size: 22px; margin: 42px 0 12px; } .ayro-shipping p { font-size: 14px; line-height: 1.6; color: #555; } .ayro-shipping__benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 28px 0 40px; } .ayro-shipping__benefit { padding: 18px; background: #F1EFEA; border-radius: 10px; } .ayro-shipping__benefit strong { display: block; font-size: 11px; letter-spacing: .04em; margin-bottom: 5px; } .ayro-shipping__benefit span { display: block; font-size: 11px; line-height: 1.4; color: #666; } .ayro-shipping__accordion { border-top: 1px solid #ddd; margin-top: 24px; } .ayro-shipping details { border-bottom: 1px solid #ddd; } .ayro-shipping summary { position: relative; padding: 17px 36px 17px 0; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; } .ayro-shipping summary::-webkit-details-marker { display: none; } .ayro-shipping summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: 400; } .ayro-shipping details[open] summary::after { content: "−"; } .ayro-shipping__rates { padding: 0 0 16px; } .ayro-shipping__rate { display: flex; justify-content: space-between; gap: 20px; padding: 9px 0; font-size: 12px; line-height: 1.4; } .ayro-shipping__rate + .ayro-shipping__rate { border-top: 1px solid #eee; } .ayro-shipping__rate-info { text-align: right; white-space: nowrap; } .ayro-shipping__price { font-weight: 700; } .ayro-shipping__time { display: block; margin-top: 2px; color: #777; font-size: 10px; } .ayro-shipping__text-section { margin-top: 36px; } .ayro-shipping__text-section h3 { margin: 0 0 10px; font-size: 18px; } .ayro-shipping__help { margin-top: 40px; padding: 22px; background: #F1EFEA; border-radius: 10px; } .ayro-shipping__help strong { display: block; margin-bottom: 6px; font-size: 14px; } .ayro-shipping__help p { margin: 0; } @media (max-width: 749px) { .ayro-shipping h2 { font-size: 26px; } .ayro-shipping h3 { font-size: 19px; margin-top: 34px; } .ayro-shipping__benefits { grid-template-columns: 1fr; gap: 6px; margin: 22px 0 32px; } .ayro-shipping__benefit { padding: 15px 16px; } .ayro-shipping__rate { align-items: flex-start; } .ayro-shipping__rate-info { max-width: 48%; } }