.shipping-policy { font-family: sans-serif; max-width: 800px; margin: 0 auto; padding: 40px 20px; } .shipping-policy h1 { font-size: 1.8rem; color: #2c2c2c; margin-bottom: 8px; } .shipping-policy .subtitle { color: #888; margin-bottom: 40px; } .shipping-policy h2 { font-size: 1.1rem; font-weight: 600; color: #2c2c2c; margin: 32px 0 10px; border-left: 3px solid #c9a96e; padding-left: 12px; border-radius: 0; } .shipping-policy p, .shipping-policy li { color: #555; line-height: 1.8; } .shipping-policy ul { padding-left: 20px; } .zones { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 16px 0; } .zone { background: #f9f7f4; border-radius: 10px; padding: 16px; } .zone h3 { font-size: 0.9rem; font-weight: 600; margin: 0 0 6px; color: #2c2c2c; } .zone p { font-size: 0.85rem; margin: 0; color: #777; } .zone .flag { font-size: 1.4rem; margin-bottom: 8px; } .info-box { background: #f0ece4; border-radius: 10px; padding: 20px; margin: 24px 0; } .info-box p { margin: 0; color: #5a4a35; } .contact-line { text-align: center; margin-top: 40px; color: #888; font-size: 0.9rem; } .contact-line a { color: #6b4f2a; font-weight: 600; text-decoration: none; } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate { animation: fadeUp 0.6s ease forwards; opacity: 0; } .d1 { animation-delay: 0.1s; } .d2 { animation-delay: 0.2s; } .d3 { animation-delay: 0.3s; }