:root{--primary-color: #ff8c38;--text-color: #161616;--background-color: #fff7ed;--gray-500: #4d4d4d;--max-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{margin:0;padding:0;background-color:var(--background-color);font-family:Inter,sans-serif;line-height:1.5;color:var(--text-color)}a{text-decoration:none;color:inherit;transition:color .2s}img{max-width:100%;height:auto}.site-wrapper{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:1rem}@media (min-width: 768px){html{font-size:18px}main{padding:2rem}}@media (min-width: 1024px){main{padding:2rem 4rem}}header{min-height:5rem;display:flex;align-items:center;padding:1rem;background-color:#fff;box-shadow:0 2px 4px #0000000d}header .navbar{display:flex;align-items:center;gap:1rem;margin-left:auto}header .site-logo{color:#000;text-transform:uppercase;font-weight:900;font-size:clamp(1.125rem,4vw,1.5625rem)}header a{text-decoration:none;color:#4d4d4d;font-weight:600;padding:.5rem;font-size:clamp(.875rem,3vw,1rem)}header a:hover{color:#161616;text-decoration:underline}header .login-icon{height:18px;width:18px}header .login-link{display:inline-flex;align-items:center}.user-profile{display:flex;position:relative}.avatar-button{background:none;border:none;padding:.25rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.avatar-button:hover{background-color:#0000000d}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:.5rem;box-shadow:0 .25rem 1rem #0000001a;min-width:12rem;overflow:hidden;z-index:1000}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;font-size:1rem;color:var(--text-color);cursor:pointer;transition:background-color .2s}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:var(--background-color);text-decoration:none}.dropdown-menu button{color:#dc2626;font-weight:600}.dropdown-menu button:hover{background-color:#fee2e2}@media (max-width: 420px){header{flex-wrap:wrap;justify-content:center;padding:.75rem}header .navbar{margin:.5rem auto;width:100%;justify-content:center;flex-wrap:wrap}}@media (min-width: 768px){header{padding:1rem 2rem}header .navbar{gap:1.5rem}header a{padding:.5rem}}main{margin-bottom:84px}footer{background-color:#161616;color:#aaa;height:74px;display:flex;flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;font-weight:500}.link-button{display:inline-block;text-align:center;text-decoration:none;border:none;padding:.75rem 1.375rem;color:initial;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.back-button{display:block;color:#000;text-decoration:none;margin-left:26px}.back-button span:hover{text-decoration:underline}.link-button:hover{transform:translate(1px,1px)}.home-container{background:linear-gradient(0deg,#00000075,#00000075),url(/assets/home-hero-CTTc2mQF.png) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:350px;color:#fff;padding:45px 23px;display:flex;flex-wrap:wrap;gap:1em}.home-container h1{font-weight:700;font-size:2.25rem;line-height:42px}.home-container p{line-height:24px}.home-container a{display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:#ff8c38;border:none;width:50%;padding-block:.75rem;color:#fff;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out;margin:1.8em auto}.home-container a:hover{transform:translate(1px,1px)}.about-page-container{display:flex;flex-wrap:wrap;gap:1em}.about-hero-image{max-width:100%}.about-page-content{display:flex;flex-wrap:wrap;gap:1em;padding-inline:23px;color:#161616;margin-bottom:55px}.about-page-content h1{line-height:38px}.about-page-content p{line-height:22px}.about-page-cta{background-color:#ffcc8d;color:#161616;padding-inline:32px;padding-bottom:32px;margin-inline:27px;border-radius:5px}.about-page-cta h2{margin:0;padding-block:37px}.about-page-cta .link-button{background-color:#161616;color:#fff;border-radius:10px}.van-list-container{padding:1rem;max-width:1200px;margin:0 auto}.van-list-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.van-list{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.van-tile{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.van-tile .van-info{display:flex;flex-direction:column;gap:1em;margin-bottom:1em}.van-tile a{color:#161616;text-decoration:none}.van-tile img{width:100%;border-radius:5px;aspect-ratio:16/9;object-fit:cover}.van-list-container button{margin:.25rem;cursor:pointer}@media (min-width: 640px){.van-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.van-list{grid-template-columns:repeat(3,1fr)}.van-list-container{padding:2rem}}.van-type{height:34px;padding:6px 26px;font-style:normal;font-weight:500;border:none;border-radius:5px;background-color:#ffead0;color:#4d4d4d;transition:.2s all cubic-bezier(.4,0,.2,1)}.van-type:hover{color:#ffead0}.van-type:focus{outline:none}.van-type.selected{color:#ffead0}.van-type.simple:hover,.van-type.simple.selected{background-color:#e17654}.van-type.rugged:hover,.van-type.rugged.selected{background-color:#115e59}.van-type.luxury:hover,.van-type.luxury.selected{background-color:#161616}.van-type.clear-filters{margin-left:-20px;height:34px;padding:6px 26px;font-style:normal;font-weight:500;border:none;border-radius:5px;text-decoration:underline;background-color:transparent;color:#4d4d4d}i[class*=van-type-]{padding:7px 14px}.van-detail-container{padding-inline:27px}.van-detail-container .back-button{color:#000;text-decoration:none}.van-detail-container .back-button span{text-decoration:underline}.van-detail{display:flex;flex-direction:column;color:#161616}.van-detail img{border-radius:5px;margin-block:47px}.van-detail h2{font-size:2rem;margin-bottom:10px}.van-detail>i{align-self:flex-start}.van-detail .van-price{font-size:1.25rem;margin-bottom:10px}.van-detail .van-price span{font-weight:700;font-size:1.5rem}.van-detail .link-button{background-color:#ff8c38;color:#fff;font-size:1.125rem}.host-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem;justify-content:center}.host-nav a{text-decoration:none;color:#4d4d4d;font-weight:500;padding:.5rem 1rem;font-size:clamp(14px,3vw,16px)}.host-nav a:hover{color:#161616;text-decoration:underline;font-weight:600}.host-van-link-wrapper{color:unset;text-decoration:unset}.host-vans-list{padding:1rem;max-width:1200px;margin:0 auto}.host-vans-title{padding:1rem;text-align:center}.host-van-single{display:flex;flex-wrap:wrap;align-items:center;background-color:#fff;margin-bottom:1rem;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.host-van-single>img{width:100%;max-width:150px;height:auto;border-radius:5px;margin-bottom:1rem}.host-van-info{flex:1;min-width:200px;padding:0 1rem}.host-van-info h3{font-size:clamp(18px,4vw,20px);font-weight:600;margin-bottom:.5rem}.host-van-info p{margin-bottom:.5rem}@media (min-width: 768px){.host-nav{justify-content:flex-start;margin:2rem}.host-van-single{flex-wrap:nowrap}.host-van-single>img{width:150px;margin-bottom:0}.host-vans-title{text-align:left;padding:2rem}}.host-van-detail-layout-container{background-color:#fff;padding:24px;margin:30px 26px}.host-van-detail{display:flex;align-items:center}.host-van-detail>img{height:160px;border-radius:5px;margin-right:20px}.host-van-detail-info-text>h3{margin-top:24px;margin-bottom:5px;font-size:26px;font-weight:700}.host-van-detail-info-text>h4{font-size:20px;margin-block:0}.host-van-detail-nav{display:flex;margin-block:25px}.host-van-detail-nav a{text-decoration:none;color:#4d4d4d;font-weight:500;padding:5px 20px}.host-van-detail-nav a:first-of-type{text-decoration:none;color:#4d4d4d;font-weight:500;padding:5px 15px;margin-left:-15px}.host-van-detail-nav a:hover{color:#161616;text-decoration:underline;font-weight:700}.host-van-detail-info>h4{font-weight:700;font-size:14px;line-height:21px}.host-van-detail-info>h4>span{font-weight:500}.host-van-price{font-size:24px;font-weight:500}.host-van-price>span{font-size:16px;color:#4d4d4d}.host-van-detail-image{height:100px;border-radius:5px}.not-found-container{padding-inline:26px}.not-found-container .link-button{width:100%;background-color:#161616;color:#fff}.login-container{display:flex;flex-direction:column;align-items:center;padding:1.5rem;min-height:100vh}.login-form{display:flex;flex-direction:column;width:100%;max-width:400px;background:#fff;padding:2rem 1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:2rem}.login-form>input{border:1px solid rgba(209,213,219);height:48px;padding:0 1rem;font-family:Inter,sans-serif;box-shadow:0 1px 2px #0000000d;font-weight:400;border-radius:6px;margin-bottom:1rem}.login-form>input:focus{outline:none;border-color:#ff8c38;box-shadow:0 0 0 2px #ff8c3833}.login-form>button{background-color:#ff8c38;border:none;border-radius:6px;height:48px;margin-top:1rem;color:#fff;font-family:Inter,sans-serif;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s}.login-form>button:hover:not(:disabled){background-color:#ff7c1f}.login-form>button:disabled{background-color:#aaa;cursor:not-allowed}.login-error{color:#dc2626;font-size:.875rem;margin-top:.5rem;text-align:center}@media (min-width: 640px){.login-container{padding:2rem}.login-form{padding:2.5rem;margin-top:3rem}}.host-dashboard-earnings{background-color:#ffead0;padding:37px 26px;display:flex;justify-content:space-between;align-items:center}.host-dashboard-earnings>.info>h1{font-size:36px;color:#161616;margin:0}.host-dashboard-earnings>.info>p{color:#4d4d4d}.host-dashboard-earnings>.info>p>span{text-decoration:underline;font-weight:700}.host-dashboard-earnings>.info>h2{margin:0;font-size:38px;color:#161616;font-weight:900}.host-dashboard-reviews{background-color:#ffddb2;padding:25px 26px;display:flex;align-items:center}.host-dashboard-reviews>h2{margin:0}.host-dashboard-reviews .star{color:#ff8c38;margin-left:15px;font-size:25px}.host-dashboard-reviews p{margin-left:5px;font-size:20px;color:#4d4d4d;margin-right:auto}.host-dashboard-reviews p>span{font-weight:700;color:#161616}.host-dashboard-vans{padding:38px 26px}.host-dashboard-vans>.top{display:flex;justify-content:space-between;align-items:center}.host-dashboard-vans .host-vans-list{padding-inline:0}.host-income{padding-inline:26px;color:#161616}.host-income>p{color:#4d4d4d}.host-income>p span{text-decoration:underline;font-weight:700}.host-income>h2{font-size:38px;color:#161616;font-weight:900}img.graph{width:100%;max-width:500px}.host-income .info-header>p{color:#4d4d4d}.host-income .info-header>p span{text-decoration:underline;font-weight:700}.host-income .info-header>h3{font-weight:700;font-size:24px;margin-top:60px}.host-income .transaction{display:flex;justify-content:space-between;align-items:center;background-color:#fff;margin-bottom:31px;padding:35px 29px;border-radius:6px}.host-income .transaction>h3{font-size:36px;font-weight:600;margin:0}.host-income .transaction>p{font-weight:500;font-size:20px;color:#4d4d4d}.host-reviews{padding-inline:26px;color:#161616}.host-reviews .top-text{display:flex;align-items:center;margin-bottom:32px}.host-reviews .top-text>h2{font-weight:700;font-size:32px;margin:0 20px 0 0}.host-reviews .top-text>p{margin:0;color:#4d4d4d}.host-reviews .top-text>p span{text-decoration:underline;font-weight:700}.host-reviews>img{margin-bottom:36px}.host-reviews .review{margin-block:25px}.host-reviews .review .info{display:flex}.host-reviews .review .name{color:#161616;margin-right:10px;font-weight:600}.host-reviews .review .date{color:#8c8c8c}.host-reviews hr{background-color:#c7c7c7;height:1px;border:0}.host-reviews .review-star{color:#ff8c38;margin-right:5px}
