.hfa-hunts{margin:0 auto;max-width:100%;padding:2rem 0;position:relative}.hfa-hunts__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 1.5rem}.hfa-hunts__title{font-size:2rem;font-weight:700;margin:0}.hfa-hunts__navigation{display:flex;gap:.5rem}.hfa-hunts__nav-arrow{align-items:center;background-color:#f8f8f8;border:1px solid #ddd;border-radius:50%;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.hfa-hunts__nav-arrow:hover{background-color:#333;color:#fff}.hfa-hunts__nav-arrow--prev{margin-right:.5rem}.hfa-hunts__container{overflow:hidden;padding:0 1.5rem;position:relative}.hfa-hunts__grid{display:grid;gap:1.5rem;grid-auto-columns:300px;grid-auto-flow:column;padding-bottom:1rem}.hfa-hunt-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:grid;grid-template-rows:200px auto 1fr;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.hfa-hunt-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.15);transform:translateY(-5px)}.hfa-hunt-card__image-wrapper{grid-row:1;height:100%;overflow:hidden;position:relative;width:100%}.hfa-hunt-card__image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.hfa-hunt-card:hover .hfa-hunt-card__image{transform:scale(1.05)}.hfa-hunt-card__favorite-button{align-items:center;background-color:hsla(0,0%,100%,.7);border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;transition:all .2s ease;width:36px}.hfa-hunt-card__favorite-button:hover{background-color:hsla(0,0%,100%,.9)}.hfa-hunt-card__favorite-button--active{color:#e74c3c}.hfa-hunt-card__content{display:grid;grid-row:2/span 2;grid-template-rows:auto auto 1fr;padding:1.25rem;row-gap:.5rem}.hfa-hunt-card__id{color:#888;font-size:.75rem;grid-row:1}.hfa-hunt-card__title{display:-webkit-box;font-size:1.25rem;font-weight:600;grid-row:2;line-height:1.3;margin:0;min-height:3.2rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hfa-hunt-card__details{align-content:start;display:grid;gap:.5rem;grid-row:3;grid-template-rows:repeat(3,auto)}.hfa-hunt-card__detail-item{align-items:baseline;display:grid;grid-template-columns:5.5rem 1fr}.hfa-hunt-card__label{font-weight:600}.hfa-hunts__footer{display:grid;gap:2rem;grid-template-rows:auto auto;justify-items:center;margin-top:2rem;padding:0 1.5rem}.hfa-hunts__progress-bar{background-color:#eee;border-radius:2px;height:4px;overflow:hidden;position:relative;width:100%}.hfa-hunts__progress-indicator{background-color:#e74c3c;border-radius:2px;height:100%;left:0;position:absolute;transition:transform .3s ease;width:20%}.hfa-hunts__cta{background-color:#2c3e50;border-radius:4px;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:1px;padding:.75rem 2rem;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease}.hfa-hunts__cta:hover{background-color:#1a252f}@media (max-width:768px){.hfa-hunts__grid{display:grid;gap:1.5rem;grid-auto-flow:row;grid-template-columns:1fr}.hfa-hunt-card{grid-template-rows:200px auto auto;width:100%}.hfa-hunt-card__title{min-height:auto}.hfa-hunts__navigation,.hfa-hunts__progress-bar{display:none}}@media (min-width:769px){.hfa-hunts__container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-color:#ccc #f1f1f1;scrollbar-width:thin}.hfa-hunts__container::-webkit-scrollbar{height:8px}.hfa-hunts__container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.hfa-hunts__container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.hfa-hunts__container::-webkit-scrollbar-thumb:hover{background-color:#aaa}}