.pack-page{min-height:100vh;margin-bottom:0;padding-bottom:0;position:relative}.pack-page:before{content:"";background:var(--pack-bg-image) no-repeat center center;z-index:-2;background-size:cover;background-attachment:scroll;width:100%;height:100%;position:fixed;top:0;left:0}.pack-page:after{content:"";z-index:-1;background-color:#0000004d;width:100%;height:100%;position:fixed;top:0;left:0}.pack-container{max-width:1200px;margin:100px auto 60px;padding:0 20px;position:relative}.pack-page .pack-content,.pack-page .your-pack-content,.pack-page .booking-details-content,.pack-page .traveler-details-content,.pack-page .review-inquiry-content{background-color:var(--white);border-radius:10px;box-shadow:0 8px 30px #0000004d!important}.pack-page input,.pack-page select,.pack-page textarea{background-color:var(--white);border:1px solid var(--light-grey)}.pack-page input:focus,.pack-page select:focus,.pack-page textarea:focus{border-color:var(--primary-green);box-shadow:0 0 0 2px #0d4e361a}.pack-page .error-message{color:var(--error-red)}.pack-page .back-button,.pack-page .clear-pack-btn{background-color:var(--light-grey);color:var(--text-dark);border:1px solid var(--border-color)}.pack-page .back-button:hover,.pack-page .clear-pack-btn:hover{background-color:var(--border-color)}.pack-page .next-button,.pack-page .proceed-btn,.pack-page .submit-inquiry-button{background-color:var(--primary-green);color:var(--white);border:none}.pack-page .next-button:hover,.pack-page .proceed-btn:hover,.pack-page .submit-inquiry-button:hover{background-color:var(--primary-green-hover)}.pack-page .site-footer{background-color:var(--dark-grey);z-index:1;position:relative}.availability-message{text-align:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:15px 0;padding:20px}.availability-message p{color:#856404;margin:8px 0}.availability-message p:first-child{font-size:16px;font-weight:600}.pack-includes-note{color:#666;margin:1rem 0;font-size:.9rem;font-style:italic}.item-actions{justify-content:flex-start;margin-top:12px;display:flex}.pack-page .view-details-btn,.pack-container .view-details-btn,.view-details-btn{cursor:pointer;display:inline-block;background-color:var(--primary-green)!important;color:var(--white)!important;border:none!important;border-radius:6px!important;padding:8px 16px!important;font-size:.9rem!important;font-weight:500!important;text-decoration:none!important;transition:all .3s!important}.pack-page .view-details-btn:hover,.pack-container .view-details-btn:hover,.view-details-btn:hover{background-color:var(--primary-green-hover)!important;color:var(--white)!important;text-decoration:none!important;transform:translateY(-2px)!important}.suggested-packs-section{border-top:1px solid #eee;margin-top:2rem;padding-top:2rem}.suggested-packs-section h2{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.suggested-packs-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.suggested-pack-card{background:var(--white);cursor:pointer;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 15px #0000001a}.suggested-pack-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.suggested-pack-image{width:100%;height:200px;overflow:hidden}.suggested-pack-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.suggested-pack-card:hover .suggested-pack-image img{transform:scale(1.05)}.suggested-pack-content{padding:1.5rem}.suggested-pack-content h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.suggested-pack-content p{color:var(--text-light);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.suggested-pack-card.loading{cursor:default}.suggested-pack-image-placeholder{color:#999;background-color:#f0f0f0;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.loading-placeholder{background-color:#f0f0f0;border-radius:4px;height:20px;margin-bottom:.5rem;animation:1.5s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.5}}@media (max-width:768px){.pack-container{margin:80px auto 40px}.suggested-packs-grid{grid-template-columns:1fr}.suggested-pack-content{padding:1rem}.suggested-pack-content h3{font-size:1.2rem}}
