Shipping policy

/* Container */ .shipping-container { max-width: 800px; margin: 0 auto; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; padding: 10px; } h2 { text-align: center; font-size: 1.7rem; margin-bottom: 25px; color: #222; } /* Accordion card */ .shipping-card { background: #fff; border-radius: 14px; margin: 14px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.08); overflow: hidden; transition: all 0.4s ease, box-shadow 0.3s ease; } .shipping-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.15); } /* Accordion summary */ .shipping-card summary { font-size: 1.15rem; font-weight: 600; padding: 18px 22px; cursor: pointer; list-style: none; user-select: none; background: linear-gradient(90deg, #ff6600, #000000); color: #fff; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e0e0e0; border-radius: 14px; transition: background 0.3s ease; } .shipping-card summary:hover { background: linear-gradient(90deg, #e65c00, #1a1a1a); } /* Plus/Minus Icon */ .shipping-card summary::-webkit-details-marker { display: none; } .shipping-card summary::after { content: "➕"; font-size: 1.25rem; transition: transform 0.35s ease, color 0.3s ease; } .shipping-card[open] summary::after { transform: rotate(45deg); color: #ff6600; } /* Accordion content */ .shipping-card .content { padding: 0 22px; max-height: 0; overflow: hidden; transition: max-height 0.5s ease, padding 0.5s ease; color: #333; font-size: 0.95rem; } .shipping-card[open] .content { padding: 15px 22px 22px 22px; max-height: 500px; animation: bounceIn 0.4s ease; } @keyframes bounceIn { 0% { transform: translateY(-10px); opacity: 0; } 50% { transform: translateY(3px); opacity: 0.6; } 100% { transform: translateY(0); opacity: 1; } } html { scroll-behavior: smooth; }