@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Lato:wght@300;400;700&display=swap'); *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Lato', sans-serif; background-color: #fdf8f5; color: #3a2e2e; line-height: 1.8; } .policy-wrapper { max-width: 820px; margin: 60px auto; padding: 0 24px 80px; } .policy-header { text-align: center; margin-bottom: 56px; padding-bottom: 32px; border-bottom: 1px solid #e8d5c4; } .policy-header .brand { font-family: 'Cormorant Garamond', serif; font-size: 13px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; color: #b07d62; margin-bottom: 12px; } .policy-header h1 { font-family: 'Cormorant Garamond', serif; font-size: 42px; font-weight: 600; color: #2c1f1f; margin-bottom: 10px; } .policy-header .updated { font-size: 13px; color: #9e8a7e; letter-spacing: 1px; } /* Free Shipping Banner */ .free-shipping-banner { background: linear-gradient(135deg, #f9ede6 0%, #fce8dc 100%); border: 1px solid #e8c9b5; border-radius: 12px; padding: 28px 32px; margin-bottom: 48px; display: flex; align-items: flex-start; gap: 18px; } .free-shipping-banner .icon { font-size: 28px; flex-shrink: 0; margin-top: 2px; } .free-shipping-banner h2 { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 600; color: #8b4a2f; margin-bottom: 6px; } .free-shipping-banner p { font-size: 15px; color: #6b3d2a; line-height: 1.7; } /* Sections */ .policy-section { margin-bottom: 44px; } .section-label { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .section-label .icon { width: 36px; height: 36px; background: #f2e0d5; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; } .section-label h2 { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 600; color: #2c1f1f; } .policy-section p { font-size: 15px; color: #5a4a44; padding-left: 48px; } /* Delivery Grid */ .delivery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-left: 48px; margin-top: 4px; } .delivery-card { background: #fff; border: 1px solid #e8d5c4; border-radius: 10px; padding: 20px 18px; text-align: center; transition: box-shadow 0.2s ease; } .delivery-card:hover { box-shadow: 0 4px 16px rgba(176, 125, 98, 0.12); } .delivery-card .city-type { font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #b07d62; margin-bottom: 8px; } .delivery-card .days { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 600; color: #2c1f1f; line-height: 1; margin-bottom: 4px; } .delivery-card .days-label { font-size: 12px; color: #9e8a7e; } /* Divider */ .section-divider { border: none; border-top: 1px solid #ede0d8; margin: 44px 0; } /* Alert box */ .alert-box { background: #fff8f5; border-left: 3px solid #c0785a; border-radius: 0 8px 8px 0; padding: 18px 22px; margin-left: 48px; } .alert-box p { padding-left: 0; font-size: 15px; color: #5a4a44; } .alert-box a { color: #b07d62; text-decoration: underline; text-underline-offset: 3px; } /* Contact box */ .contact-box { background: linear-gradient(135deg, #2c1f1f 0%, #3d2b2b 100%); border-radius: 12px; padding: 36px 40px; text-align: center; margin-top: 56px; } .contact-box h2 { font-family: 'Cormorant Garamond', serif; font-size: 28px; font-weight: 600; color: #f9ede6; margin-bottom: 10px; } .contact-box p { font-size: 15px; color: #c9a898; margin-bottom: 22px; } .contact-box .btn { display: inline-block; background: #b07d62; color: #fff; text-decoration: none; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 14px 32px; border-radius: 6px; transition: background 0.2s ease; } .contact-box .btn:hover { background: #c0906f; } /* Responsive */ @media (max-width: 640px) { .policy-header h1 { font-size: 30px; } .delivery-grid { grid-template-columns: 1fr; } .free-shipping-banner { flex-direction: column; gap: 10px; } .contact-box { padding: 28px 24px; } }