@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Arial,sans-serif}body{overflow-x:hidden}.main-container{display:flex;width:100%;height:100vh;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;user-select:none}.main-container::-webkit-scrollbar,.panel::-webkit-scrollbar{display:none}.main-container,.panel{scrollbar-width:none}.panel{flex:0 0 100%;width:100vw;min-width:360px;max-width:450px;height:100vh;display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto}.panel-title{font-size:24px;font-weight:700;margin-bottom:15px}.search-bar{width:100%;padding:10px 15px;border:none;border-radius:20px;background-color:hsla(0,0%,100%,.8);margin-bottom:10px;font-size:16px}.filters-section{background-color:hsla(0,0%,100%,.9);border-radius:10px;padding:10px;margin-bottom:20px}.filters-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.filters-title{font-weight:700}.filters-toggle{font-size:20px}.filters-content{display:none}.filters-content.expanded{display:block}.filter-group{margin-bottom:15px}.filter-group-title{font-weight:700;margin-bottom:5px}.tag-filter{display:flex;flex-wrap:wrap;gap:5px}.tag{background-color:#f0f0f0;border-radius:15px;padding:5px 10px;font-size:14px;cursor:pointer}.tag.active{background-color:#007bff;color:#fff}.range-filter{display:flex;align-items:center;gap:10px}.range-input{flex-grow:1}.sort-filter select{width:100%;padding:5px;border-radius:5px;border:1px solid #ccc}.card-container{display:flex;flex-direction:column;gap:20px}.insetBoxshadow{box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.1)}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;position:relative;transition:transform .3s ease;display:flex;flex-direction:column;transition:all .3s ease;cursor:pointer;min-height:300px}.card-animate-scroll{animation:appear linear;animation-timeline:view();animation-range:entry 0}@keyframes appear{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}.card.expanded{height:auto}.card-image{height:240px;background-size:cover;background-position:50%;position:relative;overflow:hidden}.card-image img{transition:transform .3s ease}.card:hover .card-image img{transform:scale(1.1)}.card-info{padding:10px 16px;display:flex;flex-direction:row;background-color:#fff;cursor:pointer}.card-title{font-weight:700;font-size:16px}.card-description{font-size:14px;color:#666}.card-details{font-size:12px;color:#333}.collapse-icon{align-self:flex-end;cursor:pointer;font-size:20px;color:#666;padding:5px}#trips{background-color:#d7e6e3}#places{background-color:#ffda79}#stays{background-color:#daf2ff}#food{background-color:#ffeee2}#activities{background-color:#f2ffe2}@media (min-width:768px){.main-container{flex-wrap:nowrap;overflow-x:visible}.panel{flex:1}}