.promotions-page{max-width:1200px;margin:0 auto;padding:120px 20px 60px;font-family:Kanit,sans-serif}.promotions-header{align-items:center;gap:20px;margin-bottom:40px;display:flex}.promotions-header h1{color:#252154;margin:0;font-size:2.5rem}.promotions-header .icon-wrapper,.promo-duration .icon-wrapper{color:#fff;background-color:#252154;border-radius:50%;justify-content:center;align-items:center;display:flex}.promotions-header .icon-wrapper{flex-shrink:0;width:60px;height:60px;font-size:1.8rem}.filter-buttons{gap:10px;padding-bottom:10px;padding-right:20px;display:flex}.filter-btn{cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #d0d0d0;border-radius:50px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.filter-btn:hover{background-color:#f0f2f5;border-color:#252154}.filter-btn.active{color:#fff;background-color:#252154;border-color:#252154}.promotions-grid{grid-template-columns:1fr;gap:30px;display:grid}.promo-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000014}.promo-card-image{width:100%;padding-top:56.25%;position:relative}.promo-card-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.promo-card-content h3{color:#333;flex-grow:1;margin:0 0 15px;font-size:1.25rem}.promo-duration{align-items:center;gap:15px;margin-bottom:20px;display:flex}.promo-duration .icon-wrapper.small{flex-shrink:0;width:40px;height:40px;font-size:1rem}.duration-text p{color:#000;margin:0;font-weight:500}.duration-text span{color:#252154;font-weight:600}.promo-read-more{color:#fff;text-align:center;background-color:#252154;border-radius:8px;padding:12px;font-weight:600;text-decoration:none;transition:background-color .2s;display:block}.promo-read-more:hover{background-color:#3d3a68}.pagination-controls{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:none}.pagination-controls button{cursor:pointer;background-color:#fff;border:1px solid #d0d0d0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}@media (min-width:768px){.promotions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.promotions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:428px){.pagination-controls{display:flex}}.filter-scroll-container{-ms-overflow-style:none;scrollbar-width:none;width:100%;margin-bottom:40px;overflow-x:auto}.filter-scroll-container::-webkit-scrollbar{display:none}