Shipping policy

.tac-wrap{ padding:70px 16px; } .tac-container{ max-width:940px; margin:auto; } /* HEADER */ .tac-header{ text-align:center; margin-bottom:35px; } .tac-title{ font-size:32px; font-weight:800; margin-bottom:8px; color:#0e1b4d; } .tac-subtitle{ font-size:14px; color:#666; } /* ACCORDION BOX */ .tac-item{ background:#fff; border:1px solid rgba(0,0,0,0.06); border-radius:14px; margin-bottom:12px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.04); } /* BUTTON */ .tac-question{ width:100%; padding:16px 18px; background:none; border:none; text-align:left; font-size:15px; font-weight:600; cursor:pointer; display:flex; justify-content:space-between; align-items:center; } /* ICON */ .tac-icon{ transition:0.3s ease; } /* CONTENT */ .tac-answer{ max-height:0; overflow:hidden; transition:max-height 0.4s ease, padding 0.3s ease; padding:0 18px; font-size:14px; line-height:1.8; color:#555; } /* ACTIVE STATE */ .tac-item.active .tac-answer{ max-height:500px; padding:0 18px 16px; } .tac-item.active .tac-icon{ transform:rotate(45deg); } /* FADE */ .tac-fade{ opacity:0; transform:translateY(30px); animation:fadeUp 0.8s ease forwards; } @keyframes fadeUp{ to{ opacity:1; transform:translateY(0); } } /* MOBILE */ @media(max-width:768px){ .tac-title{ font-size:24px; } } document.addEventListener("DOMContentLoaded", function () { const items = document.querySelectorAll(".tac-item"); items.forEach(item => { const btn = item.querySelector(".tac-question"); btn.addEventListener("click", () => { item.classList.toggle("active"); }); }); });