/* GENERATED by protected/scripts/build-seller-css.php from: food-trucks.css, shared.css, food-trucks-motion.css, figma-previews.css. Do not edit by hand. */ #hh-food-trucks{all:initial;display:block} /* SVG geometry (d, cx, r, ...) is CSS too; reverting it would erase inline icons. */ #hh-food-trucks *:where(:not(svg, svg *)),#hh-food-trucks *::before,#hh-food-trucks *::after{all:revert} /* store.css forces a{outline:0!important}. */ #hh-food-trucks a:focus-visible{outline:2px solid #E37416!important;outline-offset:4px} /* ---- food-trucks.css ---- */ #hh-food-trucks{--orange:#E37416;--green:#477842;--deep:#315B2D;--ink:#315B2D;--cream:#FDFBFA;--soft:#FDFBFA;--line:#FDFBFA;--muted:#315B2D;--white:#FDFBFA;--shadow:0 18px 50px rgba(49,91,45,.10)} #hh-food-trucks *{box-sizing:border-box} html{scroll-behavior:smooth} div#hh-food-trucks{margin:0;font-family:'HH Open Sans',sans-serif;color:var(--ink);background:#FDFBFA;line-height:1.5;overflow-x:hidden} #hh-food-trucks a{color:inherit;text-decoration:none} #hh-food-trucks button{font:inherit} #hh-food-trucks img{max-width:100%;display:block} #hh-food-trucks .container{width:min(1160px,calc(100% - 40px))!important;margin:auto} #hh-food-trucks .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)} #hh-food-trucks .eyebrow:before{content:"";width:24px;height:2px;border-radius:2px;background:currentColor} #hh-food-trucks h1,#hh-food-trucks h2,#hh-food-trucks h3{margin:0;letter-spacing:-.04em;line-height:1.04} #hh-food-trucks h1{font-size:clamp(43px,6vw,76px);max-width:760px} #hh-food-trucks h2{font-size:clamp(32px,4vw,52px)} #hh-food-trucks p{margin:0;color:var(--muted)} #hh-food-trucks .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;font-weight:700;font-size:14px;transition:.2s ease;border:1px solid transparent;cursor:pointer} #hh-food-trucks .btn-primary{background:var(--orange);color:#FDFBFA;box-shadow:0 10px 24px rgba(227,116,22,.22)} #hh-food-trucks .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(227,116,22,.28)} #hh-food-trucks .btn-secondary{background:#FDFBFA;border-color:#FDFBFA;color:var(--deep)} #hh-food-trucks .btn-secondary:hover{border-color:var(--deep);transform:translateY(-2px)} #hh-food-trucks header{position:sticky;top:0;z-index:50;background:rgba(253,251,250,.90);backdrop-filter:blur(14px);border-bottom:1px solid rgba(253,251,250,.8)} #hh-food-trucks .nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px} #hh-food-trucks .brand{font-weight:700;font-size:25px;letter-spacing:-.06em} #hh-food-trucks .brand .h1c{color:var(--orange)} #hh-food-trucks .brand .h2c{color:var(--green)} #hh-food-trucks .navlinks{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700;color:#315B2D} #hh-food-trucks .navlinks a:hover{color:var(--deep)} #hh-food-trucks .navactions{display:flex;align-items:center;gap:10px} #hh-food-trucks .phone{font-size:12px;font-weight:700;color:var(--deep)} #hh-food-trucks .hero{position:relative;padding:66px 0 72px;background:linear-gradient(180deg,#FDFBFA 0%,#FDFBFA 100%);overflow:hidden} #hh-food-trucks .hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(71,120,66,.11),rgba(71,120,66,0) 68%);right:-120px;top:-160px} #hh-food-trucks .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center} #hh-food-trucks .hero-copy .eyebrow{margin-bottom:18px} #hh-food-trucks .hero-copy h1 span{color:var(--orange)} #hh-food-trucks .hero-copy>p{max-width:650px;font-size:18px;line-height:1.65;margin-top:22px} #hh-food-trucks .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px} #hh-food-trucks .hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} #hh-food-trucks .hero-proof span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #FDFBFA;border-radius:999px;background:#FDFBFA;font-size:11px;font-weight:700;color:#315B2D} #hh-food-trucks .hero-proof i{width:7px;height:7px;background:var(--green);border-radius:50%} #hh-food-trucks .hero-visual{position:relative;min-height:540px} #hh-food-trucks .hero-photo{position:absolute;inset:18px 0 0 38px;border-radius:34px;overflow:hidden;box-shadow:0 30px 65px rgba(49,91,45,.18);border:8px solid rgba(253,251,250,.85)} #hh-food-trucks .hero-photo img{width:100%;height:100%;object-fit:cover} #hh-food-trucks .hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(49,91,45,0) 45%,rgba(49,91,45,.34) 100%)} #hh-food-trucks .order-card{position:absolute;z-index:3;left:-20px;bottom:28px;width:260px;padding:16px;border-radius:22px;background:#FDFBFA;box-shadow:var(--shadow);animation:float 4.4s ease-in-out infinite} #hh-food-trucks .order-card-top{display:flex;justify-content:space-between;gap:14px;align-items:center} #hh-food-trucks .order-card strong{font-size:13px} #hh-food-trucks .order-card small{display:block;color:#315B2D;font-size:10px;margin-top:2px} #hh-food-trucks .status{padding:6px 8px;border-radius:999px;background:#FDFBFA;color:var(--green);font-size:9px;font-weight:700} #hh-food-trucks .order-items{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px} #hh-food-trucks .order-items span{padding:9px;border-radius:12px;background:#FDFBFA;font-size:10px;font-weight:700;color:#315B2D} #hh-food-trucks .schedule-card{position:absolute;z-index:4;right:-24px;top:8px;width:210px;padding:15px;border-radius:20px;background:var(--deep);color:#FDFBFA;box-shadow:0 20px 45px rgba(49,91,45,.20);animation:float 5s ease-in-out infinite reverse} #hh-food-trucks .schedule-card small{font-size:9px;opacity:.75;text-transform:uppercase;letter-spacing:.12em;font-weight:700} #hh-food-trucks .days{display:flex;gap:6px;margin-top:11px;flex-wrap:wrap} #hh-food-trucks .days b{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(253,251,250,.1);font-size:9px} #hh-food-trucks .days b.on{background:var(--orange)} @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} #hh-food-trucks .marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#FDFBFA;overflow:hidden} #hh-food-trucks .marquee-track{display:flex;gap:26px;white-space:nowrap;padding:14px 0;min-width:max-content;animation:marquee 22s linear infinite;font-size:11px;font-weight:700;color:#315B2D;letter-spacing:.05em;text-transform:uppercase} #hh-food-trucks .marquee-track span:after{content:"•";margin-left:26px;color:var(--orange)} @keyframes marquee{to{transform:translateX(-50%)}} #hh-food-trucks section{padding:82px 0} #hh-food-trucks .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px} #hh-food-trucks .section-head>div{max-width:740px} #hh-food-trucks .section-head p{max-width:520px;font-size:15px;line-height:1.65} #hh-food-trucks .pain{background:#FDFBFA} #hh-food-trucks .pain-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center} #hh-food-trucks .pain-copy h2{margin-top:12px} #hh-food-trucks .pain-copy>p{font-size:16px;line-height:1.7;margin-top:18px;max-width:540px} #hh-food-trucks .pain-list{display:grid;gap:13px;margin-top:26px} #hh-food-trucks .pain-list div{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #FDFBFA} #hh-food-trucks .pain-list b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#FDFBFA;color:var(--green);flex:0 0 auto} #hh-food-trucks .pain-list strong{font-size:14px} #hh-food-trucks .pain-list p{font-size:12px;margin-top:2px} #hh-food-trucks .dm-stage{position:relative;min-height:430px;border-radius:32px;background:linear-gradient(135deg,#FDFBFA,#FDFBFA);border:1px solid #FDFBFA;overflow:hidden;padding:34px} #hh-food-trucks .dm-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#315B2D} #hh-food-trucks .bubble{width:max-content;max-width:76%;padding:11px 14px;border-radius:17px;margin-top:12px;background:#FDFBFA;box-shadow:0 9px 20px rgba(49,91,45,.07);font-size:12px;color:#315B2D;animation:bubbleIn 5.5s ease-in-out infinite} #hh-food-trucks .bubble:nth-of-type(2){animation-delay:.5s} #hh-food-trucks .bubble:nth-of-type(3){animation-delay:1s} #hh-food-trucks .bubble.me{margin-left:auto;background:#FDFBFA;color:#315B2D} @keyframes bubbleIn{0%,12%{opacity:.15;transform:translateY(8px)}25%,78%{opacity:1;transform:translateY(0)}100%{opacity:.15}} #hh-food-trucks .store-mini{position:absolute;right:24px;bottom:22px;width:245px;background:#FDFBFA;border-radius:24px;box-shadow:0 20px 40px rgba(49,91,45,.13);overflow:hidden;border:1px solid #FDFBFA} #hh-food-trucks .store-mini-head{height:78px;background:linear-gradient(135deg,var(--deep),#477842);padding:14px;color:#FDFBFA;display:flex;align-items:flex-end} #hh-food-trucks .store-mini-head strong{font-size:15px} #hh-food-trucks .store-mini-body{padding:14px} #hh-food-trucks .store-mini-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #FDFBFA;font-size:10px;color:#315B2D} #hh-food-trucks .store-mini-row b{color:var(--deep)} #hh-food-trucks .store-mini-cta{margin-top:12px;display:block;text-align:center;padding:10px;border-radius:999px;background:var(--orange);color:#FDFBFA;font-size:10px;font-weight:700} #hh-food-trucks .benefits{background:var(--deep);color:#FDFBFA;position:relative;overflow:hidden} #hh-food-trucks .benefits:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(253,251,250,.08);border-radius:50%;right:-160px;top:-80px} #hh-food-trucks .benefits .section-head p{color:#FDFBFA} #hh-food-trucks .benefits .eyebrow{color:#FF9B46} #hh-food-trucks .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} #hh-food-trucks .benefit-card{position:relative;padding:24px 20px;border-radius:24px;background:rgba(253,251,250,.07);border:1px solid rgba(253,251,250,.12);min-height:220px;transition:.25s ease;overflow:hidden} #hh-food-trucks .benefit-card:hover{transform:translateY(-6px);background:rgba(253,251,250,.10)} #hh-food-trucks .iconbox{width:44px;height:44px;border-radius:14px;background:rgba(227,116,22,.15);display:grid;place-items:center;color:#FF9B46;font-size:20px} #hh-food-trucks .benefit-card h3{font-size:19px;margin-top:22px} #hh-food-trucks .benefit-card p{font-size:12px;line-height:1.6;color:#FDFBFA;margin-top:8px} #hh-food-trucks .benefit-card .tag{position:absolute;right:14px;top:14px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#FDFBFA} #hh-food-trucks .storefront{background:#FDFBFA} #hh-food-trucks .storefront-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center} #hh-food-trucks .storefront-copy h2{margin:12px 0 18px} #hh-food-trucks .storefront-copy>p{font-size:16px;line-height:1.7;max-width:530px} #hh-food-trucks .feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px} #hh-food-trucks .feature-chips span{padding:9px 11px;background:#FDFBFA;border:1px solid #FDFBFA;border-radius:999px;font-size:10px;font-weight:700;color:#315B2D} #hh-food-trucks .mock-browser{border-radius:30px;background:#FDFBFA;border:1px solid #FDFBFA;box-shadow:0 24px 55px rgba(49,91,45,.12);overflow:hidden} #hh-food-trucks .browser-bar{height:44px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#FDFBFA;border-bottom:1px solid #FDFBFA} #hh-food-trucks .browser-bar i{width:8px;height:8px;border-radius:50%;background:#FDFBFA} #hh-food-trucks .browser-url{margin-left:8px;height:23px;border-radius:999px;background:#FDFBFA;flex:1;font-size:8px;color:#315B2D;display:flex;align-items:center;padding-left:10px} #hh-food-trucks .store-cover{height:184px;position:relative;overflow:hidden} #hh-food-trucks .store-cover img{width:100%;height:100%;object-fit:cover} #hh-food-trucks .store-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(49,91,45,0),rgba(49,91,45,.5))} #hh-food-trucks .store-name{position:absolute;z-index:2;left:18px;bottom:14px;color:#FDFBFA} #hh-food-trucks .store-name small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;opacity:.8} #hh-food-trucks .store-name strong{font-size:20px} #hh-food-trucks .menu-ui{padding:16px} #hh-food-trucks .menu-top{display:flex;justify-content:space-between;gap:10px;align-items:center} #hh-food-trucks .menu-top h4{margin:0;font-size:13px} #hh-food-trucks .available{font-size:8px;font-weight:700;color:var(--green);background:#FDFBFA;padding:6px 8px;border-radius:999px} #hh-food-trucks .menu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px} #hh-food-trucks .menu-card{border:1px solid #FDFBFA;border-radius:14px;padding:10px;min-height:88px} #hh-food-trucks .menu-card .thumb{height:34px;border-radius:9px;background:linear-gradient(135deg,#B1D1AE,#FF9B46)} #hh-food-trucks .menu-card:nth-child(2) .thumb{background:linear-gradient(135deg,#B1D1AE,#477842)} #hh-food-trucks .menu-card:nth-child(3) .thumb{background:linear-gradient(135deg,#FFCEA2,#E37416)} #hh-food-trucks .menu-card strong{display:block;font-size:8px;margin-top:7px} #hh-food-trucks .menu-card small{font-size:7px;color:#315B2D} #hh-food-trucks .proof{background:#FDFBFA} #hh-food-trucks .proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px} #hh-food-trucks .proof-card{padding:25px;border:1px solid var(--line);border-radius:26px;background:#FDFBFA;box-shadow:0 10px 28px rgba(49,91,45,.05);display:grid;grid-template-columns:74px 1fr;gap:16px;align-items:start} #hh-food-trucks .proof-logo{width:74px;height:74px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#FDFBFA,#FF9B46);font-weight:700;color:#E37416;font-size:17px} #hh-food-trucks .proof-card:nth-child(2) .proof-logo{background:linear-gradient(135deg,#FDFBFA,#B1D1AE);color:#315B2D} #hh-food-trucks .proof-card .live{font-size:8px;color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.1em} #hh-food-trucks .proof-card h3{font-size:20px;margin-top:4px} #hh-food-trucks .proof-card p{font-size:11px;line-height:1.55;margin-top:6px} #hh-food-trucks .proof-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px} #hh-food-trucks .proof-meta span{padding:6px 8px;border-radius:999px;background:#FDFBFA;font-size:8px;font-weight:700;color:#315B2D} #hh-food-trucks .proof-link{display:inline-flex;margin-top:13px;color:var(--orange);font-size:10px;font-weight:700} #hh-food-trucks .journey{background:#FDFBFA} #hh-food-trucks .journey-wrap{border-radius:32px;background:#FDFBFA;border:1px solid #FDFBFA;padding:34px;box-shadow:0 18px 40px rgba(49,91,45,.06)} #hh-food-trucks .steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px} #hh-food-trucks .steps:before{content:"";position:absolute;left:8%;right:8%;top:28px;height:2px;background:#FDFBFA} #hh-food-trucks .runner{position:absolute;left:8%;top:25px;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(227,116,22,.14);animation:run 6s ease-in-out infinite} @keyframes run{0%,5%{left:8%}30%{left:35%}55%{left:61%}80%,100%{left:88%}} #hh-food-trucks .step{position:relative;z-index:2} #hh-food-trucks .step-no{width:56px;height:56px;border-radius:18px;background:#FDFBFA;border:2px solid #FDFBFA;display:grid;place-items:center;font-weight:700;color:var(--deep);box-shadow:0 8px 18px rgba(49,91,45,.05)} #hh-food-trucks .step h3{font-size:16px;margin-top:16px} #hh-food-trucks .step p{font-size:11px;line-height:1.55;margin-top:6px} #hh-food-trucks .resource{background:var(--cream)} #hh-food-trucks .resource-card{display:grid;grid-template-columns:1.1fr .9fr;border-radius:32px;overflow:hidden;background:var(--deep);color:#FDFBFA} #hh-food-trucks .resource-copy{padding:42px} #hh-food-trucks .resource-copy .eyebrow{color:#FF9B46} #hh-food-trucks .resource-copy h2{font-size:40px;margin:12px 0 16px} #hh-food-trucks .resource-copy p{color:#FDFBFA;font-size:14px;line-height:1.7;max-width:610px} #hh-food-trucks .resource-copy .btn{margin-top:24px} #hh-food-trucks .resource-side{padding:30px;background:linear-gradient(160deg,#315B2D,#477842);display:grid;gap:10px;align-content:center} #hh-food-trucks .resource-item{display:flex;gap:12px;padding:13px;border:1px solid rgba(253,251,250,.13);border-radius:17px;background:rgba(253,251,250,.06)} #hh-food-trucks .resource-item b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(227,116,22,.20);color:#FF9B46} #hh-food-trucks .resource-item strong{font-size:12px} #hh-food-trucks .resource-item p{font-size:9px;color:#FDFBFA;margin-top:2px} #hh-food-trucks .fees{padding:54px 0;background:#FDFBFA} #hh-food-trucks .fee-strip{display:grid;grid-template-columns:1.2fr repeat(3,.6fr);align-items:center;gap:12px;border:1px solid var(--line);border-radius:24px;padding:20px 24px;background:#FDFBFA} #hh-food-trucks .fee-strip h3{font-size:22px} #hh-food-trucks .fee-strip p{font-size:11px;margin-top:4px} #hh-food-trucks .fee-stat{text-align:center;padding:8px 10px;border-left:1px solid #FDFBFA} #hh-food-trucks .fee-stat strong{display:block;color:var(--deep);font-size:15px} #hh-food-trucks .fee-stat span{font-size:8px;color:#315B2D;text-transform:uppercase;font-weight:700;letter-spacing:.08em} #hh-food-trucks .faq{background:#FDFBFA} #hh-food-trucks .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:start} #hh-food-trucks .faq-intro h2{margin:12px 0 14px} #hh-food-trucks .faq-intro p{font-size:14px;line-height:1.65} #hh-food-trucks .faq-list{display:grid;gap:10px} #hh-food-trucks .faq-item{background:#FDFBFA;border:1px solid #FDFBFA;border-radius:17px;overflow:hidden} #hh-food-trucks .faq-q{width:100%;padding:17px 18px;border:0;background:transparent;display:flex;justify-content:space-between;gap:16px;text-align:left;font-weight:700;color:var(--deep);cursor:pointer} #hh-food-trucks .faq-q span:last-child{color:var(--orange);font-size:20px;line-height:1;transition:.2s} #hh-food-trucks .faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease} #hh-food-trucks .faq-a p{padding:0 18px 18px;font-size:11px;line-height:1.65} #hh-food-trucks .faq-item.open .faq-a{max-height:180px} #hh-food-trucks .faq-item.open .faq-q span:last-child{transform:rotate(45deg)} #hh-food-trucks .final-cta{padding:74px 0;background:#FDFBFA} #hh-food-trucks .cta-box{position:relative;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,var(--orange),#FF9B46);padding:48px;color:#FDFBFA;display:flex;justify-content:space-between;gap:35px;align-items:center} #hh-food-trucks .cta-box:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(253,251,250,.20);border-radius:50%;right:-90px;top:-150px} #hh-food-trucks .cta-box h2{font-size:44px;max-width:650px} #hh-food-trucks .cta-box p{color:#FDFBFA;margin-top:10px;max-width:650px} #hh-food-trucks .cta-box .btn{position:relative;z-index:2;background:#FDFBFA;color:var(--deep);white-space:nowrap} #hh-food-trucks footer{padding:30px 0;background:#315B2D;color:#FDFBFA} #hh-food-trucks .footer-grid{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap} #hh-food-trucks .footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;font-weight:700} #hh-food-trucks footer small{font-size:9px;color:#315B2D} #hh-food-trucks .whatsapp{position:fixed;right:22px;bottom:22px;z-index:60} #hh-food-trucks .wa-btn{width:54px;height:54px;border-radius:50%;border:0;background:#477842;color:white;display:grid;place-items:center;font-size:22px;box-shadow:0 12px 30px rgba(49,91,45,.18);cursor:pointer} #hh-food-trucks .wa-pop{position:absolute;right:0;bottom:66px;width:285px;padding:16px;border-radius:20px;background:#FDFBFA;border:1px solid #FDFBFA;box-shadow:0 18px 45px rgba(49,91,45,.16);opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:.2s} #hh-food-trucks .whatsapp.open .wa-pop{opacity:1;transform:none;pointer-events:auto} #hh-food-trucks .wa-pop strong{font-size:13px} #hh-food-trucks .wa-pop p{font-size:10px;line-height:1.5;margin-top:5px} #hh-food-trucks .wa-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px} #hh-food-trucks .wa-actions a{padding:9px;border-radius:11px;text-align:center;font-size:9px;font-weight:700;background:#FDFBFA} #hh-food-trucks .wa-actions a:first-child{background:#477842;color:white} #hh-food-trucks .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease} #hh-food-trucks .reveal.visible{opacity:1;transform:none} @media(max-width:980px){ #hh-food-trucks .navlinks,#hh-food-trucks .phone{display:none} #hh-food-trucks .hero-grid,#hh-food-trucks .pain-grid,#hh-food-trucks .storefront-grid,#hh-food-trucks .resource-card,#hh-food-trucks .faq-grid{grid-template-columns:1fr} #hh-food-trucks .hero-visual{min-height:500px} #hh-food-trucks .benefit-grid{grid-template-columns:repeat(2,1fr)} #hh-food-trucks .proof-grid{grid-template-columns:1fr} #hh-food-trucks .steps{grid-template-columns:repeat(2,1fr);gap:28px} #hh-food-trucks .steps:before,#hh-food-trucks .runner{display:none} #hh-food-trucks .fee-strip{grid-template-columns:1fr 1fr} #hh-food-trucks .fee-stat{border-left:0;border-top:1px solid #FDFBFA;padding-top:14px} } @media(max-width:650px){ #hh-food-trucks .container{width:min(100% - 28px,1160px)!important} #hh-food-trucks .nav{height:64px} #hh-food-trucks .navactions .btn-secondary{display:none} #hh-food-trucks .hero{padding-top:42px} #hh-food-trucks .hero-copy>p{font-size:15px} #hh-food-trucks .hero-visual{min-height:420px;margin-top:8px} #hh-food-trucks .hero-photo{left:0;right:8px;inset-block-start:24px} #hh-food-trucks .schedule-card{right:-4px;top:0;width:185px} #hh-food-trucks .order-card{left:-3px;bottom:2px;width:235px} #hh-food-trucks section{padding:62px 0} #hh-food-trucks .section-head{display:block} #hh-food-trucks .section-head p{margin-top:14px} #hh-food-trucks .benefit-grid{grid-template-columns:1fr} #hh-food-trucks .menu-cards{grid-template-columns:repeat(3,1fr)} #hh-food-trucks .proof-card{grid-template-columns:58px 1fr} #hh-food-trucks .proof-logo{width:58px;height:58px;border-radius:16px;font-size:13px} #hh-food-trucks .journey-wrap{padding:24px 18px} #hh-food-trucks .steps{grid-template-columns:1fr} #hh-food-trucks .step{display:grid;grid-template-columns:48px 1fr;gap:12px} #hh-food-trucks .step-no{width:48px;height:48px} #hh-food-trucks .step h3{margin-top:2px} #hh-food-trucks .step p{grid-column:2;margin-top:-20px} #hh-food-trucks .resource-copy{padding:30px 24px} #hh-food-trucks .resource-copy h2{font-size:34px} #hh-food-trucks .resource-side{padding:20px} #hh-food-trucks .fee-strip{grid-template-columns:1fr} #hh-food-trucks .fee-stat{text-align:left} #hh-food-trucks .cta-box{padding:34px 24px;display:block} #hh-food-trucks .cta-box h2{font-size:35px} #hh-food-trucks .cta-box .btn{margin-top:24px} } @media(prefers-reduced-motion:reduce){ #hh-food-trucks *{scroll-behavior:auto!important;animation:none!important;transition:none!important} #hh-food-trucks .reveal{opacity:1;transform:none} } #hh-food-trucks .pain-v2{background:#FDFBFA;padding-top:86px;padding-bottom:86px} #hh-food-trucks .pain-v2-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:center} #hh-food-trucks .pain-v2-copy{max-width:430px} #hh-food-trucks .pain-v2-copy h2{margin:12px 0 16px;font-size:clamp(38px,4.2vw,62px);line-height:.98;letter-spacing:-.045em;color:var(--deep)} #hh-food-trucks .pain-v2-copy>p{margin:0;max-width:410px;font-size:15px;line-height:1.65;color:#315B2D} #hh-food-trucks .pain-v2-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px} #hh-food-trucks .pain-v2-points span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;background:#FDFBFA;border:1px solid #FDFBFA;color:#315B2D;font-size:10px;font-weight:700} #hh-food-trucks .pain-v2-points b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#FDFBFA;color:#477842;font-size:11px} #hh-food-trucks .chef-compare{position:relative;border:1px solid #FDFBFA;border-radius:30px;background:#FDFBFA;box-shadow:0 22px 50px rgba(49,91,45,.08);overflow:hidden} #hh-food-trucks .compare-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px 12px;border-bottom:1px solid rgba(49,91,45,.07);background:rgba(253,251,250,.56)} #hh-food-trucks .compare-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;width:310px;padding:4px;border-radius:999px;background:#FDFBFA} #hh-food-trucks .compare-tab{position:relative;z-index:2;border:0;background:transparent;padding:9px 12px;border-radius:999px;color:#315B2D;font:inherit;font-size:9px;font-weight:700;letter-spacing:.035em;cursor:pointer;transition:.3s ease} #hh-food-trucks .compare-tab.active{color:#FDFBFA} #hh-food-trucks .compare-indicator{position:absolute;z-index:1;left:4px;top:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:999px;background:var(--deep);box-shadow:0 5px 14px rgba(49,91,45,.15);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s ease} #hh-food-trucks .chef-compare[data-state="after"] .compare-indicator{transform:translateX(100%);background:var(--green)} #hh-food-trucks .compare-auto{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;color:#315B2D;text-transform:uppercase;letter-spacing:.07em} #hh-food-trucks .compare-auto i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(227,116,22,.12);animation:autoPulse 1.7s infinite} @keyframes autoPulse{50%{box-shadow:0 0 0 9px rgba(227,116,22,0)}} #hh-food-trucks .compare-stage{position:relative;height:420px;overflow:hidden} #hh-food-trucks .compare-panel{position:absolute;inset:0;padding:30px 32px 28px;opacity:0;visibility:hidden;transform:translateX(38px) scale(.985);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.8,.2,1),visibility .55s} #hh-food-trucks .compare-panel.active{opacity:1;visibility:visible;transform:translateX(0) scale(1)} #hh-food-trucks .before-panel{background:radial-gradient(circle at 75% 30%,rgba(227,116,22,.07),transparent 38%),linear-gradient(135deg,#FDFBFA,#FDFBFA)} #hh-food-trucks .after-panel{background:radial-gradient(circle at 20% 30%,rgba(71,120,66,.08),transparent 38%),linear-gradient(135deg,#FDFBFA,#FDFBFA)} #hh-food-trucks .panel-kicker{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#E37416} #hh-food-trucks .panel-kicker.success{color:#477842} #hh-food-trucks .chat-stack{position:relative;margin-top:20px;max-width:440px;height:222px} #hh-food-trucks .chat-bubble{width:max-content;max-width:78%;padding:11px 14px 10px;border-radius:17px;background:#FDFBFA;box-shadow:0 10px 24px rgba(49,91,45,.07);font-size:11px;color:#315B2D;animation:chatPop 5.8s ease-in-out infinite} #hh-food-trucks .chat-bubble small{display:block;margin-bottom:3px;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#315B2D} #hh-food-trucks .chat-bubble.outgoing{margin:9px 0 9px auto;background:#FDFBFA;color:#315B2D} #hh-food-trucks .chat-bubble.delay-1{margin-top:9px;animation-delay:.35s} #hh-food-trucks .chat-bubble.delay-2{margin:9px 0 0 58px;animation-delay:.7s} @keyframes chatPop{0%,8%{opacity:0;transform:translateY(8px)}18%,82%{opacity:1;transform:none}100%{opacity:.72}} #hh-food-trucks .before-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px} #hh-food-trucks .before-metrics span{padding:11px 12px;border:1px solid #FDFBFA;border-radius:14px;background:rgba(253,251,250,.62)} #hh-food-trucks .before-metrics strong,#hh-food-trucks .before-metrics small{display:block} #hh-food-trucks .before-metrics strong{font-size:9px;color:#315B2D} #hh-food-trucks .before-metrics small{margin-top:2px;font-size:7px;color:#315B2D} #hh-food-trucks .after-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;margin-top:16px} #hh-food-trucks .hh-store-card{background:#FDFBFA;border:1px solid #FDFBFA;border-radius:22px;box-shadow:0 18px 38px rgba(49,91,45,.11);overflow:hidden;transform:translateY(6px);animation:storeFloat 4s ease-in-out infinite} @keyframes storeFloat{50%{transform:translateY(-3px)}} #hh-food-trucks .hh-store-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 18px;background:linear-gradient(135deg,var(--deep),#477842);color:#FDFBFA} #hh-food-trucks .hh-store-head small,#hh-food-trucks .hh-store-head strong{display:block} #hh-food-trucks .hh-store-head small{font-size:7px;opacity:.72;text-transform:uppercase;letter-spacing:.09em} #hh-food-trucks .hh-store-head strong{margin-top:3px;font-size:14px} #hh-food-trucks .hh-store-head>span{padding:6px 8px;border-radius:999px;background:rgba(253,251,250,.16);font-size:7px;font-weight:700} #hh-food-trucks .hh-menu-row{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #FDFBFA} #hh-food-trucks .hh-menu-row b,#hh-food-trucks .hh-menu-row small{display:block} #hh-food-trucks .hh-menu-row b{font-size:9px;color:var(--deep)} #hh-food-trucks .hh-menu-row small{margin-top:2px;font-size:7px;color:#315B2D} #hh-food-trucks .hh-menu-row>strong{font-size:9px;color:#315B2D} #hh-food-trucks .hh-store-card button{width:calc(100% - 28px);margin:13px 14px 15px;padding:10px 12px;border:0;border-radius:999px;background:var(--orange);color:#FDFBFA;font-size:8px;font-weight:700} #hh-food-trucks .after-benefits{display:grid;gap:10px} #hh-food-trucks .after-benefits>div{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:16px;background:rgba(253,251,250,.66);border:1px solid #FDFBFA;opacity:0;transform:translateX(16px)} #hh-food-trucks .after-panel.active .after-benefits>div{animation:benefitSlide .55s forwards} #hh-food-trucks .after-panel.active .after-benefits>div:nth-child(2){animation-delay:.12s} #hh-food-trucks .after-panel.active .after-benefits>div:nth-child(3){animation-delay:.24s} @keyframes benefitSlide{to{opacity:1;transform:none}} #hh-food-trucks .after-benefits b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#FDFBFA;color:#477842;flex:0 0 auto} #hh-food-trucks .after-benefits strong,#hh-food-trucks .after-benefits small{display:block} #hh-food-trucks .after-benefits strong{font-size:9px;color:var(--deep)} #hh-food-trucks .after-benefits small{margin-top:3px;font-size:7px;line-height:1.35;color:#315B2D} #hh-food-trucks .compare-progress{height:3px;background:#FDFBFA} #hh-food-trucks .compare-progress span{display:block;width:0;height:100%;background:var(--orange)} #hh-food-trucks .chef-compare.is-running .compare-progress span{animation:compareTimer 5s linear infinite} @keyframes compareTimer{from{width:0}to{width:100%}} @media(max-width:900px){ #hh-food-trucks .pain-v2-grid{grid-template-columns:1fr;gap:32px} #hh-food-trucks .pain-v2-copy{max-width:620px} #hh-food-trucks .pain-v2-copy>p{max-width:560px} #hh-food-trucks .compare-stage{height:430px} } @media(max-width:620px){ #hh-food-trucks .pain-v2{padding-top:58px;padding-bottom:58px} #hh-food-trucks .pain-v2-copy h2{font-size:42px} #hh-food-trucks .compare-topbar{padding:12px;flex-direction:column;align-items:stretch} #hh-food-trucks .compare-tabs{width:100%} #hh-food-trucks .compare-auto{justify-content:center} #hh-food-trucks .compare-stage{height:560px} #hh-food-trucks .compare-panel{padding:24px 18px} #hh-food-trucks .before-metrics{grid-template-columns:1fr} #hh-food-trucks .chat-stack{height:230px} #hh-food-trucks .after-layout{grid-template-columns:1fr;gap:14px} #hh-food-trucks .after-benefits{grid-template-columns:1fr} #hh-food-trucks .pain-v2-points{gap:6px} #hh-food-trucks .pain-v2-points span{font-size:9px} } #hh-food-trucks .pain-v3{padding:82px 0 92px;background:linear-gradient(180deg,#FDFBFA 0%,#FDFBFA 100%);overflow:hidden} #hh-food-trucks .flow-shell{width:min(1440px,calc(100% - 48px));margin:0 auto} #hh-food-trucks .flow-intro{text-align:center;max-width:780px;margin:0 auto 30px} #hh-food-trucks .flow-intro .eyebrow{justify-content:center} #hh-food-trucks .flow-intro h2{margin:12px 0 10px;font-size:clamp(34px,4vw,56px);color:var(--deep)} #hh-food-trucks .flow-intro p{font-size:14px;line-height:1.6;max-width:650px;margin:0 auto} #hh-food-trucks .chef-compare-xl{border-radius:32px;box-shadow:0 28px 70px rgba(49,91,45,.11);background:#FDFBFA} #hh-food-trucks .compare-topbar-xl{padding:14px 18px;background:#FDFBFA;border-bottom:1px solid #FDFBFA} #hh-food-trucks .compare-tabs-xl{width:390px} #hh-food-trucks .compare-tabs-xl .compare-tab{padding:11px 16px;font-size:10px} #hh-food-trucks .compare-stage-xl{height:650px} #hh-food-trucks .compare-panel.before-panel-xl,#hh-food-trucks .compare-panel.after-panel-xl{padding:0;overflow:hidden} #hh-food-trucks .before-panel-xl{background:linear-gradient(135deg,#FDFBFA,#FDFBFA)} #hh-food-trucks .after-panel-xl{background:linear-gradient(135deg,#FDFBFA,#FDFBFA)} #hh-food-trucks .before-workspace{position:relative;height:560px;display:grid;grid-template-columns:1fr 380px 1fr;align-items:center;gap:30px;padding:40px 70px 22px;overflow:hidden} #hh-food-trucks .before-workspace:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(227,116,22,.12),transparent 31%),radial-gradient(circle at 18% 20%,rgba(49,91,45,.05),transparent 26%)} #hh-food-trucks .before-side{position:relative;height:100%;z-index:2} #hh-food-trucks .floating-question{position:absolute;min-width:210px;max-width:270px;padding:15px 17px;border-radius:18px;background:#FDFBFA;box-shadow:0 14px 34px rgba(49,91,45,.09);border:1px solid rgba(49,91,45,.06);animation:floatQuestion 5s ease-in-out infinite} #hh-food-trucks .floating-question small,#hh-food-trucks .manual-card span{display:block;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#315B2D;margin-bottom:5px} #hh-food-trucks .floating-question b{font-size:12px;color:#315B2D} #hh-food-trucks .q1{left:8%;top:17%} #hh-food-trucks .q2{right:2%;top:46%;animation-delay:.6s} #hh-food-trucks .q3{left:16%;bottom:14%;animation-delay:1.1s} @keyframes floatQuestion{50%{transform:translateY(-8px) rotate(-.5deg)}} #hh-food-trucks .manual-card{position:absolute;width:250px;padding:16px 17px;border-radius:18px;background:rgba(253,251,250,.82);backdrop-filter:blur(8px);border:1px solid #FDFBFA;box-shadow:0 14px 32px rgba(49,91,45,.06);animation:floatManual 5.8s ease-in-out infinite} #hh-food-trucks .manual-card b,#hh-food-trucks .manual-card small{display:block} #hh-food-trucks .manual-card b{font-size:12px;color:#315B2D} #hh-food-trucks .manual-card small{margin-top:4px;font-size:9px;color:#315B2D;line-height:1.45} #hh-food-trucks .m1{right:10%;top:16%;transform:rotate(1deg)} #hh-food-trucks .m2{left:2%;top:47%;transform:rotate(-1.4deg);animation-delay:.5s} #hh-food-trucks .m3{right:2%;bottom:12%;transform:rotate(.7deg);animation-delay:1s} @keyframes floatManual{50%{transform:translateY(-7px) rotate(0deg)}} #hh-food-trucks .phone-frame{position:relative;z-index:3;width:330px;height:510px;margin:auto;border-radius:38px;background:#FDFBFA;border:8px solid #315B2D;box-shadow:0 28px 56px rgba(49,91,45,.18);overflow:hidden} #hh-food-trucks .phone-top{height:28px;padding:8px 16px 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:8px;font-weight:700;color:#315B2D} #hh-food-trucks .phone-top i{width:72px;height:16px;border-radius:0 0 12px 12px;background:#315B2D;margin-top:-8px} #hh-food-trucks .phone-chat-head{height:58px;padding:8px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #FDFBFA} #hh-food-trucks .phone-chat-head .avatar{width:34px;height:34px} #hh-food-trucks .phone-chat-head b,#hh-food-trucks .phone-chat-head small{display:block} #hh-food-trucks .phone-chat-head b{font-size:11px} #hh-food-trucks .phone-chat-head small{font-size:8px;color:#315B2D;margin-top:1px} #hh-food-trucks .phone-chat-body{height:365px;padding:18px 14px;background:linear-gradient(180deg,#FDFBFA,#FDFBFA);overflow:hidden} #hh-food-trucks .mini-chat{width:max-content;max-width:78%;margin-bottom:12px;padding:10px 12px;border-radius:15px;background:#FDFBFA;box-shadow:0 5px 15px rgba(49,91,45,.05);font-size:10px;color:#315B2D;animation:chatEnter 7s ease-in-out infinite} #hh-food-trucks .mini-chat small{display:block;font-size:6px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#315B2D;margin-bottom:3px} #hh-food-trucks .mini-chat.outgoing{margin-left:auto;background:#FDFBFA;color:#315B2D} #hh-food-trucks .mini-chat:nth-child(2){animation-delay:.4s} #hh-food-trucks .mini-chat:nth-child(3){animation-delay:.8s} #hh-food-trucks .mini-chat:nth-child(4){animation-delay:1.2s} #hh-food-trucks .mini-chat:nth-child(5){animation-delay:1.6s} @keyframes chatEnter{0%,7%{opacity:0;transform:translateY(10px)}15%,86%{opacity:1;transform:none}100%{opacity:.75}} #hh-food-trucks .phone-compose{height:50px;padding:8px 10px;display:flex;align-items:center;gap:8px;border-top:1px solid #FDFBFA;background:#FDFBFA} #hh-food-trucks .phone-compose span{flex:1;padding:9px 12px;border-radius:999px;background:#FDFBFA;color:#315B2D;font-size:9px} #hh-food-trucks .phone-compose b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#FDFBFA;font-size:11px} #hh-food-trucks .compare-summary{position:absolute;left:32px;right:32px;bottom:22px;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);gap:10px} #hh-food-trucks .compare-summary span{padding:12px 14px;border-radius:15px;background:rgba(253,251,250,.9);border:1px solid rgba(49,91,45,.08);box-shadow:0 8px 24px rgba(49,91,45,.05)} #hh-food-trucks .compare-summary b,#hh-food-trucks .compare-summary small{display:block} #hh-food-trucks .compare-summary b{font-size:10px;color:#315B2D} #hh-food-trucks .compare-summary small{font-size:8px;color:#315B2D;margin-top:2px} #hh-food-trucks .compare-summary-before span{border-color:#FDFBFA} #hh-food-trucks .compare-summary-after span{border-color:#FDFBFA} #hh-food-trucks .after-app-shell{height:560px;margin:0;padding:20px 24px 76px} #hh-food-trucks .after-app-head{height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4px 15px} #hh-food-trucks .after-app-head>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center} #hh-food-trucks .after-app-head small{grid-column:2;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#315B2D} #hh-food-trucks .after-app-head strong{grid-column:2;font-size:14px;color:var(--deep);margin-top:2px} #hh-food-trucks .app-live-dot{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(71,120,66,.10)} #hh-food-trucks .after-mode-tabs{display:flex;gap:5px;padding:4px;border-radius:999px;background:#FDFBFA} #hh-food-trucks .after-mode{border:0;background:transparent;padding:9px 14px;border-radius:999px;font-size:9px;font-weight:700;color:#315B2D;cursor:pointer;transition:.2s} #hh-food-trucks .after-mode.active{background:#FDFBFA;color:var(--deep);box-shadow:0 4px 12px rgba(49,91,45,.08)} #hh-food-trucks .after-view{display:none;height:465px} #hh-food-trucks .after-view.active{display:block;animation:afterViewIn .35s ease both} @keyframes afterViewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} #hh-food-trucks .store-browser{height:100%;border:1px solid #FDFBFA;border-radius:22px;background:#FDFBFA;overflow:hidden;box-shadow:0 16px 38px rgba(49,91,45,.09)} #hh-food-trucks .store-browser-bar{height:42px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #FDFBFA;background:#FDFBFA} #hh-food-trucks .browser-dots{display:flex;gap:4px} #hh-food-trucks .browser-dots i{width:7px;height:7px;border-radius:50%;background:#FDFBFA} #hh-food-trucks .browser-dots i:nth-child(1){background:#FF9B46} #hh-food-trucks .browser-dots i:nth-child(2){background:#B1D1AE} #hh-food-trucks .browser-dots i:nth-child(3){background:#B1D1AE} #hh-food-trucks .store-url{flex:1;max-width:380px;margin:auto;padding:7px 12px;border-radius:999px;background:#FDFBFA;border:1px solid #FDFBFA;text-align:center;font-size:8px;color:#315B2D} #hh-food-trucks .share-pill{border:1px solid #FDFBFA;background:#FDFBFA;color:var(--deep);padding:6px 10px;border-radius:999px;font-size:8px;font-weight:700} #hh-food-trucks .storefront-live-layout{display:grid;grid-template-columns:235px 1fr;height:calc(100% - 42px)} #hh-food-trucks .storefront-profile{padding:22px 18px;background:linear-gradient(180deg,#315B2D,#315B2D);color:#FDFBFA;overflow:hidden} #hh-food-trucks .storefront-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#FDFBFA;color:var(--deep);font-size:16px;font-weight:700;box-shadow:0 10px 22px rgba(49,91,45,.13)} #hh-food-trucks .storefront-profile>small{display:block;margin-top:15px;font-size:7px;font-weight:700;letter-spacing:.1em;color:#FDFBFA} #hh-food-trucks .storefront-profile h3{font-size:19px;margin-top:4px;color:#FDFBFA} #hh-food-trucks .storefront-profile>p{font-size:9px;line-height:1.5;color:#FDFBFA;margin-top:8px} #hh-food-trucks .store-mini-actions{display:flex;gap:6px;margin-top:13px} #hh-food-trucks .store-mini-actions span{padding:6px 7px;border-radius:999px;background:rgba(253,251,250,.1);font-size:7px;font-weight:700} #hh-food-trucks .store-info-block{margin-top:18px;padding-top:15px;border-top:1px solid rgba(253,251,250,.13)} #hh-food-trucks .store-info-block b,#hh-food-trucks .store-info-block span{display:block} #hh-food-trucks .store-info-block b{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#FDFBFA;margin-bottom:9px} #hh-food-trucks .store-info-block span{font-size:8px;color:#FDFBFA;margin:7px 0} #hh-food-trucks .store-info-block i{font-style:normal;color:#477842;font-size:7px;margin-right:5px} #hh-food-trucks .storefront-menu{padding:16px 18px 18px;overflow:hidden} #hh-food-trucks .menu-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px} #hh-food-trucks .menu-tabs{display:flex;gap:4px} #hh-food-trucks .menu-tabs button{border:0;background:#FDFBFA;color:#315B2D;padding:7px 10px;border-radius:999px;font-size:8px;font-weight:700} #hh-food-trucks .menu-tabs button.active{background:#FDFBFA;color:var(--deep)} #hh-food-trucks .fulfillment-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:12px;background:#FDFBFA;border:1px solid #FDFBFA;font-size:8px} #hh-food-trucks .fulfillment-chip span{font-weight:700;color:var(--orange)} #hh-food-trucks .fulfillment-chip b{font-size:8px;color:#315B2D} #hh-food-trucks .menu-section-label{display:flex;align-items:center;justify-content:space-between;margin:14px 0 10px} #hh-food-trucks .menu-section-label span{font-size:8px;font-weight:700;letter-spacing:.1em;color:#315B2D} #hh-food-trucks .menu-section-label small{font-size:7px;color:#315B2D} #hh-food-trucks .hh-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #hh-food-trucks .hh-product-card{border:1px solid #FDFBFA;border-radius:16px;background:#FDFBFA;overflow:hidden;box-shadow:0 8px 20px rgba(49,91,45,.05);transition:.25s;cursor:pointer} #hh-food-trucks .hh-product-card:hover,#hh-food-trucks .hh-product-card.selected{transform:translateY(-4px);box-shadow:0 15px 30px rgba(49,91,45,.11);border-color:#FDFBFA} #hh-food-trucks .product-photo{height:112px;position:relative;overflow:hidden;background:#FDFBFA} #hh-food-trucks .product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s} #hh-food-trucks .hh-product-card:hover .product-photo img{transform:scale(1.05)} #hh-food-trucks .product-photo span{position:absolute;right:7px;top:7px;padding:5px 7px;border-radius:999px;background:rgba(253,251,250,.92);font-size:6px;font-weight:700;color:var(--deep);box-shadow:0 4px 10px rgba(49,91,45,.07)} #hh-food-trucks .product-body{padding:10px} #hh-food-trucks .product-body h4{margin:0;font-size:10px;line-height:1.2;color:var(--deep);min-height:24px} #hh-food-trucks .fulfillment-icons{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px} #hh-food-trucks .fulfillment-icons span{padding:4px 5px;border-radius:999px;background:#FDFBFA;color:#315B2D;font-size:6px;font-weight:700} #hh-food-trucks .fulfillment-icons .on{background:#FDFBFA;color:#477842} #hh-food-trucks .product-body p{font-size:7px;line-height:1.4;color:#315B2D;margin-top:7px;height:20px;overflow:hidden} #hh-food-trucks .product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:9px} #hh-food-trucks .product-bottom b{font-size:10px;color:var(--deep)} #hh-food-trucks .product-bottom button{border:0;background:var(--orange);color:#FDFBFA;border-radius:999px;padding:6px 8px;font-size:6px;font-weight:700;cursor:pointer} #hh-food-trucks .order-center{height:100%;display:grid;grid-template-columns:235px 1fr 220px;gap:10px} #hh-food-trucks .order-queue,#hh-food-trucks .order-detail,#hh-food-trucks .seller-controls{border:1px solid #FDFBFA;border-radius:20px;background:#FDFBFA;box-shadow:0 12px 28px rgba(49,91,45,.07)} #hh-food-trucks .order-queue{padding:14px;overflow:hidden} #hh-food-trucks .order-queue-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px} #hh-food-trucks .order-queue-head small{font-size:7px;font-weight:700;letter-spacing:.09em;color:#315B2D} #hh-food-trucks .order-queue-head h3{font-size:18px;margin-top:1px} #hh-food-trucks .order-queue-head>span{padding:5px 7px;border-radius:999px;background:#FDFBFA;color:#477842;font-size:7px;font-weight:700} #hh-food-trucks .order-queue-card{width:100%;text-align:left;border:1px solid #FDFBFA;background:#FDFBFA;border-radius:14px;padding:10px;margin:6px 0;display:grid;grid-template-columns:1fr auto;gap:3px 8px;cursor:pointer;transition:.2s} #hh-food-trucks .order-queue-card:hover,#hh-food-trucks .order-queue-card.active{border-color:#FDFBFA;background:#FDFBFA;transform:translateX(2px)} #hh-food-trucks .order-queue-card b{font-size:9px;color:var(--deep)} #hh-food-trucks .order-queue-card small{font-size:7px;color:#315B2D} #hh-food-trucks .order-queue-card strong{grid-column:2;grid-row:2;font-size:9px;color:#315B2D} #hh-food-trucks .order-status{width:max-content;padding:4px 6px;border-radius:999px;font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.04em} #hh-food-trucks .order-status.new{background:#FDFBFA;color:var(--orange)} #hh-food-trucks .order-status.prep{background:#FDFBFA;color:#477842} #hh-food-trucks .order-status.done{background:#FDFBFA;color:#315B2D} #hh-food-trucks .order-detail{padding:16px 18px} #hh-food-trucks .order-detail-head{display:flex;justify-content:space-between;align-items:flex-start} #hh-food-trucks .order-detail-head small{font-size:7px;font-weight:700;letter-spacing:.08em;color:#315B2D} #hh-food-trucks .order-detail-head h3{font-size:19px;margin-top:2px} #hh-food-trucks .customer-row{display:flex;align-items:center;gap:9px;padding:12px 0;margin-top:7px;border-bottom:1px solid #FDFBFA} #hh-food-trucks .customer-avatar{width:32px;height:32px;font-size:9px;background:#FDFBFA;color:var(--deep)} #hh-food-trucks .customer-row>div:nth-child(2){flex:1} #hh-food-trucks .customer-row b,#hh-food-trucks .customer-row small{display:block} #hh-food-trucks .customer-row b{font-size:9px} #hh-food-trucks .customer-row small{font-size:7px;color:#315B2D;margin-top:2px} #hh-food-trucks .customer-row button{border:1px solid #FDFBFA;background:#FDFBFA;padding:6px 8px;border-radius:999px;font-size:7px;font-weight:700;color:var(--deep)} #hh-food-trucks .order-items-table{padding:8px 0;border-bottom:1px solid #FDFBFA} #hh-food-trucks .order-items-table>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:8px;color:#315B2D} #hh-food-trucks .order-items-table span b{color:#315B2D;margin-right:6px} #hh-food-trucks .order-items-table strong{font-size:8px;color:var(--deep)} #hh-food-trucks .order-note{margin-top:9px;padding:9px 10px;border-radius:11px;background:#FDFBFA;border:1px solid #FDFBFA} #hh-food-trucks .order-note span{font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#E37416} #hh-food-trucks .order-note p{font-size:7px;color:#315B2D;margin-top:2px} #hh-food-trucks .order-total{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:9px} #hh-food-trucks .order-total strong{font-size:14px;color:var(--deep)} #hh-food-trucks .order-progress{display:flex;align-items:center;justify-content:space-between;margin:12px 0 10px;position:relative} #hh-food-trucks .order-progress:before{content:"";position:absolute;left:10%;right:10%;top:6px;height:1px;background:#FDFBFA} #hh-food-trucks .order-progress span{position:relative;z-index:1;display:grid;place-items:center;gap:3px;background:#FDFBFA;padding:0 4px;font-size:6px;color:#315B2D} #hh-food-trucks .order-progress i{width:12px;height:12px;border-radius:50%;background:#FDFBFA;border:3px solid #FDFBFA;box-shadow:0 0 0 1px #FDFBFA} #hh-food-trucks .order-progress span.active{color:var(--green);font-weight:700} #hh-food-trucks .order-progress span.active i{background:var(--green);box-shadow:0 0 0 1px #FDFBFA} #hh-food-trucks .advance-order{width:100%;border:0;border-radius:999px;background:var(--deep);color:#FDFBFA;padding:9px;font-size:8px;font-weight:700;cursor:pointer;transition:.2s} #hh-food-trucks .advance-order:hover{background:var(--orange);transform:translateY(-1px)} #hh-food-trucks .seller-controls{padding:12px;background:#FDFBFA} #hh-food-trucks .seller-control-card{padding:11px;border-radius:13px;background:#FDFBFA;border:1px solid #FDFBFA;margin-bottom:8px} #hh-food-trucks .seller-control-card small,#hh-food-trucks .seller-control-card b,#hh-food-trucks .seller-control-card span{display:block} #hh-food-trucks .seller-control-card small{font-size:6px;font-weight:700;letter-spacing:.09em;color:#315B2D} #hh-food-trucks .seller-control-card b{font-size:10px;color:var(--deep);margin-top:3px} #hh-food-trucks .seller-control-card span{font-size:7px;color:#315B2D;margin-top:5px;line-height:1.35} #hh-food-trucks .toggle{display:inline-block!important;vertical-align:middle;width:19px;height:10px;border-radius:999px;background:#FDFBFA;margin-right:5px;position:relative} #hh-food-trucks .toggle:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;left:2px;top:1.5px;background:#FDFBFA} #hh-food-trucks .toggle.on{background:#B1D1AE} #hh-food-trucks .toggle.on:after{left:10px} #hh-food-trucks .compare-progress{height:3px;background:#FDFBFA} #hh-food-trucks .compare-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--green))} #hh-food-trucks .chef-compare.is-running .compare-progress span{animation:compareLoad 7s linear forwards} @keyframes compareLoad{to{width:100%}} @media(max-width:1100px){ #hh-food-trucks .before-workspace{grid-template-columns:1fr 340px 1fr;padding-left:36px;padding-right:36px} #hh-food-trucks .manual-card{width:210px} #hh-food-trucks .floating-question{min-width:180px} #hh-food-trucks .order-center{grid-template-columns:210px 1fr} #hh-food-trucks .seller-controls{display:none} #hh-food-trucks .storefront-live-layout{grid-template-columns:210px 1fr} #hh-food-trucks .hh-product-grid{grid-template-columns:repeat(2,1fr)} #hh-food-trucks .hh-product-card:nth-child(3){display:none} } @media(max-width:760px){ #hh-food-trucks .pain-v3{padding:58px 0 66px} #hh-food-trucks .flow-shell{width:min(100% - 24px,1440px)} #hh-food-trucks .flow-intro{margin-bottom:20px} #hh-food-trucks .flow-intro h2{font-size:34px} #hh-food-trucks .compare-topbar-xl{align-items:flex-start} #hh-food-trucks .compare-tabs-xl{width:100%;max-width:330px} #hh-food-trucks .compare-auto{display:none} #hh-food-trucks .compare-stage-xl{height:710px} #hh-food-trucks .before-workspace{height:630px;display:block;padding:20px} #hh-food-trucks .before-side{display:none} #hh-food-trucks .phone-frame{width:300px;height:520px} #hh-food-trucks .compare-summary{left:12px;right:12px;bottom:14px;grid-template-columns:1fr} #hh-food-trucks .compare-summary span:nth-child(2),#hh-food-trucks .compare-summary span:nth-child(3){display:none} #hh-food-trucks .after-app-shell{height:630px;padding:12px 12px 70px} #hh-food-trucks .after-app-head{height:78px;display:block} #hh-food-trucks .after-mode-tabs{margin-top:8px;width:max-content} #hh-food-trucks .storefront-live-layout{grid-template-columns:1fr} #hh-food-trucks .storefront-profile{display:none} #hh-food-trucks .hh-product-grid{grid-template-columns:1fr 1fr} #hh-food-trucks .product-photo{height:120px} #hh-food-trucks .order-center{grid-template-columns:1fr} #hh-food-trucks .order-queue{display:none} #hh-food-trucks .order-detail{height:100%} #hh-food-trucks .menu-section-label small{display:none} } @media(max-width:520px){ #hh-food-trucks .compare-stage-xl{height:750px} #hh-food-trucks .hh-product-grid{grid-template-columns:1fr} #hh-food-trucks .hh-product-card:nth-child(2),#hh-food-trucks .hh-product-card:nth-child(3){display:none} #hh-food-trucks .product-photo{height:180px} #hh-food-trucks .storefront-menu{padding:12px} #hh-food-trucks .menu-toolbar{align-items:flex-start;gap:7px;flex-direction:column} #hh-food-trucks .after-app-shell{height:670px} #hh-food-trucks .order-detail{padding:14px} #hh-food-trucks .flow-intro p{font-size:13px} } #hh-food-trucks .flow-intro{max-width:900px;margin-bottom:34px} #hh-food-trucks .flow-intro h2{font-size:clamp(40px,4.15vw,58px);line-height:1.03;letter-spacing:-.045em;max-width:900px;margin-left:auto;margin-right:auto} #hh-food-trucks .flow-intro p{font-size:17px;line-height:1.5;max-width:700px;color:#315B2D} @media(min-width:901px){ #hh-food-trucks .chef-compare-xl{border-radius:30px} #hh-food-trucks .compare-topbar-xl{padding:16px 20px} #hh-food-trucks .compare-tabs-xl{width:440px} #hh-food-trucks .compare-tabs-xl .compare-tab{padding:12px 18px;font-size:12px;letter-spacing:-.01em} #hh-food-trucks .compare-auto{font-size:9px} #hh-food-trucks .compare-stage-xl{height:710px} #hh-food-trucks .before-workspace{height:615px;grid-template-columns:1fr 390px 1fr;padding:44px 74px 26px} #hh-food-trucks .floating-question{min-width:225px;max-width:285px;padding:17px 18px} #hh-food-trucks .floating-question small,#hh-food-trucks .manual-card span{font-size:9px} #hh-food-trucks .floating-question b{font-size:14px;line-height:1.35} #hh-food-trucks .manual-card{width:260px;padding:17px 18px} #hh-food-trucks .manual-card b{font-size:14px;line-height:1.3} #hh-food-trucks .manual-card small{font-size:10px;line-height:1.4} #hh-food-trucks .phone-frame{width:345px;height:535px} #hh-food-trucks .phone-chat-head b{font-size:13px} #hh-food-trucks .phone-chat-head small{font-size:9px} #hh-food-trucks .mini-chat{font-size:12px;line-height:1.35;padding:11px 13px} #hh-food-trucks .mini-chat small{font-size:7px} #hh-food-trucks .phone-chat-body{height:388px} #hh-food-trucks .phone-compose span{font-size:10px} #hh-food-trucks .compare-summary{left:26px;right:26px;bottom:20px;gap:12px} #hh-food-trucks .compare-summary span{padding:14px 16px;border-radius:16px} #hh-food-trucks .compare-summary b{font-size:13px} #hh-food-trucks .compare-summary small{font-size:10px;line-height:1.35;margin-top:4px} #hh-food-trucks .after-app-shell{height:615px;padding:23px 24px 82px} #hh-food-trucks .after-app-head{height:64px;padding:0 4px 16px} #hh-food-trucks .after-app-head small{font-size:9px} #hh-food-trucks .after-app-head strong{font-size:18px;letter-spacing:-.02em} #hh-food-trucks .after-mode{padding:10px 16px;font-size:11px} #hh-food-trucks .after-view{height:505px} #hh-food-trucks .store-browser-bar{height:46px;padding:0 16px} #hh-food-trucks .store-url{font-size:10px;max-width:420px;padding:8px 14px} #hh-food-trucks .share-pill{font-size:10px;padding:8px 12px} #hh-food-trucks .storefront-live-layout{grid-template-columns:245px 1fr;height:calc(100% - 46px)} #hh-food-trucks .storefront-profile{padding:24px 20px} #hh-food-trucks .storefront-avatar{width:58px;height:58px;font-size:18px} #hh-food-trucks .storefront-profile>small{font-size:9px;margin-top:16px} #hh-food-trucks .storefront-profile h3{font-size:23px;line-height:1.05;margin-top:6px} #hh-food-trucks .storefront-profile>p{font-size:12px;line-height:1.45;margin-top:10px} #hh-food-trucks .store-mini-actions{margin-top:15px} #hh-food-trucks .store-mini-actions span{font-size:10px;padding:8px 10px} #hh-food-trucks .store-info-block{margin-top:20px;padding-top:17px} #hh-food-trucks .store-info-block b{font-size:10px;margin-bottom:10px} #hh-food-trucks .store-info-block span{font-size:11px;line-height:1.35;margin:9px 0} #hh-food-trucks .storefront-menu{padding:18px 20px 20px} #hh-food-trucks .menu-tabs button{font-size:11px;padding:8px 12px} #hh-food-trucks .fulfillment-chip{font-size:10px;padding:8px 11px} #hh-food-trucks .fulfillment-chip b{font-size:10px} #hh-food-trucks .menu-section-label{margin:16px 0 12px} #hh-food-trucks .menu-section-label span{font-size:10px} #hh-food-trucks .menu-section-label small{font-size:9px} #hh-food-trucks .hh-product-grid{gap:14px} #hh-food-trucks .hh-product-card{border-radius:18px} #hh-food-trucks .product-photo{height:142px} #hh-food-trucks .product-photo span{font-size:8px;padding:6px 8px} #hh-food-trucks .product-body{padding:13px} #hh-food-trucks .product-body h4{font-size:13px;line-height:1.25;min-height:34px} #hh-food-trucks .fulfillment-icons{margin-top:8px} #hh-food-trucks .fulfillment-icons span{font-size:9px;padding:5px 7px} #hh-food-trucks .product-body p{font-size:10px;height:auto;margin-top:8px} #hh-food-trucks .product-bottom{margin-top:11px} #hh-food-trucks .product-bottom b{font-size:13px} #hh-food-trucks .product-bottom button{font-size:9px;padding:7px 10px} #hh-food-trucks .order-center{grid-template-columns:245px 1fr 235px;gap:14px} #hh-food-trucks .order-queue,#hh-food-trucks .order-detail,#hh-food-trucks .seller-controls{border-radius:20px} #hh-food-trucks .order-queue{padding:16px} #hh-food-trucks .order-queue-head small{font-size:9px} #hh-food-trucks .order-queue-head h3{font-size:21px} #hh-food-trucks .order-queue-head>span{font-size:9px;padding:6px 8px} #hh-food-trucks .order-queue-card{padding:12px;margin:8px 0;gap:5px 8px} #hh-food-trucks .order-queue-card b{font-size:12px} #hh-food-trucks .order-queue-card small{font-size:9px} #hh-food-trucks .order-queue-card strong{font-size:11px} #hh-food-trucks .order-status{font-size:8px;padding:5px 7px} #hh-food-trucks .order-detail{padding:19px 21px} #hh-food-trucks .order-detail-head small{font-size:9px} #hh-food-trucks .order-detail-head h3{font-size:22px} #hh-food-trucks .customer-row{padding:14px 0} #hh-food-trucks .customer-avatar{width:38px;height:38px;font-size:11px} #hh-food-trucks .customer-row b{font-size:12px} #hh-food-trucks .customer-row small{font-size:9px} #hh-food-trucks .customer-row button{font-size:9px;padding:7px 10px} #hh-food-trucks .order-items-table{padding:10px 0} #hh-food-trucks .order-items-table>div{padding:8px 0;font-size:11px} #hh-food-trucks .order-items-table strong{font-size:11px} #hh-food-trucks .order-note{margin-top:11px;padding:11px 12px} #hh-food-trucks .order-note span{font-size:8px} #hh-food-trucks .order-note p{font-size:10px;margin-top:4px} #hh-food-trucks .order-total{font-size:11px;margin-top:10px} #hh-food-trucks .order-total strong{font-size:18px} #hh-food-trucks .order-progress{margin:15px 0 12px} #hh-food-trucks .order-progress span{font-size:8px} #hh-food-trucks .advance-order{font-size:10px;padding:11px 14px} #hh-food-trucks .seller-controls{padding:12px} #hh-food-trucks .seller-control-card{padding:14px 13px;margin-bottom:10px} #hh-food-trucks .seller-control-card small{font-size:8px} #hh-food-trucks .seller-control-card b{font-size:13px;margin-top:4px} #hh-food-trucks .seller-control-card span{font-size:9px;line-height:1.35;margin-top:6px} } #hh-food-trucks .avatar img,#hh-food-trucks .storefront-avatar img,#hh-food-trucks .customer-avatar img{width:100%;height:100%;object-fit:cover;display:block} #hh-food-trucks .phone-chat-head .avatar,#hh-food-trucks .customer-avatar{overflow:hidden;border-radius:50%;padding:0;background:#FDFBFA} #hh-food-trucks .storefront-avatar{overflow:hidden;padding:0;background:#FDFBFA} #hh-food-trucks .customer-avatar{width:38px;height:38px;flex:0 0 38px} #hh-food-trucks .phone-chat-head .avatar{width:36px;height:36px;flex:0 0 36px} #hh-food-trucks .storefront-avatar{width:58px;height:58px} #hh-food-trucks .benefits-simple{position:relative; padding:78px 0 82px; background:linear-gradient(135deg,#315B2D 0%,#315B2D 55%,#315B2D 100%); color:#FDFBFA; overflow:hidden;} #hh-food-trucks .benefits-simple:before{content:""; position:absolute; width:520px;height:520px; right:-230px;top:-235px; border-radius:50%; border:1px solid rgba(253,251,250,.08); box-shadow:0 0 0 70px rgba(253,251,250,.025),0 0 0 140px rgba(253,251,250,.018); animation:benefitOrbit 10s ease-in-out infinite alternate;} #hh-food-trucks .benefits-simple:after{content:""; position:absolute; width:260px;height:260px; left:-160px;bottom:-150px; border-radius:50%; background:radial-gradient(circle,rgba(227,116,22,.16),rgba(227,116,22,0) 68%); animation:benefitGlow 6s ease-in-out infinite;} @keyframes benefitOrbit{to{transform:translate(-24px,22px) scale(1.04)}} @keyframes benefitGlow{50%{transform:scale(1.16);opacity:.68}} #hh-food-trucks .benefits-simple .container{position:relative;z-index:2} #hh-food-trucks .benefits-simple-head{max-width:760px; margin:0 auto 36px; text-align:center;} #hh-food-trucks .benefits-simple-head .eyebrow{color:#FF9B46} #hh-food-trucks .benefits-simple-head h2{margin:12px 0 10px; color:#FDFBFA; font-size:clamp(38px,4vw,58px); letter-spacing:-.045em;} #hh-food-trucks .benefits-simple-head p{margin:0 auto; max-width:620px; color:#FDFBFA; font-size:17px; line-height:1.55;} #hh-food-trucks .benefit-flow{position:relative; width:min(920px,78%); height:2px; margin:0 auto -19px; background:rgba(253,251,250,.09); overflow:hidden;} #hh-food-trucks .benefit-flow span{position:absolute; top:0;left:-28%; width:28%;height:100%; background:linear-gradient(90deg,transparent,#E37416,transparent); animation:benefitLine 4.2s linear infinite;} @keyframes benefitLine{to{left:100%}} #hh-food-trucks .benefit-grid-simple{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; position:relative;} #hh-food-trucks .benefit-card-simple{position:relative; min-height:215px; padding:28px 23px 24px; border-radius:26px; border:1px solid rgba(253,251,250,.12); background:rgba(253,251,250,.065); backdrop-filter:blur(5px); overflow:hidden; transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;} #hh-food-trucks .benefit-card-simple:before{content:""; position:absolute; width:96px;height:96px; right:-48px;bottom:-48px; border-radius:50%; background:rgba(227,116,22,.06); transition:transform .35s ease,background .35s ease;} #hh-food-trucks .benefit-card-simple:hover{transform:translateY(-8px); border-color:rgba(255,155,70,.52); background:rgba(253,251,250,.09); box-shadow:0 22px 46px rgba(49,91,45,.22);} #hh-food-trucks .benefit-card-simple:hover:before{transform:scale(2.1);background:rgba(227,116,22,.09)} #hh-food-trucks .benefit-icon-wrap{width:54px;height:54px; display:grid;place-items:center; border-radius:17px; color:#FF9B46; background:rgba(227,116,22,.14); border:1px solid rgba(255,155,70,.12); margin-bottom:25px; animation:benefitIconFloat 4.6s ease-in-out infinite;} #hh-food-trucks .benefit-card-simple:nth-child(2) .benefit-icon-wrap{animation-delay:.45s} #hh-food-trucks .benefit-card-simple:nth-child(3) .benefit-icon-wrap{animation-delay:.9s} #hh-food-trucks .benefit-card-simple:nth-child(4) .benefit-icon-wrap{animation-delay:1.35s} @keyframes benefitIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} #hh-food-trucks .benefit-icon-wrap svg{width:25px;height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;} #hh-food-trucks .benefit-kicker{display:block; margin-bottom:7px; color:#315B2D; font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;} #hh-food-trucks .benefit-card-simple h3{margin:0; max-width:210px; color:#FDFBFA; font-size:20px; line-height:1.18; letter-spacing:-.025em;} #hh-food-trucks .benefit-card-simple p{margin:9px 0 0; max-width:220px; color:#FDFBFA; font-size:12.5px; line-height:1.5;} @media(max-width:900px){ #hh-food-trucks .benefit-grid-simple{grid-template-columns:repeat(2,1fr)} #hh-food-trucks .benefit-flow{display:none} } @media(max-width:560px){ #hh-food-trucks .benefits-simple{padding:58px 0 62px} #hh-food-trucks .benefits-simple-head{text-align:left;margin-bottom:26px} #hh-food-trucks .benefits-simple-head h2{font-size:38px} #hh-food-trucks .benefits-simple-head p{font-size:15px} #hh-food-trucks .benefit-grid-simple{grid-template-columns:1fr} #hh-food-trucks .benefit-card-simple{min-height:0;padding:22px} #hh-food-trucks .benefit-icon-wrap{margin-bottom:17px} #hh-food-trucks .benefit-card-simple h3{max-width:none} #hh-food-trucks .benefit-card-simple p{max-width:none} } #hh-food-trucks .benefits-interactive{padding:84px 0 78px;background:linear-gradient(135deg,#315B2D 0%,#315B2D 54%,#315B2D 100%)} #hh-food-trucks .benefits-interactive .container{max-width:1220px} #hh-food-trucks .benefits-interactive .benefits-simple-head{margin-bottom:34px} #hh-food-trucks .benefits-interactive .benefits-simple-head h2{font-size:clamp(42px,4.2vw,62px);margin-bottom:8px} #hh-food-trucks .benefits-interactive .benefits-simple-head p{font-size:16px;color:#FDFBFA;letter-spacing:.005em} #hh-food-trucks .benefit-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(.2px)} #hh-food-trucks .benefit-orb-one{width:370px;height:370px;right:-180px;top:-160px;border:1px solid rgba(253,251,250,.07);box-shadow:0 0 0 58px rgba(253,251,250,.018),0 0 0 116px rgba(253,251,250,.012);animation:orbDrift 11s ease-in-out infinite alternate} #hh-food-trucks .benefit-orb-two{width:230px;height:230px;left:-130px;bottom:-150px;background:radial-gradient(circle,rgba(227,116,22,.17),rgba(227,116,22,0) 68%);animation:orbPulse 7s ease-in-out infinite} @keyframes orbDrift{to{transform:translate(-28px,28px) scale(1.05)}} @keyframes orbPulse{50%{transform:scale(1.18);opacity:.7}} #hh-food-trucks .benefit-control-rail{position:relative;height:26px;margin:0 7.5% -12px;z-index:1} #hh-food-trucks .rail-line{position:absolute;left:0;right:0;top:12px;height:1px;background:rgba(253,251,250,.11)} #hh-food-trucks .rail-glow{position:absolute;top:11px;left:0;width:25%;height:3px;border-radius:20px;background:linear-gradient(90deg,transparent,#FF9B46,#FF9B46,transparent);filter:drop-shadow(0 0 7px rgba(227,116,22,.55));animation:railSweep 8s cubic-bezier(.65,0,.35,1) infinite} @keyframes railSweep{0%,18%{left:0}25%,43%{left:25%}50%,68%{left:50%}75%,93%{left:75%}100%{left:0}} #hh-food-trucks .rail-dot{position:absolute;top:8px;width:9px;height:9px;border-radius:50%;background:#477842;border:2px solid rgba(253,251,250,.22);transform:translateX(-50%);transition:.35s ease} #hh-food-trucks .dot-1{left:12.5%} #hh-food-trucks .dot-2{left:37.5%} #hh-food-trucks .dot-3{left:62.5%} #hh-food-trucks .dot-4{left:87.5%} #hh-food-trucks .benefit-grid-simple{gap:16px;position:relative;z-index:2} #hh-food-trucks .benefit-card-simple{min-height:226px;padding:25px 23px 24px;cursor:pointer;isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease,box-shadow .35s ease} #hh-food-trucks .benefit-card-simple::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 22% 15%,rgba(255,155,70,.12),transparent 38%);opacity:0;transition:.35s ease;z-index:-1} #hh-food-trucks .benefit-card-simple:hover,#hh-food-trucks .benefit-card-simple.is-active,#hh-food-trucks .benefit-card-simple:focus-visible{transform:translateY(-9px);border-color:rgba(255,155,70,.46);background:rgba(253,251,250,.105);box-shadow:0 23px 55px rgba(49,91,45,.28)} #hh-food-trucks .benefit-card-simple.is-active::after,#hh-food-trucks .benefit-card-simple:hover::after{opacity:1} #hh-food-trucks .benefit-card-simple.is-active .benefit-card-accent{transform:scaleX(1);opacity:1} #hh-food-trucks .benefit-card-simple:focus-visible{outline:2px solid rgba(255,155,70,.8);outline-offset:4px} #hh-food-trucks .benefit-number{position:absolute;right:19px;top:17px;color:rgba(253,251,250,.26);font-size:10px;font-weight:700;letter-spacing:.12em} #hh-food-trucks .benefit-card-accent{position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:10px;background:linear-gradient(90deg,#E37416,#FF9B46);transform:scaleX(.18);transform-origin:left;opacity:.4;transition:.5s cubic-bezier(.2,.8,.2,1)} #hh-food-trucks .benefit-card-simple:hover .benefit-card-accent{transform:scaleX(1);opacity:1} #hh-food-trucks .benefit-icon-wrap{width:58px;height:58px;border-radius:18px;margin-bottom:22px;background:linear-gradient(145deg,rgba(227,116,22,.20),rgba(227,116,22,.10));box-shadow:inset 0 0 0 1px rgba(255,155,70,.12);animation:none;transition:transform .35s ease,background .35s ease,box-shadow .35s ease} #hh-food-trucks .benefit-card-simple.is-active .benefit-icon-wrap,#hh-food-trucks .benefit-card-simple:hover .benefit-icon-wrap{transform:translateY(-3px) scale(1.07);background:rgba(227,116,22,.22);box-shadow:0 12px 26px rgba(49,91,45,.14),inset 0 0 0 1px rgba(255,155,70,.25)} #hh-food-trucks .benefit-icon-wrap svg{width:27px;height:27px} #hh-food-trucks .icon-menu .draw-line{stroke-dasharray:14;stroke-dashoffset:14} #hh-food-trucks .benefit-card-simple.is-active .icon-menu .l1{animation:drawMenu .35s .05s forwards} #hh-food-trucks .benefit-card-simple.is-active .icon-menu .l2{animation:drawMenu .35s .18s forwards} #hh-food-trucks .benefit-card-simple.is-active .icon-menu .l3{animation:drawMenu .35s .31s forwards} @keyframes drawMenu{to{stroke-dashoffset:0}} #hh-food-trucks .benefit-card-simple.is-active .clock-hand{transform-origin:12px 12px;animation:clockTick 1.9s ease-in-out infinite} @keyframes clockTick{0%,100%{transform:rotate(0)}50%{transform:rotate(28deg)}} #hh-food-trucks .benefit-card-simple.is-active .icon-truck svg{animation:truckMove 1.4s ease-in-out infinite} @keyframes truckMove{0%,100%{transform:translateX(-1px)}50%{transform:translateX(3px)}} #hh-food-trucks .growth-path{stroke-dasharray:30;stroke-dashoffset:30} #hh-food-trucks .benefit-card-simple.is-active .growth-path{animation:growPath 1.1s ease-out forwards} @keyframes growPath{to{stroke-dashoffset:0}} #hh-food-trucks .benefit-kicker{font-size:9.5px;margin-bottom:8px;color:#FDFBFA} #hh-food-trucks .benefit-card-simple h3{font-size:21px;line-height:1.16;max-width:230px} #hh-food-trucks .benefit-card-simple p{font-size:13px;line-height:1.4;color:#FDFBFA;margin-top:10px} #hh-food-trucks .benefit-caption{width:max-content;max-width:100%;margin:25px auto 0;padding:10px 16px;border:1px solid rgba(253,251,250,.1);border-radius:999px;background:rgba(253,251,250,.05);display:flex;align-items:center;gap:9px;color:#FDFBFA;font-size:11px;font-weight:700;backdrop-filter:blur(8px)} #hh-food-trucks .caption-dot{width:7px;height:7px;border-radius:50%;background:#FF9B46;box-shadow:0 0 0 5px rgba(227,116,22,.12);animation:captionPulse 1.7s ease-in-out infinite} @keyframes captionPulse{50%{box-shadow:0 0 0 8px rgba(227,116,22,.03)}} @media(max-width:900px){ #hh-food-trucks .benefit-control-rail{display:none} #hh-food-trucks .benefit-grid-simple{grid-template-columns:repeat(2,1fr)} #hh-food-trucks .benefit-card-simple{min-height:210px} } @media(max-width:560px){ #hh-food-trucks .benefits-interactive{padding:58px 0 62px} #hh-food-trucks .benefits-interactive .benefits-simple-head{text-align:left} #hh-food-trucks .benefits-interactive .benefits-simple-head h2{font-size:39px} #hh-food-trucks .benefits-interactive .benefits-simple-head p{font-size:15px} #hh-food-trucks .benefit-grid-simple{grid-template-columns:1fr} #hh-food-trucks .benefit-card-simple{min-height:0;padding:22px} #hh-food-trucks .benefit-caption{margin-left:0;border-radius:16px} #hh-food-trucks .benefit-number{top:15px} } @media(prefers-reduced-motion:reduce){ #hh-food-trucks .rail-glow,#hh-food-trucks .benefit-orb,#hh-food-trucks .caption-dot,#hh-food-trucks .benefit-card-simple.is-active .clock-hand,#hh-food-trucks .benefit-card-simple.is-active .icon-truck svg{animation:none!important} #hh-food-trucks .benefit-card-simple{transition:none} } #hh-food-trucks .hh-storefront-v2{position:relative;background:#FDFBFA;overflow:hidden;padding:84px 0} #hh-food-trucks .hh-storefront-v2:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-160px;border:1px solid rgba(71,120,66,.12);box-shadow:0 0 0 50px rgba(71,120,66,.025),0 0 0 100px rgba(227,116,22,.02)} #hh-food-trucks .sf2-head{text-align:center;max-width:760px;margin:0 auto 34px} #hh-food-trucks .sf2-head h2{font-size:clamp(36px,4vw,54px);line-height:1.02;margin:12px 0 10px;color:var(--deep)} #hh-food-trucks .sf2-head p{font-size:16px;color:#315B2D;margin:0} #hh-food-trucks .sf2-layout{display:grid;grid-template-columns:.63fr 1.37fr;gap:26px;align-items:stretch} #hh-food-trucks .sf2-benefits{display:grid;gap:10px;align-content:center} #hh-food-trucks .sf2-benefit{appearance:none;width:100%;border:1px solid #FDFBFA;background:rgba(253,251,250,.72);border-radius:18px;padding:15px 16px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.28s ease;color:var(--deep)} #hh-food-trucks .sf2-benefit:hover,#hh-food-trucks .sf2-benefit.is-active{background:#FDFBFA;border-color:#FDFBFA;transform:translateX(6px);box-shadow:0 12px 26px rgba(49,91,45,.07)} #hh-food-trucks .sf2-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:#FDFBFA;color:var(--green);transition:.28s ease} #hh-food-trucks .sf2-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #hh-food-trucks .sf2-benefit.is-active .sf2-icon{background:var(--green);color:#FDFBFA;transform:rotate(-4deg) scale(1.04)} #hh-food-trucks .sf2-benefit strong{display:block;font-size:15px;line-height:1.15} #hh-food-trucks .sf2-benefit small{display:block;margin-top:3px;font-size:11px;color:#315B2D;line-height:1.35} #hh-food-trucks .sf2-share-card{margin-top:4px;padding:14px 15px;border-radius:18px;background:var(--deep);color:#FDFBFA;position:relative;overflow:hidden} #hh-food-trucks .sf2-share-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(227,116,22,.13);right:-28px;top:-36px} #hh-food-trucks .sf2-share-card>span{display:block;font-size:8px;letter-spacing:.12em;font-weight:700;color:#FDFBFA} #hh-food-trucks .sf2-share-card>strong{display:block;font-size:12px;margin:4px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} #hh-food-trucks .sf2-share-card button{border:0;border-radius:999px;background:var(--orange);color:#FDFBFA;font-weight:700;font-size:10px;padding:8px 12px;cursor:pointer;position:relative;z-index:2} #hh-food-trucks .sf2-browser{position:relative;border:1px solid #FDFBFA;border-radius:28px;background:#FDFBFA;box-shadow:0 24px 55px rgba(49,91,45,.11);overflow:hidden;min-height:455px;transition:.35s ease} #hh-food-trucks .sf2-browser:hover{transform:translateY(-4px);box-shadow:0 30px 68px rgba(49,91,45,.15)} #hh-food-trucks .sf2-browserbar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#FDFBFA;border-bottom:1px solid #FDFBFA} #hh-food-trucks .sf2-browserbar i{width:7px;height:7px;border-radius:50%;background:#FDFBFA} #hh-food-trucks .sf2-browserbar span{margin-left:6px;flex:1;background:#FDFBFA;border-radius:999px;padding:6px 10px;font-size:8px;color:#315B2D} #hh-food-trucks .sf2-browserbar b{font-size:8px;letter-spacing:.09em;color:var(--green);background:#FDFBFA;padding:5px 8px;border-radius:999px} #hh-food-trucks .sf2-cover{height:174px;position:relative;overflow:hidden} #hh-food-trucks .sf2-cover img{width:100%;height:100%;object-fit:cover;transition:transform 7s ease} #hh-food-trucks .sf2-browser:hover .sf2-cover img{transform:scale(1.055)} #hh-food-trucks .sf2-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(49,91,45,.62))} #hh-food-trucks .sf2-cover>div{position:absolute;left:20px;bottom:16px;z-index:2;color:#FDFBFA} #hh-food-trucks .sf2-cover small{display:block;font-size:8px;font-weight:700;letter-spacing:.12em;opacity:.8} #hh-food-trucks .sf2-cover strong{display:block;font-size:24px;margin-top:2px} #hh-food-trucks .sf2-storebody{padding:18px 20px 20px} #hh-food-trucks .sf2-storetop{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px} #hh-food-trucks .sf2-storetop small{font-size:8px;letter-spacing:.1em;font-weight:700;color:#315B2D} #hh-food-trucks .sf2-storetop h3{font-size:20px;margin:1px 0 0} #hh-food-trucks .sf2-availability{display:inline-flex;align-items:center;gap:6px;background:#FDFBFA;color:var(--green);font-size:9px;font-weight:700;padding:7px 10px;border-radius:999px} #hh-food-trucks .sf2-availability i{width:7px;height:7px;border-radius:50%;background:#477842;animation:sfPulse 1.5s infinite} @keyframes sfPulse{0%,100%{box-shadow:0 0 0 0 rgba(71,120,66,.18)}50%{box-shadow:0 0 0 6px rgba(71,120,66,0)}} #hh-food-trucks .sf2-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} #hh-food-trucks .sf2-product{border:1px solid #FDFBFA;border-radius:16px;padding:10px;background:#FDFBFA;position:relative;transition:.26s ease;animation:sfRise .55s both} #hh-food-trucks .sf2-product:nth-child(2){animation-delay:.12s} #hh-food-trucks .sf2-product:nth-child(3){animation-delay:.24s} @keyframes sfRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} #hh-food-trucks .sf2-product:hover{transform:translateY(-4px);border-color:#FDFBFA;box-shadow:0 12px 24px rgba(49,91,45,.08)} #hh-food-trucks .sf2-thumb{height:56px;border-radius:11px;margin-bottom:9px;background:linear-gradient(135deg,#B1D1AE,#FF9B46)} #hh-food-trucks .sf2-thumb.t2{background:linear-gradient(135deg,#B1D1AE,#477842)} #hh-food-trucks .sf2-thumb.t3{background:linear-gradient(135deg,#FFCEA2,#E37416)} #hh-food-trucks .sf2-product strong{display:block;font-size:11px} #hh-food-trucks .sf2-product small{display:block;font-size:8px;color:#315B2D;margin-top:3px} #hh-food-trucks .sf2-product>b{display:block;font-size:10px;color:var(--deep);margin-top:7px} #hh-food-trucks .sf2-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px} #hh-food-trucks .sf2-actions button{border:1px solid #FDFBFA;background:#FDFBFA;color:var(--deep);border-radius:999px;padding:8px 11px;font-size:9px;font-weight:700} #hh-food-trucks .sf2-actions button:last-child{background:var(--orange);border-color:var(--orange);color:#FDFBFA} #hh-food-trucks .sf2-toast{position:absolute;right:18px;top:54px;z-index:5;display:flex;align-items:center;gap:9px;background:#FDFBFA;border:1px solid #FDFBFA;border-radius:15px;padding:10px 12px;box-shadow:0 16px 32px rgba(49,91,45,.16);animation:toastLoop 6.5s ease-in-out infinite} #hh-food-trucks .sf2-toast>span{width:28px;height:28px;border-radius:10px;background:#FDFBFA;color:var(--green);display:grid;place-items:center;font-weight:700} #hh-food-trucks .sf2-toast small{display:block;font-size:7px;font-weight:700;color:var(--orange);letter-spacing:.1em} #hh-food-trucks .sf2-toast strong{display:block;font-size:10px;margin-top:1px} @keyframes toastLoop{0%,12%{opacity:0;transform:translateY(-10px) scale(.96)}20%,72%{opacity:1;transform:none}86%,100%{opacity:0;transform:translateY(-7px) scale(.98)}} #hh-food-trucks .hh-proof-v2{background:#FDFBFA;padding:80px 0} #hh-food-trucks .proof2-head{text-align:center;max-width:720px;margin:0 auto 30px} #hh-food-trucks .proof2-head h2{font-size:clamp(34px,3.7vw,50px);margin:11px 0 8px;line-height:1.04} #hh-food-trucks .proof2-head p{font-size:14px;margin:0;color:#315B2D} #hh-food-trucks .proof2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1080px;margin:0 auto} #hh-food-trucks .proof2-card{overflow:hidden;border:1px solid #FDFBFA;border-radius:25px;background:#FDFBFA;box-shadow:0 12px 30px rgba(49,91,45,.05);transition:.3s ease} #hh-food-trucks .proof2-card:hover{transform:translateY(-7px);box-shadow:0 22px 44px rgba(49,91,45,.11);border-color:#FDFBFA} #hh-food-trucks .proof2-visual{height:128px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center} #hh-food-trucks .proof2-visual.thyme{background:linear-gradient(135deg,#FDFBFA,#B1D1AE)} #hh-food-trucks .proof2-visual.caribbean{background:linear-gradient(135deg,#FDFBFA,#FF9B46)} #hh-food-trucks .proof2-visual:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(253,251,250,.55);border-radius:50%;right:-70px;top:-88px} #hh-food-trucks .proof2-visual:after{content:"";position:absolute;width:110px;height:110px;background:rgba(253,251,250,.19);border-radius:50%;left:-32px;bottom:-55px} #hh-food-trucks .proof2-visual svg{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:rgba(253,251,250,.52);stroke-width:2;stroke-dasharray:220;stroke-dashoffset:220;animation:proofLine 4s ease-in-out infinite alternate} @keyframes proofLine{to{stroke-dashoffset:0}} #hh-food-trucks .proof2-mark{position:relative;z-index:2;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:rgba(253,251,250,.92);font-size:20px;font-weight:700;color:var(--deep);box-shadow:0 13px 28px rgba(49,91,45,.09);transition:.3s ease} #hh-food-trucks .proof2-card:hover .proof2-mark{transform:rotate(-5deg) scale(1.07)} #hh-food-trucks .proof2-live{position:absolute;left:14px;top:13px;z-index:3;display:flex;align-items:center;gap:5px;background:rgba(253,251,250,.9);border-radius:999px;padding:6px 8px;font-size:8px;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.08em} #hh-food-trucks .proof2-live i{width:6px;height:6px;border-radius:50%;background:#477842;animation:sfPulse 1.5s infinite} #hh-food-trucks .proof2-body{padding:18px 19px 19px;display:grid;grid-template-columns:1fr auto;gap:11px 14px;align-items:end} #hh-food-trucks .proof2-body small{font-size:8px;font-weight:700;letter-spacing:.08em;color:#315B2D} #hh-food-trucks .proof2-body h3{font-size:20px;margin-top:3px} #hh-food-trucks .proof2-tags{display:flex;gap:6px;flex-wrap:wrap;grid-column:1} #hh-food-trucks .proof2-tags span{font-size:8px;font-weight:700;color:#315B2D;background:#FDFBFA;padding:6px 8px;border-radius:999px} #hh-food-trucks .proof2-link{grid-column:2;grid-row:1/3;align-self:center;color:var(--orange);font-size:10px;font-weight:700;white-space:nowrap} #hh-food-trucks .proof2-link b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#FDFBFA;margin-left:4px;transition:.25s ease} #hh-food-trucks .proof2-card:hover .proof2-link b{transform:translateX(4px);background:var(--orange);color:#FDFBFA} #hh-food-trucks .hh-resource-v2{background:var(--cream);padding:74px 0 32px} #hh-food-trucks .resource2-wrap{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(120deg,#315B2D,#315B2D);color:#FDFBFA;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;padding:38px} #hh-food-trucks .resource2-wrap:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(253,251,250,.08);right:-120px;top:-180px;box-shadow:0 0 0 60px rgba(253,251,250,.018)} #hh-food-trucks .resource2-copy{position:relative;z-index:2;align-self:center} #hh-food-trucks .resource2-copy .eyebrow{color:#FF9B46} #hh-food-trucks .resource2-copy h2{font-size:clamp(34px,3.4vw,48px);line-height:1.04;margin:12px 0 12px} #hh-food-trucks .resource2-copy p{font-size:14px;line-height:1.55;color:#FDFBFA;max-width:470px;margin:0} #hh-food-trucks .resource2-copy .btn{margin-top:20px} #hh-food-trucks .resource2-cards{position:relative;z-index:2;display:grid;gap:10px;align-content:center} #hh-food-trucks .resource2-item{display:grid;grid-template-columns:48px 1fr 30px;gap:12px;align-items:center;border:1px solid rgba(253,251,250,.14);background:rgba(253,251,250,.06);padding:13px 14px;border-radius:18px;color:#FDFBFA;transition:.28s ease} #hh-food-trucks .resource2-item:hover,#hh-food-trucks .resource2-item.is-active{transform:translateX(-7px);background:rgba(253,251,250,.12);border-color:rgba(253,251,250,.26)} #hh-food-trucks .resource2-icon{width:48px;height:48px;border-radius:14px;background:rgba(227,116,22,.16);color:#FF9B46;display:grid;place-items:center;transition:.28s ease} #hh-food-trucks .resource2-item.is-active .resource2-icon{background:var(--orange);color:#FDFBFA;transform:rotate(-4deg)} #hh-food-trucks .resource2-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #hh-food-trucks .resource2-item small{display:block;font-size:8px;font-weight:700;color:#315B2D;letter-spacing:.1em} #hh-food-trucks .resource2-item strong{display:block;font-size:15px;margin-top:1px} #hh-food-trucks .resource2-item div>span{display:block;font-size:10px;color:#FDFBFA;margin-top:2px} #hh-food-trucks .resource2-item>b{font-size:18px;color:#FF9B46;transition:.25s ease} #hh-food-trucks .resource2-item:hover>b,#hh-food-trucks .resource2-item.is-active>b{transform:translateX(4px)} #hh-food-trucks .hh-fees-v2{background:#FDFBFA;padding:36px 0 58px} #hh-food-trucks .fees2-strip{display:grid;grid-template-columns:1.15fr repeat(3,.72fr);gap:0;align-items:center;border:1px solid #FDFBFA;border-radius:25px;background:#FDFBFA;overflow:hidden;box-shadow:0 10px 28px rgba(49,91,45,.04)} #hh-food-trucks .fees2-intro{padding:20px 24px} #hh-food-trucks .fees2-intro span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);font-weight:700} #hh-food-trucks .fees2-intro strong{display:block;font-size:20px;color:var(--deep);margin-top:3px} #hh-food-trucks .fees2-stat{padding:18px 18px;border-left:1px solid #FDFBFA;display:flex;align-items:center;gap:10px;transition:.25s ease} #hh-food-trucks .fees2-stat:hover{background:#FDFBFA} #hh-food-trucks .fees2-icon{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#FDFBFA;color:var(--green);display:grid;place-items:center;font-weight:700} #hh-food-trucks .fees2-stat strong{display:block;font-size:14px;color:var(--deep)} #hh-food-trucks .fees2-stat small{display:block;margin-top:2px;font-size:8px;color:#315B2D;text-transform:uppercase;font-weight:700;letter-spacing:.06em} @media(max-width:900px){ #hh-food-trucks .sf2-layout{grid-template-columns:1fr} #hh-food-trucks .sf2-benefits{grid-template-columns:repeat(3,1fr)} #hh-food-trucks .sf2-share-card{grid-column:1/-1} #hh-food-trucks .sf2-benefit{align-items:flex-start} #hh-food-trucks .proof2-grid{grid-template-columns:1fr} #hh-food-trucks .resource2-wrap{grid-template-columns:1fr} #hh-food-trucks .fees2-strip{grid-template-columns:1fr 1fr} #hh-food-trucks .fees2-intro{grid-column:1/-1;border-bottom:1px solid #FDFBFA} #hh-food-trucks .fees2-stat:nth-child(3){border-left:0;border-top:1px solid #FDFBFA} #hh-food-trucks .fees2-stat:nth-child(4){border-top:1px solid #FDFBFA} } @media(max-width:650px){ #hh-food-trucks .hh-storefront-v2,#hh-food-trucks .hh-proof-v2{padding:58px 0} #hh-food-trucks .sf2-head{text-align:left;margin-bottom:24px} #hh-food-trucks .sf2-head h2,#hh-food-trucks .proof2-head h2{font-size:36px} #hh-food-trucks .sf2-head p{font-size:14px} #hh-food-trucks .sf2-benefits{grid-template-columns:1fr} #hh-food-trucks .sf2-benefit:hover,#hh-food-trucks .sf2-benefit.is-active{transform:translateY(-2px)} #hh-food-trucks .sf2-browser{min-height:auto} #hh-food-trucks .sf2-products{grid-template-columns:1fr} #hh-food-trucks .sf2-product{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center} #hh-food-trucks .sf2-thumb{height:54px;margin:0} #hh-food-trucks .sf2-product>b{margin:0} #hh-food-trucks .sf2-actions{justify-content:stretch} #hh-food-trucks .sf2-actions button{flex:1} #hh-food-trucks .sf2-toast{right:10px;top:48px} #hh-food-trucks .proof2-head{text-align:left} #hh-food-trucks .proof2-body{grid-template-columns:1fr} #hh-food-trucks .proof2-link{grid-column:1;grid-row:auto} #hh-food-trucks .resource2-wrap{padding:27px 20px} #hh-food-trucks .resource2-copy h2{font-size:36px} #hh-food-trucks .resource2-item:hover,#hh-food-trucks .resource2-item.is-active{transform:translateY(-2px)} #hh-food-trucks .fees2-strip{grid-template-columns:1fr} #hh-food-trucks .fees2-intro{grid-column:auto} #hh-food-trucks .fees2-stat,#hh-food-trucks .fees2-stat:nth-child(3),#hh-food-trucks .fees2-stat:nth-child(4){border-left:0;border-top:1px solid #FDFBFA} } @media(prefers-reduced-motion:reduce){ #hh-food-trucks .sf2-toast,#hh-food-trucks .sf2-availability i,#hh-food-trucks .proof2-live i,#hh-food-trucks .proof2-visual svg,#hh-food-trucks .sf2-product{animation:none!important} #hh-food-trucks .sf2-browser,#hh-food-trucks .sf2-benefit,#hh-food-trucks .proof2-card,#hh-food-trucks .resource2-item{transition:none!important} } #hh-food-trucks .hh-proof-v2{background:#FDFBFA;padding:78px 0 88px} #hh-food-trucks .proof2-head{max-width:780px;margin:0 auto 30px;text-align:center} #hh-food-trucks .proof2-head h2{font-size:clamp(34px,3.8vw,52px);line-height:1.02;margin:11px 0 8px} #hh-food-trucks .proof2-head p{font-size:14px;line-height:1.55;color:#315B2D;margin:0 auto;max-width:620px} #hh-food-trucks .proof2-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:980px; margin:0 auto;} #hh-food-trucks .proof2-card{display:flex; flex-direction:column; overflow:hidden; border:1px solid #FDFBFA; border-radius:25px; background:#FDFBFA; box-shadow:0 13px 34px rgba(49,91,45,.065); transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;} #hh-food-trucks .proof2-card:hover{transform:translateY(-7px); border-color:#FDFBFA; box-shadow:0 23px 48px rgba(49,91,45,.12)} #hh-food-trucks .proof2-visual{position:relative; height:220px; overflow:hidden; background:#FDFBFA;} #hh-food-trucks .proof2-visual:before,#hh-food-trucks .proof2-visual:after,#hh-food-trucks .proof2-visual svg,#hh-food-trucks .proof2-mark{display:none!important} #hh-food-trucks .proof2-visual img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s ease;} #hh-food-trucks .proof2-card:hover .proof2-visual img{transform:scale(1.045);filter:saturate(1.04)} #hh-food-trucks .proof2-visual .proof2-image-shade{position:absolute; inset:0; background:linear-gradient(180deg,rgba(49,91,45,.03) 35%,rgba(49,91,45,.18) 100%); pointer-events:none;} #hh-food-trucks .proof2-live{position:absolute; left:16px; top:15px; z-index:4; display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border-radius:999px; background:rgba(253,251,250,.94); color:var(--green); box-shadow:0 6px 18px rgba(49,91,45,.09); font-size:8px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;} #hh-food-trucks .proof2-live i{width:7px;height:7px;border-radius:50%;background:#477842; box-shadow:0 0 0 0 rgba(71,120,66,.35); animation:proofLivePulse 1.7s infinite} @keyframes proofLivePulse{0%{box-shadow:0 0 0 0 rgba(71,120,66,.38)} 70%{box-shadow:0 0 0 8px rgba(71,120,66,0)} 100%{box-shadow:0 0 0 0 rgba(71,120,66,0)}} #hh-food-trucks .proof2-body{display:flex; flex-direction:column; flex:1; padding:18px 19px 17px;} #hh-food-trucks .proof2-type{display:inline-flex; width:auto; align-self:flex-start; padding:7px 10px; border-radius:999px; background:#FDFBFA; color:#315B2D; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;} #hh-food-trucks .proof2-body h3{font-size:21px;line-height:1.15;margin:11px 0 3px;color:var(--deep)} #hh-food-trucks .proof2-owner{display:flex; align-items:center; gap:6px; margin-bottom:9px; color:#315B2D; font-size:11px; font-weight:700;} #hh-food-trucks .proof2-owner b{color:#315B2D; font-size:8px; letter-spacing:.1em; text-transform:uppercase;} #hh-food-trucks .proof2-desc{margin:0; min-height:38px; color:#315B2D; font-size:11.5px; line-height:1.5;} #hh-food-trucks .proof2-offers{margin-top:14px; padding-top:13px; border-top:1px solid #FDFBFA;} #hh-food-trucks .proof2-offers small{display:block; color:#315B2D; font-size:8px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; margin-bottom:8px;} #hh-food-trucks .proof2-offer-chips{display:flex;gap:6px;flex-wrap:wrap} #hh-food-trucks .proof2-offer-chips span{padding:7px 9px; border-radius:999px; background:#FDFBFA; color:#E37416; font-size:8.5px; font-weight:700;} #hh-food-trucks .proof2-details{display:grid; gap:7px; margin-top:14px; padding-bottom:13px; border-bottom:1px solid #FDFBFA;} #hh-food-trucks .proof2-details div{display:flex; align-items:center; gap:7px; color:#315B2D; font-size:10px; font-weight:700;} #hh-food-trucks .proof2-details svg{width:14px;height:14px;flex:0 0 14px; fill:none;stroke:#477842;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #hh-food-trucks .proof2-footer{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:13px;} #hh-food-trucks .proof2-link{color:#315B2D; font-size:11px; font-weight:700;} #hh-food-trucks .proof2-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center; background:#FDFBFA;color:#315B2D;font-size:15px;font-weight:700; transition:transform .25s ease,background .25s ease,color .25s ease} #hh-food-trucks .proof2-card:hover .proof2-arrow{transform:translateX(4px);background:var(--orange);color:#FDFBFA} @media(max-width:760px){ #hh-food-trucks .proof2-grid{grid-template-columns:1fr;max-width:520px} #hh-food-trucks .proof2-visual{height:205px} } #hh-food-trucks .hh-real-sellers{background:#FDFBFA; padding:72px 0 78px; overflow:hidden;} #hh-food-trucks .hh-real-head{display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:28px;} #hh-food-trucks .hh-real-head>div:first-child{max-width:760px} #hh-food-trucks .hh-real-head .eyebrow{color:var(--orange)} #hh-food-trucks .hh-real-head h2{margin:11px 0 7px; font-size:clamp(34px,4vw,52px); line-height:1.03; letter-spacing:-.04em; color:var(--deep);} #hh-food-trucks .hh-real-head p{margin:0; max-width:660px; color:#315B2D; font-size:14px; line-height:1.55;} #hh-food-trucks .hh-real-controls{display:flex;gap:9px;flex:0 0 auto} #hh-food-trucks .hh-real-controls button{width:44px;height:44px; border-radius:50%; border:1px solid #FDFBFA; background:#FDFBFA; color:var(--deep); font-size:18px; font-weight:700; cursor:pointer; box-shadow:0 8px 20px rgba(49,91,45,.06); transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;} #hh-food-trucks .hh-real-controls button:hover{transform:translateY(-2px); background:var(--deep); color:#FDFBFA; border-color:var(--deep);} #hh-food-trucks .hh-real-carousel{display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:2px 2px 18px; justify-content:flex-start; scroll-padding-left:2px; cursor:grab;} #hh-food-trucks .hh-real-carousel:active{cursor:grabbing} #hh-food-trucks .hh-real-carousel::-webkit-scrollbar{display:none} #hh-food-trucks .hh-real-card{flex:0 0 310px; min-height:520px; scroll-snap-align:start; overflow:hidden; border:1px solid #FDFBFA; border-radius:24px; background:#FDFBFA; box-shadow:0 12px 30px rgba(49,91,45,.06); color:inherit; text-decoration:none; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;} #hh-food-trucks .hh-real-card:hover{transform:translateY(-5px); border-color:#FDFBFA; box-shadow:0 20px 42px rgba(49,91,45,.12);} #hh-food-trucks .hh-real-image{position:relative; height:188px; overflow:hidden; background:#FDFBFA;} #hh-food-trucks .hh-real-image img{width:100%;height:100%; object-fit:cover; display:block; transition:transform .55s cubic-bezier(.2,.7,.2,1);} #hh-food-trucks .hh-real-card:hover .hh-real-image img{transform:scale(1.045)} #hh-food-trucks .hh-real-live{position:absolute; left:14px;top:13px; z-index:2; display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; background:rgba(253,251,250,.94); color:var(--green); box-shadow:0 6px 18px rgba(49,91,45,.08); font-size:8px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;} #hh-food-trucks .hh-real-live i{width:7px;height:7px; border-radius:50%; background:#477842; box-shadow:0 0 0 0 rgba(71,120,66,.35); animation:hhRealPulse 1.8s infinite;} @keyframes hhRealPulse{0%{box-shadow:0 0 0 0 rgba(71,120,66,.34)} 70%{box-shadow:0 0 0 7px rgba(71,120,66,0)} 100%{box-shadow:0 0 0 0 rgba(71,120,66,0)}} #hh-food-trucks .hh-real-body{min-height:332px; padding:17px 18px 18px; display:flex; flex-direction:column;} #hh-food-trucks .hh-real-type{display:block; width:100%; box-sizing:border-box; padding:7px 10px; border-radius:999px; background:#FDFBFA; color:var(--green); font-size:8px; line-height:1; font-weight:700; letter-spacing:.07em; text-transform:uppercase;} #hh-food-trucks .hh-real-body h3{margin:11px 0 3px; color:var(--deep); font-size:18px; line-height:1.18; letter-spacing:-.02em;} #hh-food-trucks .hh-real-owner{display:flex; align-items:center; gap:7px; margin-bottom:10px; color:#315B2D; font-size:11px; font-weight:700;} #hh-food-trucks .hh-real-owner span{color:#315B2D; font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;} #hh-food-trucks .hh-real-desc{min-height:48px; margin:0; color:#315B2D; font-size:10.5px; line-height:1.5;} #hh-food-trucks .hh-real-offers{margin-top:13px; padding-top:12px; border-top:1px solid #FDFBFA;} #hh-food-trucks .hh-real-offers small{display:block; margin-bottom:7px; color:#315B2D; font-size:8px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;} #hh-food-trucks .hh-real-offers>div{display:flex;flex-wrap:wrap;gap:6px} #hh-food-trucks .hh-real-offers>div span{padding:6px 8px; border-radius:999px; background:#FDFBFA; color:#E37416; font-size:8px; font-weight:700;} #hh-food-trucks .hh-real-details{display:grid; gap:7px; margin-top:14px; padding-bottom:12px;} #hh-food-trucks .hh-real-details>div{display:flex; align-items:center; gap:7px; color:#315B2D; font-size:9px; font-weight:700;} #hh-food-trucks .hh-real-details svg{width:14px;height:14px; flex:0 0 14px; fill:none; stroke:var(--green); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;} #hh-food-trucks .hh-real-footer{margin-top:auto; padding-top:15px; border-top:1px solid #FDFBFA; display:flex; align-items:center; justify-content:space-between; color:var(--deep); font-size:10px; font-weight:700;} #hh-food-trucks .hh-real-footer b{width:30px;height:30px; border-radius:50%; display:grid; place-items:center; background:#FDFBFA; color:var(--deep); font-size:13px; transition:transform .22s ease,background .22s ease,color .22s ease;} #hh-food-trucks .hh-real-card:hover .hh-real-footer b{transform:translateX(3px); background:var(--deep); color:#FDFBFA;} #hh-food-trucks .hh-real-note{margin-top:1px; color:#315B2D; font-size:9px; text-align:center;} @media(max-width:900px){ #hh-food-trucks .hh-real-head{align-items:flex-start} #hh-food-trucks .hh-real-carousel{justify-content:flex-start} } @media(max-width:700px){ #hh-food-trucks .hh-real-sellers{padding:58px 0 62px} #hh-food-trucks .hh-real-head h2{font-size:34px} #hh-food-trucks .hh-real-head p{font-size:13px} #hh-food-trucks .hh-real-controls{display:none} #hh-food-trucks .hh-real-carousel{margin-right:-18px;padding-right:18px} #hh-food-trucks .hh-real-card{flex-basis:84vw;max-width:330px;min-height:500px} #hh-food-trucks .hh-real-image{height:176px} } #hh-food-trucks .hero-copy .eyebrow:before{display:none} #hh-food-trucks .hero-copy .eyebrow{gap:0} #hh-food-trucks .eyebrow:before,#hh-food-trucks .eyebrow::before{display:none!important;content:none!important} #hh-food-trucks .eyebrow{gap:0!important} #hh-food-trucks .sf2-benefits{min-width:0} #hh-food-trucks .sf2-benefit{min-width:0; min-height:74px; overflow:hidden; padding:14px 15px; display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; column-gap:12px;} #hh-food-trucks .sf2-benefit > span:last-child{display:block;min-width:0} #hh-food-trucks .sf2-icon{width:44px!important; height:44px!important; min-width:44px; flex:0 0 44px; overflow:hidden; font-size:0!important; line-height:0!important;} #hh-food-trucks .sf2-icon small,#hh-food-trucks .sf2-icon strong{display:none!important} #hh-food-trucks .sf2-icon svg{display:block; width:22px!important; height:22px!important; margin:auto;} #hh-food-trucks .sf2-benefit strong{font-size:14px; line-height:1.2; white-space:normal; overflow-wrap:anywhere;} #hh-food-trucks .sf2-benefit small{margin-top:4px; font-size:10.5px; line-height:1.35; white-space:normal;} #hh-food-trucks .sf2-share-card{min-width:0} #hh-food-trucks .sf2-share-card>strong{font-size:11.5px} @media(max-width:900px){ #hh-food-trucks .sf2-benefits{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch} #hh-food-trucks .sf2-benefit{grid-template-columns:40px minmax(0,1fr);min-height:82px;padding:13px;column-gap:10px} #hh-food-trucks .sf2-icon{width:40px!important;height:40px!important;min-width:40px;flex-basis:40px} #hh-food-trucks .sf2-icon svg{width:20px!important;height:20px!important} #hh-food-trucks .sf2-benefit strong{font-size:13px} #hh-food-trucks .sf2-benefit small{font-size:10px} } @media(max-width:650px){ #hh-food-trucks .sf2-benefits{grid-template-columns:1fr;gap:10px} #hh-food-trucks .sf2-benefit{grid-template-columns:46px minmax(0,1fr);min-height:72px;padding:14px 15px;column-gap:12px} #hh-food-trucks .sf2-icon{width:46px!important;height:46px!important;min-width:46px;flex-basis:46px} #hh-food-trucks .sf2-icon svg{width:22px!important;height:22px!important} #hh-food-trucks .sf2-benefit strong{font-size:15px} #hh-food-trucks .sf2-benefit small{font-size:11px} #hh-food-trucks .sf2-share-card{padding:16px;border-radius:17px} #hh-food-trucks .sf2-share-card>strong{font-size:12px} } #hh-food-trucks .hh-type-0{font-size:76px;line-height:88.16px;letter-spacing:-3.04px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-1{font-size:18px;line-height:29.7px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-2{font-size:11px;line-height:16.5px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-3{font-size:11px;line-height:16.5px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-4{font-size:11px;line-height:16.5px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-5{font-size:9px;line-height:13.5px;letter-spacing:1.08px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-6{font-size:9px;line-height:13.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-7{font-size:9px;line-height:13.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-8{font-size:9px;line-height:13.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-9{font-size:9px;line-height:13.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-10{font-size:9px;line-height:13.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-11{font-size:9px;line-height:13.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-12{font-size:9px;line-height:13.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-13{font-size:13px;line-height:19.5px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-14{font-size:10px;line-height:15px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-15{font-size:9px;line-height:13.5px;color:#477842;font-weight:700;} #hh-food-trucks .hh-type-16{font-size:10px;line-height:15px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-17{font-size:10px;line-height:15px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-18{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-19{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-20{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-21{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-22{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-23{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-24{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-25{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-26{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-27{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-28{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-29{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-30{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-31{font-size:11px;line-height:16.5px;letter-spacing:0.55px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-32{font-size:11px;line-height:16.5px;letter-spacing:1.32px;color:#e37416;font-weight:700;} #hh-food-trucks .hh-type-33{font-size:58px;line-height:67.28px;letter-spacing:-2.61px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-34{font-size:17px;line-height:25.5px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-35{font-size:7px;line-height:9.45px;letter-spacing:0.56px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-36{font-size:12px;line-height:16.2px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-37{font-size:7px;line-height:9.45px;letter-spacing:0.56px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-38{font-size:12px;line-height:16.2px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-39{font-size:7px;line-height:9.45px;letter-spacing:0.56px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-40{font-size:12px;line-height:16.2px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-41{font-size:8px;line-height:12px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-42{font-size:8px;line-height:12px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-43{font-size:7px;line-height:9.45px;letter-spacing:0.56px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-44{font-size:9px;line-height:13.5px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-45{font-size:7px;line-height:9.45px;letter-spacing:0.56px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-46{font-size:7px;line-height:9.45px;letter-spacing:0.56px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-47{font-size:7px;line-height:9.45px;letter-spacing:0.56px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-48{font-size:7px;line-height:9.45px;letter-spacing:0.56px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-49{font-size:7px;line-height:9.45px;letter-spacing:0.56px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-50{font-size:10px;line-height:15px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-51{font-size:11px;line-height:16.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-52{font-size:11px;line-height:16.5px;letter-spacing:1.32px;color:#ff9b46;font-weight:700;} #hh-food-trucks .hh-type-53{font-size:60.48px;line-height:70.157px;letter-spacing:-2.7216px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-54{font-size:16px;line-height:24.8px;letter-spacing:0.08px;color:#fdfbfa;font-weight:400;} #hh-food-trucks .hh-type-55{font-size:10px;line-height:15px;letter-spacing:1.2px;font-weight:700;} #hh-food-trucks .hh-type-56{font-size:9.5px;line-height:14.25px;letter-spacing:1.14px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-57{font-size:21px;line-height:24.36px;letter-spacing:-0.525px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-58{font-size:13px;line-height:18.2px;color:#fdfbfa;font-weight:400;} #hh-food-trucks .hh-type-59{font-size:10px;line-height:15px;letter-spacing:1.2px;font-weight:700;} #hh-food-trucks .hh-type-60{font-size:9.5px;line-height:14.25px;letter-spacing:1.14px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-61{font-size:21px;line-height:24.36px;letter-spacing:-0.525px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-62{font-size:13px;line-height:18.2px;color:#fdfbfa;font-weight:400;} #hh-food-trucks .hh-type-63{font-size:10px;line-height:15px;letter-spacing:1.2px;font-weight:700;} #hh-food-trucks .hh-type-64{font-size:9.5px;line-height:14.25px;letter-spacing:1.14px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-65{font-size:21px;line-height:24.36px;letter-spacing:-0.525px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-66{font-size:13px;line-height:18.2px;color:#fdfbfa;font-weight:400;} #hh-food-trucks .hh-type-67{font-size:10px;line-height:15px;letter-spacing:1.2px;font-weight:700;} #hh-food-trucks .hh-type-68{font-size:9.5px;line-height:14.25px;letter-spacing:1.14px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-69{font-size:21px;line-height:24.36px;letter-spacing:-0.525px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-70{font-size:13px;line-height:18.2px;color:#fdfbfa;font-weight:400;} #hh-food-trucks .hh-type-71{font-size:11px;line-height:16.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-72{font-size:11px;line-height:16.5px;letter-spacing:1.32px;color:#e37416;font-weight:700;} #hh-food-trucks .hh-type-73{font-size:54px;line-height:62.64px;letter-spacing:-2.16px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-74{font-size:16px;line-height:24px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-75{font-size:14px;line-height:16.8px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-76{font-size:10.5px;line-height:14.175px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-77{font-size:14px;line-height:16.8px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-78{font-size:10.5px;line-height:14.175px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-79{font-size:14px;line-height:16.8px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-80{font-size:10.5px;line-height:14.175px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-81{font-size:8px;line-height:12px;letter-spacing:0.96px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-82{font-size:8px;line-height:12px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-83{font-size:8px;line-height:12px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-84{font-size:8px;line-height:12px;letter-spacing:0.72px;color:#477842;font-weight:700;} #hh-food-trucks .hh-type-85{font-size:8px;line-height:12px;letter-spacing:0.96px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-86{font-size:24px;line-height:36px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-87{font-size:8px;line-height:12px;letter-spacing:0.8px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-88{font-size:20px;line-height:23.2px;letter-spacing:-0.8px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-89{font-size:9px;line-height:13.5px;color:#477842;font-weight:700;} #hh-food-trucks .hh-type-90{font-size:11px;line-height:16.5px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-91{font-size:8px;line-height:12px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-92{font-size:10px;line-height:15px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-93{font-size:11px;line-height:16.5px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-94{font-size:8px;line-height:12px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-95{font-size:10px;line-height:15px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-96{font-size:11px;line-height:16.5px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-97{font-size:8px;line-height:12px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-98{font-size:10px;line-height:15px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-99{font-size:16px;line-height:24px;color:#477842;font-weight:700;} #hh-food-trucks .hh-type-100{font-size:7px;line-height:10.5px;letter-spacing:0.7px;color:#e37416;font-weight:700;} #hh-food-trucks .hh-type-101{font-size:10px;line-height:15px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-102{font-size:40px;line-height:52px;letter-spacing:-2.08px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-103{font-size:9px;line-height:13.5px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-104{font-size:11px;line-height:16.5px;letter-spacing:1.32px;color:#e37416;font-weight:700;} #hh-food-trucks .hh-type-105{font-size:52px;line-height:60.32px;letter-spacing:-2.08px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-106{font-size:16px;line-height:24px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-107{font-size:16px;line-height:18.56px;letter-spacing:-0.64px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-108{font-size:11px;line-height:17.05px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-109{font-size:16px;line-height:18.56px;letter-spacing:-0.64px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-110{font-size:11px;line-height:17.05px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-111{font-size:16px;line-height:18.56px;letter-spacing:-0.64px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-112{font-size:11px;line-height:17.05px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-113{font-size:16px;line-height:18.56px;letter-spacing:-0.64px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-114{font-size:11px;line-height:17.05px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-115{font-size:11px;line-height:16.5px;letter-spacing:1.32px;color:#ff9b46;font-weight:700;} #hh-food-trucks .hh-type-116{font-size:48px;line-height:55.68px;letter-spacing:-1.92px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-117{font-size:14px;line-height:21.7px;color:#fdfbfa;font-weight:400;} #hh-food-trucks .hh-type-118{font-size:8px;line-height:12px;letter-spacing:0.8px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-119{font-size:15px;line-height:22.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-120{font-size:10px;line-height:15px;color:#fdfbfa;font-weight:400;} #hh-food-trucks .hh-type-121{font-size:18px;line-height:27px;color:#ff9b46;font-weight:700;} #hh-food-trucks .hh-type-122{font-size:8px;line-height:12px;letter-spacing:0.8px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-123{font-size:15px;line-height:22.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-124{font-size:10px;line-height:15px;color:#fdfbfa;font-weight:400;} #hh-food-trucks .hh-type-125{font-size:18px;line-height:27px;color:#ff9b46;font-weight:700;} #hh-food-trucks .hh-type-126{font-size:8px;line-height:12px;letter-spacing:0.8px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-127{font-size:15px;line-height:22.5px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-128{font-size:10px;line-height:15px;color:#fdfbfa;font-weight:400;} #hh-food-trucks .hh-type-129{font-size:18px;line-height:27px;color:#ff9b46;font-weight:700;} #hh-food-trucks .hh-type-130{font-size:8px;line-height:12px;letter-spacing:0.8px;color:#e37416;font-weight:700;} #hh-food-trucks .hh-type-131{font-size:20px;line-height:30px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-132{font-size:16px;line-height:24px;color:#477842;font-weight:700;} #hh-food-trucks .hh-type-133{font-size:14px;line-height:21px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-134{font-size:8px;line-height:12px;letter-spacing:0.48px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-135{font-size:16px;line-height:24px;color:#477842;font-weight:700;} #hh-food-trucks .hh-type-136{font-size:14px;line-height:21px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-137{font-size:8px;line-height:12px;letter-spacing:0.48px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-138{font-size:16px;line-height:24px;color:#477842;font-weight:700;} #hh-food-trucks .hh-type-139{font-size:14px;line-height:21px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-140{font-size:8px;line-height:12px;letter-spacing:0.48px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-141{font-size:11px;line-height:16.5px;letter-spacing:1.32px;color:#e37416;font-weight:700;} #hh-food-trucks .hh-type-142{font-size:52px;line-height:60.32px;letter-spacing:-2.08px;color:#315b2d;font-weight:700;} #hh-food-trucks .hh-type-143{font-size:14px;line-height:23.1px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-144{font-size:15px;line-height:23px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-145{font-size:20px;line-height:30px;color:#e37416;font-weight:400;} #hh-food-trucks .hh-type-146{font-size:14px;line-height:21px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-147{font-size:15px;line-height:23px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-148{font-size:20px;line-height:30px;color:#e37416;font-weight:400;} #hh-food-trucks .hh-type-149{font-size:15px;line-height:23px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-150{font-size:20px;line-height:30px;color:#e37416;font-weight:400;} #hh-food-trucks .hh-type-151{font-size:15px;line-height:23px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-152{font-size:20px;line-height:30px;color:#e37416;font-weight:400;} #hh-food-trucks .hh-type-153{font-size:15px;line-height:23px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-154{font-size:20px;line-height:30px;color:#e37416;font-weight:400;} #hh-food-trucks .hh-type-155{font-size:15px;line-height:23px;color:#315b2d;font-weight:400;} #hh-food-trucks .hh-type-156{font-size:20px;line-height:30px;color:#e37416;font-weight:400;} #hh-food-trucks .hh-type-157{font-size:44px;line-height:51.04px;letter-spacing:-1.76px;color:#fdfbfa;font-weight:700;} #hh-food-trucks .hh-type-158{font-size:16px;line-height:24px;color:#fdfbfa;font-weight:400;} @media(max-width:700px){ #hh-food-trucks.hh-page .hh-type-0{font-size:40px!important;line-height:46.4px!important;letter-spacing:-1.6px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-1{font-size:16px!important;line-height:26.4px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-2{font-size:11px!important;line-height:16.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-3{font-size:11px!important;line-height:16.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-4{font-size:11px!important;line-height:16.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-5{font-size:9px!important;line-height:13.5px!important;letter-spacing:1.08px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-6{font-size:9px!important;line-height:13.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-7{font-size:9px!important;line-height:13.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-8{font-size:9px!important;line-height:13.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-9{font-size:9px!important;line-height:13.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-10{font-size:9px!important;line-height:13.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-11{font-size:9px!important;line-height:13.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-12{font-size:9px!important;line-height:13.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-13{font-size:13px!important;line-height:19.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-14{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-15{font-size:9px!important;line-height:13.5px!important;color:#477842;} #hh-food-trucks.hh-page .hh-type-16{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-17{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-18{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-19{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-20{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-21{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-22{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-23{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-24{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-25{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-26{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-27{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-28{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-29{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-30{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-31{font-size:11px!important;line-height:16.5px!important;letter-spacing:0.55px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-32{font-size:11px!important;line-height:16.5px!important;letter-spacing:1.32px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-33{font-size:30px!important;line-height:34.8px!important;letter-spacing:-1.35px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-34{font-size:17px!important;line-height:25.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-35{font-size:6px!important;line-height:9px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-36{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-37{font-size:6px!important;line-height:9px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-38{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-39{font-size:6px!important;line-height:9px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-40{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-41{font-size:8px!important;line-height:12px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-42{font-size:8px!important;line-height:12px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-43{font-size:6px!important;line-height:9px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-44{font-size:8px!important;line-height:12px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-45{font-size:6px!important;line-height:9px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-46{font-size:6px!important;line-height:9px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-47{font-size:6px!important;line-height:9px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-48{font-size:6px!important;line-height:9px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-49{font-size:6px!important;line-height:9px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-50{font-size:9px!important;line-height:13.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-51{font-size:11px!important;line-height:16.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-52{font-size:11px!important;line-height:16.5px!important;letter-spacing:1.32px!important;color:#ff9b46;} #hh-food-trucks.hh-page .hh-type-53{font-size:30px!important;line-height:34.8px!important;letter-spacing:-1.35px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-54{font-size:15px!important;line-height:23.25px!important;letter-spacing:0.075px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-55{font-size:10px!important;line-height:15px!important;letter-spacing:1.2px!important;} #hh-food-trucks.hh-page .hh-type-56{font-size:9.5px!important;line-height:14.25px!important;letter-spacing:1.14px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-57{font-size:21px!important;line-height:26.04px!important;letter-spacing:-0.525px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-58{font-size:13px!important;line-height:18.2px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-59{font-size:10px!important;line-height:15px!important;letter-spacing:1.2px!important;} #hh-food-trucks.hh-page .hh-type-60{font-size:9.5px!important;line-height:14.25px!important;letter-spacing:1.14px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-61{font-size:21px!important;line-height:26.04px!important;letter-spacing:-0.525px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-62{font-size:13px!important;line-height:18.2px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-63{font-size:10px!important;line-height:15px!important;letter-spacing:1.2px!important;} #hh-food-trucks.hh-page .hh-type-64{font-size:9.5px!important;line-height:14.25px!important;letter-spacing:1.14px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-65{font-size:21px!important;line-height:26.04px!important;letter-spacing:-0.525px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-66{font-size:13px!important;line-height:18.2px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-67{font-size:10px!important;line-height:15px!important;letter-spacing:1.2px!important;} #hh-food-trucks.hh-page .hh-type-68{font-size:9.5px!important;line-height:14.25px!important;letter-spacing:1.14px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-69{font-size:21px!important;line-height:26.04px!important;letter-spacing:-0.525px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-70{font-size:13px!important;line-height:18.2px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-71{font-size:11px!important;line-height:16.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-72{font-size:11px!important;line-height:16.5px!important;letter-spacing:1.32px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-73{font-size:30px!important;line-height:34.8px!important;letter-spacing:-1.2px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-74{font-size:14px!important;line-height:21px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-75{font-size:15px!important;line-height:18px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-76{font-size:11px!important;line-height:14.85px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-77{font-size:15px!important;line-height:18px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-78{font-size:11px!important;line-height:14.85px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-79{font-size:15px!important;line-height:18px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-80{font-size:11px!important;line-height:14.85px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-81{font-size:8px!important;line-height:12px!important;letter-spacing:0.96px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-82{font-size:8px!important;line-height:12px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-83{font-size:8px!important;line-height:12px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-84{font-size:8px!important;line-height:12px!important;letter-spacing:0.72px!important;color:#477842;} #hh-food-trucks.hh-page .hh-type-85{font-size:8px!important;line-height:12px!important;letter-spacing:0.96px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-86{font-size:24px!important;line-height:36px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-87{font-size:8px!important;line-height:12px!important;letter-spacing:0.8px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-88{font-size:20px!important;line-height:24.8px!important;letter-spacing:-0.8px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-89{font-size:9px!important;line-height:13.5px!important;color:#477842;} #hh-food-trucks.hh-page .hh-type-90{font-size:11px!important;line-height:16.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-91{font-size:8px!important;line-height:12px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-92{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-93{font-size:11px!important;line-height:16.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-94{font-size:8px!important;line-height:12px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-95{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-96{font-size:11px!important;line-height:16.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-97{font-size:8px!important;line-height:12px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-98{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-99{font-size:16px!important;line-height:24px!important;color:#477842;} #hh-food-trucks.hh-page .hh-type-100{font-size:7px!important;line-height:10.5px!important;letter-spacing:0.7px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-101{font-size:10px!important;line-height:15px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-102{font-size:30px!important;line-height:34.8px!important;letter-spacing:-1.2px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-103{font-size:9px!important;line-height:13.5px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-104{font-size:11px!important;line-height:16.5px!important;letter-spacing:1.32px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-105{font-size:30px!important;line-height:34.8px!important;letter-spacing:-1.2px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-106{font-size:16px!important;line-height:24px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-107{font-size:16px!important;line-height:19.84px!important;letter-spacing:-0.64px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-108{font-size:11px!important;line-height:17.05px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-109{font-size:16px!important;line-height:19.84px!important;letter-spacing:-0.64px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-110{font-size:11px!important;line-height:17.05px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-111{font-size:16px!important;line-height:19.84px!important;letter-spacing:-0.64px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-112{font-size:11px!important;line-height:17.05px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-113{font-size:16px!important;line-height:19.84px!important;letter-spacing:-0.64px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-114{font-size:11px!important;line-height:17.05px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-115{font-size:11px!important;line-height:16.5px!important;letter-spacing:1.32px!important;color:#ff9b46;} #hh-food-trucks.hh-page .hh-type-116{font-size:30px!important;line-height:34.8px!important;letter-spacing:-1.2px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-117{font-size:14px!important;line-height:21.7px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-118{font-size:8px!important;line-height:12px!important;letter-spacing:0.8px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-119{font-size:15px!important;line-height:22.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-120{font-size:10px!important;line-height:15px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-121{font-size:18px!important;line-height:27px!important;color:#ff9b46;} #hh-food-trucks.hh-page .hh-type-122{font-size:8px!important;line-height:12px!important;letter-spacing:0.8px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-123{font-size:15px!important;line-height:22.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-124{font-size:10px!important;line-height:15px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-125{font-size:18px!important;line-height:27px!important;color:#ff9b46;} #hh-food-trucks.hh-page .hh-type-126{font-size:8px!important;line-height:12px!important;letter-spacing:0.8px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-127{font-size:15px!important;line-height:22.5px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-128{font-size:10px!important;line-height:15px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-129{font-size:18px!important;line-height:27px!important;color:#ff9b46;} #hh-food-trucks.hh-page .hh-type-130{font-size:8px!important;line-height:12px!important;letter-spacing:0.8px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-131{font-size:20px!important;line-height:30px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-132{font-size:16px!important;line-height:24px!important;color:#477842;} #hh-food-trucks.hh-page .hh-type-133{font-size:14px!important;line-height:21px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-134{font-size:8px!important;line-height:12px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-135{font-size:16px!important;line-height:24px!important;color:#477842;} #hh-food-trucks.hh-page .hh-type-136{font-size:14px!important;line-height:21px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-137{font-size:8px!important;line-height:12px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-138{font-size:16px!important;line-height:24px!important;color:#477842;} #hh-food-trucks.hh-page .hh-type-139{font-size:14px!important;line-height:21px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-140{font-size:8px!important;line-height:12px!important;letter-spacing:0.48px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-141{font-size:11px!important;line-height:16.5px!important;letter-spacing:1.32px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-142{font-size:30px!important;line-height:34.8px!important;letter-spacing:-1.2px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-143{font-size:14px!important;line-height:23.1px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-144{font-size:15px!important;line-height:23px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-145{font-size:20px!important;line-height:30px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-146{font-size:14px!important;line-height:21px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-147{font-size:15px!important;line-height:23px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-148{font-size:20px!important;line-height:30px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-149{font-size:15px!important;line-height:23px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-150{font-size:20px!important;line-height:30px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-151{font-size:15px!important;line-height:23px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-152{font-size:20px!important;line-height:30px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-153{font-size:15px!important;line-height:23px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-154{font-size:20px!important;line-height:30px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-155{font-size:15px!important;line-height:23px!important;color:#315b2d;} #hh-food-trucks.hh-page .hh-type-156{font-size:20px!important;line-height:30px!important;color:#e37416;} #hh-food-trucks.hh-page .hh-type-157{font-size:30px!important;line-height:34.8px!important;letter-spacing:-1.2px!important;color:#fdfbfa;} #hh-food-trucks.hh-page .hh-type-158{font-size:16px!important;line-height:24px!important;color:#fdfbfa;} } #hh-food-trucks.hh-page img.hh-photo-0-0{position:absolute;max-width:none;object-fit:fill;height:112.12%;left:0;top:-7.51%;width:100%;} #hh-food-trucks.hh-page img.hh-photo-2-0{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-4-0{position:absolute;max-width:none;object-fit:fill;height:556.61%;left:0;top:-219.17%;width:100%;} #hh-food-trucks.hh-page img.hh-photo-5-0{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-1{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-2{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-3{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-4{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-5{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-6{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} @media(max-width:700px){ #hh-food-trucks.hh-page img.hh-photo-0-0{position:absolute;max-width:none;object-fit:fill;height:103.95%;left:0;top:-2.45%;width:100%;} #hh-food-trucks.hh-page img.hh-photo-2-0{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-4-0{position:absolute;max-width:none;object-fit:fill;height:252.87%;left:0;top:-73.38%;width:100%;} #hh-food-trucks.hh-page img.hh-photo-5-0{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-1{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-2{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-3{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-4{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-5{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} #hh-food-trucks.hh-page img.hh-photo-5-6{position:absolute;max-width:none;object-fit:fill;left:0;top:0;right:0;bottom:0;object-fit:cover;width:100%;height:100%;} } @media(max-width:700px){ #hh-food-trucks.hh-page .hh-section-0{padding-top:40px!important;padding-bottom:40px!important;} #hh-food-trucks.hh-page .hh-section-1{padding-top:0px!important;padding-bottom:0px!important;} #hh-food-trucks.hh-page .hh-section-2{padding-top:40px!important;padding-bottom:40px!important;} #hh-food-trucks.hh-page .hh-section-3{padding-top:0px!important;padding-bottom:0px!important;} #hh-food-trucks.hh-page .hh-section-4{padding-top:40px!important;padding-bottom:40px!important;} #hh-food-trucks.hh-page .hh-section-5{padding-top:40px!important;padding-bottom:40px!important;} #hh-food-trucks.hh-page .hh-section-6{padding-top:40px!important;padding-bottom:40px!important;} #hh-food-trucks.hh-page .hh-section-7{padding-top:40px!important;padding-bottom:32px!important;} #hh-food-trucks.hh-page .hh-section-8{padding-top:36px!important;padding-bottom:40px!important;} #hh-food-trucks.hh-page .hh-section-9{padding-top:40px!important;padding-bottom:40px!important;} #hh-food-trucks.hh-page .hh-section-10{padding-top:40px!important;padding-bottom:40px!important;} } /* ---- shared.css ---- */ @font-face{font-family:'HH Open Sans';src:url('../images/fonts/OpenSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap} @font-face{font-family:'HH Open Sans';src:url('../images/fonts/OpenSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap} #hh-food-trucks{--hh-orange:#E37416;--hh-green:#315B2D;--hh-white:#FDFBFA;--hh-peach:#FFCEA2;--hh-leaf:#477842;--hh-mint:#B1D1AE} #hh-food-trucks *{box-sizing:border-box} html{scroll-behavior:smooth} div#hh-food-trucks{margin:0;background:var(--hh-white);color:var(--hh-green);font-family:'HH Open Sans',sans-serif} #hh-food-trucks button,#hh-food-trucks input,#hh-food-trucks select,#hh-food-trucks textarea{font:inherit} #hh-food-trucks button,#hh-food-trucks a{-webkit-tap-highlight-color:transparent} #hh-food-trucks a{color:inherit} #hh-food-trucks button{cursor:pointer} #hh-food-trucks img{display:block} #hh-food-trucks h1,#hh-food-trucks h2,#hh-food-trucks h3{font-weight:700;line-height:1.16} #hh-food-trucks h1{padding-bottom:8px} #hh-food-trucks h2,#hh-food-trucks h3{padding-bottom:4px} #hh-food-trucks section{scroll-margin-top:24px} #hh-food-trucks .reveal{opacity:1;transform:none} #hh-food-trucks *,#hh-food-trucks *::before,#hh-food-trucks *::after{animation:none} #hh-food-trucks a:focus-visible,#hh-food-trucks button:focus-visible,#hh-food-trucks summary:focus-visible,#hh-food-trucks [tabindex]:focus-visible{outline:2px solid var(--hh-orange);outline-offset:4px} #hh-food-trucks.hh-page .container{width:min(1160px,calc(100% - 48px))!important;margin-inline:auto} #hh-food-trucks .hh-sellers .container{width:min(1180px,calc(100% - 48px))!important} #hh-food-trucks.hh-page header.hh-header{position:relative!important;background:var(--hh-white);z-index:20;border:0;padding:14px 0;height:77px;backdrop-filter:none} #hh-food-trucks .hh-header-row{width:min(1160px,calc(100% - 48px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:32px;height:48px} #hh-food-trucks .hh-header .hh-logo{width:164px;height:48px;flex:none;display:block} #hh-food-trucks .hh-header .hh-logo img{width:164px;height:48px;object-fit:contain} #hh-food-trucks .hh-desktop-nav{display:flex;justify-content:center;align-items:center;gap:28px;width:440px;flex:0 1 440px;font-size:14px;font-weight:700;white-space:nowrap} #hh-food-trucks .hh-desktop-nav a{text-decoration:none} #hh-food-trucks .hh-header-actions{display:flex;gap:16px;align-items:center;margin-left:auto;flex:0 0 300px} #hh-food-trucks .hh-header-actions .hh-talk,#hh-food-trucks .hh-header-actions .hh-sell{display:flex;justify-content:center;align-items:center;width:142px;min-height:49px;border-radius:8px;font-size:14px;line-height:20px;font-weight:700;text-decoration:none} #hh-food-trucks .hh-header-actions .hh-talk{border:1px solid var(--hh-green);background:var(--hh-white);color:var(--hh-green)} #hh-food-trucks .hh-header-actions .hh-sell{background:var(--hh-orange);color:var(--hh-white);border:1px solid var(--hh-orange)} #hh-food-trucks .hh-menu-button{display:none} #hh-food-trucks .hh-mobile-menu[hidden]{display:none} #hh-food-trucks .hh-mobile-menu a{display:block;font-size:14px;font-weight:700;padding:12px 0;text-decoration:none} #hh-food-trucks.hh-page .btn-primary{background:var(--hh-orange);color:var(--hh-white)} #hh-food-trucks.hh-page .btn{line-height:1.45;min-height:49px} #hh-food-trucks.hh-page .hero-grid,#hh-food-trucks.hh-page .hubgrid{align-items:start} #hh-food-trucks.hh-page .hero-visual{align-self:start;min-height:540px;height:540px} #hh-food-trucks.hh-page .hero-photo{inset:0 0 18px 38px} #hh-food-trucks.hh-page .schedule-card{top:-10px} #hh-food-trucks.hh-page .order-card{bottom:46px} #hh-food-trucks.hh-page .hero-copy>p{padding-bottom:2px} #hh-food-trucks.hh-page .hero-actions{align-items:start} #hh-food-trucks.hh-page .hubcopy .lead{padding-bottom:2px} #hh-food-trucks.hh-page .marketmap{min-height:470px;height:470px;align-self:start} #hh-food-trucks.hh-page .hubnode{width:calc((100% - 64px)/2);height:203px;border-radius:24px;border:6px solid var(--hh-white);margin:0;overflow:hidden} #hh-food-trucks.hh-page .hubnode img{border-radius:18px} #hh-food-trucks.hh-page .n1{left:23px;top:23px} #hh-food-trucks.hh-page .n2{right:23px;top:23px} #hh-food-trucks.hh-page .n3{left:23px;bottom:23px} #hh-food-trucks.hh-page .n4{right:23px;bottom:23px} #hh-food-trucks.hh-page .centerbadge{top:calc(50% - 1px)} #hh-food-trucks.hh-page .avatar,#hh-food-trucks.hh-page .storefront-avatar,#hh-food-trucks.hh-page .product-photo,#hh-food-trucks.hh-page .product-img,#hh-food-trucks.hh-page .pathimg,#hh-food-trucks.hh-page .sf2-cover,#hh-food-trucks.hh-page .hh-card-photo{position:relative;overflow:hidden} #hh-food-trucks.hh-page .seller-carousel,#hh-food-trucks.hh-page .hh-real-carousel{display:flex;align-items:start;gap:18px;padding:3px 2px 16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain} #hh-food-trucks.hh-page .seller-carousel{gap:16px} #hh-food-trucks.hh-page .hh-seller-card{flex:0 0 310px;width:310px;height:546px;min-height:0;max-width:none;border:1px solid var(--hh-white);border-radius:24px;overflow:hidden;background:var(--hh-white);color:var(--hh-green);box-shadow:0 12px 30px rgba(49,91,45,.06);scroll-snap-align:start;text-decoration:none;display:block;transform:none} #hh-food-trucks .hh-sellers .hh-seller-card{flex-basis:330px;width:330px} #hh-food-trucks .hh-card-photo{height:188px;width:100%} #hh-food-trucks .hh-card-photo>img{object-fit:cover;width:100%;height:100%} #hh-food-trucks .hh-card-category{position:absolute;top:13px;left:14px;display:inline-flex;gap:6px;align-items:center;border-radius:999px;background:var(--hh-white);padding:6px 10px;font-size:11px;font-weight:700;line-height:16px;letter-spacing:0;z-index:2} #hh-food-trucks .hh-card-category i{display:block;width:7px;height:7px;border-radius:50%;background:var(--hh-leaf)} #hh-food-trucks .hh-card-body{padding:20px;display:grid;grid-template-rows:18px 58px 22px 62px 56px 56px 44px;height:356px;min-width:0} #hh-food-trucks .hh-card-body .hh-card-meta{font-size:11px;line-height:16px;font-weight:700;letter-spacing:.3px;color:var(--hh-leaf);text-transform:none;overflow:visible} #hh-food-trucks .hh-card-body h3{font-size:20px;line-height:26px;font-weight:700;letter-spacing:0;margin:0;padding:4px 0 2px;min-width:0} #hh-food-trucks .hh-card-owner{display:flex;align-items:start;gap:6px;font-size:13px;line-height:20px;font-weight:400;color:var(--hh-leaf);padding-bottom:2px} #hh-food-trucks .hh-card-body p.hh-card-description{font-size:14px;line-height:20px;letter-spacing:0;font-weight:400;margin:0;padding:0 0 2px;color:var(--hh-green)} #hh-food-trucks .hh-card-offers{padding-top:8px} #hh-food-trucks .hh-card-offers small{display:block;font-size:11px;line-height:16px;letter-spacing:.3px;font-weight:700;color:var(--hh-leaf);margin-bottom:8px;text-transform:none} #hh-food-trucks .hh-card-offers>div{display:flex;align-items:start;gap:6px;flex-wrap:nowrap} #hh-food-trucks .hh-card-offers>div>span{font-size:11px;line-height:16px;font-weight:700;padding:4px 8px;background:var(--hh-peach);border-radius:12px;white-space:nowrap;color:var(--hh-green)} #hh-food-trucks .hh-card-details{padding-top:12px;display:flex;flex-direction:column;gap:4px} #hh-food-trucks .hh-card-details>div{display:flex;align-items:center;gap:8px;height:20px;font-size:13px;line-height:20px;font-weight:400} #hh-food-trucks .hh-detail-icon{width:14px;height:14px;flex:none;display:grid;place-items:center} #hh-food-trucks .hh-detail-icon img{max-width:14px;max-height:14px;width:auto;height:auto} #hh-food-trucks .hh-card-footer{padding:12px 0 2px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hh-peach);font-size:14px;line-height:20px;font-weight:700} #hh-food-trucks .hh-card-footer b{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--hh-orange);color:var(--hh-white);font-size:14px;line-height:20px} #hh-food-trucks.hh-page .faq-list,#hh-food-trucks.hh-page .faqlist{display:flex;flex-direction:column;gap:0;border:0} #hh-food-trucks.hh-page .hh-faq-item{background:var(--hh-white);border:0;border-bottom:1px solid var(--hh-mint);border-radius:0;padding:16px;overflow:visible} #hh-food-trucks.hh-page .hh-faq-item summary{position:relative;display:block;list-style:none;cursor:pointer;font-size:15px;line-height:23px;letter-spacing:0;font-weight:700;color:var(--hh-green);padding:0 36px 2px 0;min-height:32px} #hh-food-trucks.hh-page .hh-faq-item summary::-webkit-details-marker{display:none} #hh-food-trucks.hh-page .hh-faq-item summary::after{content:'+';position:absolute;right:0;top:0;width:20px;height:30px;display:grid;place-items:center;background:transparent;border:0;color:var(--hh-orange);font-size:20px;line-height:30px;font-weight:700} #hh-food-trucks.hh-page .hh-faq-item[open] summary::after{content:'−'} #hh-food-trucks.hh-page .hh-faq-answer{padding-top:12px} #hh-food-trucks.hh-page .hh-faq-answer p{font-size:14px;line-height:21px;font-weight:400;color:var(--hh-leaf);margin:0;padding:0 0 2px} #hh-food-trucks.hh-page .hh-hub-faq .hh-faq-item{border-color:var(--hh-peach)} #hh-food-trucks.hh-page .hh-hub-faq .hh-faq-item[open]{background:var(--hh-peach);border-radius:12px;border-bottom-color:transparent} #hh-food-trucks.hh-page .hh-hub-faq .eyebrow,#hh-food-trucks .hh-orange-emphasis{color:var(--hh-orange)} #hh-food-trucks.hh-page .hh-hub-faq .btn-secondary{background:var(--hh-orange);color:var(--hh-white);border:0} #hh-food-trucks.hh-page .hh-hub-closing .cta{background:linear-gradient(169.486deg,var(--hh-orange),#FF9B46);color:var(--hh-white)} #hh-food-trucks.hh-page .hh-hub-closing .cta h2,#hh-food-trucks.hh-page .hh-hub-closing .cta p{color:var(--hh-white)} #hh-food-trucks.hh-page .hh-hub-closing .cta .btn-primary{background:var(--hh-green);color:var(--hh-white)} #hh-food-trucks.hh-page .faq-more{display:inline-flex;justify-content:center;align-items:center;width:180px;min-height:40px;padding:10px 12px;margin:0;background:var(--hh-white);border:0;border-radius:8px;font-size:13px;line-height:20px;font-weight:700;color:var(--hh-green)} #hh-food-trucks.hh-page .extra-faqs:not(.is-open){display:none} #hh-food-trucks.hh-page .extra-faqs.is-open{display:block} #hh-food-trucks .hh-app-download{padding:48px 24px;background:var(--hh-white)} #hh-food-trucks .hh-app-content{width:min(1160px,100%);margin:auto;display:flex;align-items:center;justify-content:center;gap:64px} #hh-food-trucks .hh-app-artwork{width:430px;height:405px;object-fit:contain;flex:none} #hh-food-trucks .hh-app-copy{width:550px;display:flex;flex-direction:column;gap:16px;padding-bottom:4px;min-width:0} #hh-food-trucks .hh-app-copy h2{font-size:34px;line-height:50px;font-weight:700;letter-spacing:0;padding:0;margin:0} #hh-food-trucks .hh-app-copy p{font-size:16px;line-height:24px;font-weight:400;max-width:510px;padding:0;margin:0;color:var(--hh-green)} #hh-food-trucks .hh-app-links{display:flex;gap:16px;align-items:start;flex:none} #hh-food-trucks .hh-app-links a{display:block;width:145px;height:48px;flex:none} #hh-food-trucks .hh-app-links a:last-child{width:162px} #hh-food-trucks .hh-app-links img{width:100%;height:100%;object-fit:contain} #hh-food-trucks.hh-page footer.hh-footer{background:var(--hh-white);border-top:1px solid var(--hh-mint);padding:48px 24px 32px} #hh-food-trucks .hh-footer-content{width:min(1160px,100%);margin:auto;display:flex;flex-direction:column;gap:32px} #hh-food-trucks .hh-footer-columns{display:flex;align-items:start;justify-content:space-between;gap:56px} #hh-food-trucks .hh-footer-brand{display:flex;flex-direction:column;gap:20px;width:252px;flex:none} #hh-food-trucks .hh-footer-logo{display:block;width:170px;height:50px} #hh-food-trucks .hh-footer-logo img{width:170px;height:50px;object-fit:contain} #hh-food-trucks .hh-socials{display:flex;gap:16px} #hh-food-trucks .hh-socials a,#hh-food-trucks .hh-socials img{width:26px;height:26px;object-fit:contain} #hh-food-trucks .hh-footer-navs{display:flex;gap:56px;flex:1;justify-content:space-between} #hh-food-trucks .hh-footer-navs>div{display:flex;flex-direction:column;gap:12px;width:184px} #hh-food-trucks .hh-footer-navs h3{font-size:16px;line-height:24px;letter-spacing:0;padding:0;margin:0;font-weight:700} #hh-food-trucks .hh-footer a,#hh-food-trucks .hh-footer span{font-size:14px;line-height:21px;text-decoration:none;color:var(--hh-green)} #hh-food-trucks .hh-footer-contact{display:flex;flex-direction:column;gap:12px;width:232px;flex:none} #hh-food-trucks .hh-footer-contact .hh-app-links{flex-direction:column;gap:12px} #hh-food-trucks .hh-footer-contact .hh-app-links a{width:134px;height:44px} #hh-food-trucks .hh-footer-contact .hh-app-links a:last-child{width:149px} #hh-food-trucks .hh-footer-legal{border-top:1px solid var(--hh-mint);padding-top:20px;padding-bottom:4px;display:flex;justify-content:space-between;gap:24px} #hh-food-trucks .hh-footer-legal a,#hh-food-trucks .hh-footer-legal span{font-size:12px;line-height:18px} #hh-food-trucks.hh-page .hh-motion-inner{position:relative;height:100%} #hh-food-trucks.hh-page .benefit-card-simple .hh-motion-inner{display:flow-root} #hh-food-trucks.hh-page .usp-point .hh-motion-inner{display:flex;align-items:center;gap:12px} #hh-food-trucks.hh-page .hero-visual .schedule-card,#hh-food-trucks.hh-page .hero-visual .order-card{transform:none} @media(min-width:701px) and (max-width:1100px){ #hh-food-trucks .hh-desktop-nav{width:auto;flex:1;font-size:12px;gap:16px} #hh-food-trucks .hh-header-row{gap:18px} #hh-food-trucks .hh-header-actions{flex-basis:250px} #hh-food-trucks .hh-header-actions .hh-talk,#hh-food-trucks .hh-header-actions .hh-sell{width:117px} #hh-food-trucks .hh-app-content{gap:32px} #hh-food-trucks .hh-app-artwork{width:36%;height:auto;aspect-ratio:430/405} #hh-food-trucks .hh-app-copy{width:50%} #hh-food-trucks .hh-footer-columns{gap:24px} #hh-food-trucks .hh-footer-navs{gap:24px} #hh-food-trucks .hh-footer-brand{width:190px} #hh-food-trucks .hh-footer-contact{width:170px} #hh-food-trucks.hh-page .hero-grid,#hh-food-trucks.hh-page .hubgrid{gap:32px} #hh-food-trucks.hh-page h1{font-size:clamp(44px,5.28vw,76px)!important;line-height:1.16!important} } @media(max-width:700px){ #hh-food-trucks.hh-page .container{width:calc(100% - 48px)!important} #hh-food-trucks.hh-page main>section{padding-top:40px!important;padding-bottom:40px!important} #hh-food-trucks.hh-page main>.marquee{padding:0!important} #hh-food-trucks.hh-page .hero{padding-top:40px!important} #hh-food-trucks.hh-page .hubhero{padding-top:40px!important} #hh-food-trucks.hh-page header.hh-header{height:auto;min-height:73px;padding:14px 24px;border-bottom:1px solid var(--hh-mint)} #hh-food-trucks .hh-header-row{width:100%;height:44px;gap:0} #hh-food-trucks .hh-header .hh-logo,#hh-food-trucks .hh-header .hh-logo img{width:90px;height:32px} #hh-food-trucks .hh-desktop-nav{display:none} #hh-food-trucks .hh-header-actions{flex:0 0 220px;gap:8px;justify-content:flex-end} #hh-food-trucks .hh-header-actions .hh-talk{display:flex;width:70px;min-height:44px;padding:0;border:0;background:transparent} #hh-food-trucks .hh-header-actions .hh-sell{width:98px;min-height:44px;padding:0;border:0} #hh-food-trucks .hh-header-actions .hh-talk,#hh-food-trucks .hh-header-actions .hh-sell{font-size:12px;line-height:18px} #hh-food-trucks .hh-menu-button{display:flex;align-items:center;justify-content:center;width:36px;height:44px;background:none;border:0;padding:0;flex:none} #hh-food-trucks .hh-menu-button img{width:20px;height:20px} #hh-food-trucks .hh-mobile-menu{padding-top:12px;border-top:1px solid var(--hh-mint);margin-top:14px} #hh-food-trucks.hh-page h1{font-size:40px!important;line-height:46.4px!important;letter-spacing:-1.6px!important} #hh-food-trucks.hh-page h2{font-size:30px!important;line-height:34.8px!important;letter-spacing:-1.2px!important} #hh-food-trucks.hh-page h3{line-height:1.24} #hh-food-trucks.hh-page .hero-copy>p{font-size:16px!important;line-height:26.4px!important} #hh-food-trucks.hh-page .hero-grid,#hh-food-trucks.hh-page .hubgrid{grid-template-columns:1fr;gap:56px} #hh-food-trucks.hh-page .hero-visual{height:428px;min-height:428px;max-width:100%} #hh-food-trucks.hh-page .hero-photo{inset:18px 0 0 14px} #hh-food-trucks.hh-page .schedule-card{right:0;top:8px} #hh-food-trucks.hh-page .order-card{left:0;bottom:28px} #hh-food-trucks.hh-page .hero-actions{gap:12px;flex-wrap:wrap} #hh-food-trucks.hh-page .hero-actions .btn{width:auto} #hh-food-trucks.hh-page .hero-proof{gap:10px} #hh-food-trucks.hh-page .hero-copy{min-width:0} #hh-food-trucks.hh-page .hubgrid{gap:54px} #hh-food-trucks.hh-page .hubcopy .lead{font-size:15px;line-height:22.5px} #hh-food-trucks.hh-page .marketmap{width:100%;height:390px;min-height:390px} #hh-food-trucks.hh-page .hubnode{width:calc((100% - 36px)/2);height:177px;border:6px solid var(--hh-white);border-radius:24px} #hh-food-trucks.hh-page .n1{left:11px;top:11px} #hh-food-trucks.hh-page .n2{right:11px;top:11px} #hh-food-trucks.hh-page .n3{left:11px;bottom:11px} #hh-food-trucks.hh-page .n4{right:11px;bottom:11px} #hh-food-trucks.hh-page .centerbadge{width:174px;padding:15px 16px;border-radius:20px} #hh-food-trucks.hh-page .centerbadge strong{font-size:15px;line-height:17.25px} #hh-food-trucks.hh-page .centerbadge span{font-size:9px;line-height:12.6px} #hh-food-trucks.hh-page .hubactions{display:grid;grid-template-columns:1fr;gap:9px} #hh-food-trucks.hh-page .hubactions .btn{width:100%;font-size:14px;min-height:49px} #hh-food-trucks.hh-page .hh-seller-card{flex:0 0 327.594px;width:327.594px;max-width:calc(100vw - 62px);height:534px} #hh-food-trucks .hh-card-photo{height:176px} #hh-food-trucks .hh-card-body h3{font-size:20px!important;line-height:26px!important;letter-spacing:0!important} #hh-food-trucks .hh-card-body p.hh-card-description{font-size:14px;line-height:20px} #hh-food-trucks .hh-card-body{padding:20px} #hh-food-trucks .hh-card-owner{font-size:13px;line-height:20px} #hh-food-trucks.hh-page .hh-hub-closing .cta{width:calc(100% - 48px);padding:29px 22px;gap:28px} #hh-food-trucks.hh-page .hh-hub-closing .cta .btn{width:100%} #hh-food-trucks.hh-page .hh-hub-faq .faqgrid{gap:25px} #hh-food-trucks.hh-page .hh-hub-faq .hh-faq-item{padding:16px} #hh-food-trucks.hh-page .hh-faq-item summary{font-size:15px;line-height:23px} #hh-food-trucks.hh-page .hh-faq-answer p{font-size:14px;line-height:21px} #hh-food-trucks .hh-app-download{padding:40px 24px} #hh-food-trucks .hh-app-content{width:100%;flex-direction:column;gap:24px} #hh-food-trucks .hh-app-artwork{width:300px;height:283px;max-width:100%} #hh-food-trucks .hh-app-copy{width:100%;gap:16px} #hh-food-trucks.hh-page .hh-app-copy h2{font-size:28px!important;line-height:41px!important;letter-spacing:0!important} #hh-food-trucks .hh-app-links{gap:16px;max-width:100%} #hh-food-trucks .hh-app-links a{width:140px;height:48px} #hh-food-trucks .hh-app-links a:last-child{width:156px} #hh-food-trucks.hh-page footer.hh-footer{padding:40px 24px 28px} #hh-food-trucks .hh-footer-content{gap:28px} #hh-food-trucks .hh-footer-columns{flex-direction:column;gap:28px} #hh-food-trucks .hh-footer-brand{width:100%} #hh-food-trucks .hh-footer-navs{width:100%;gap:24px;justify-content:flex-start} #hh-food-trucks .hh-footer-navs>div{width:calc((100% - 24px)/2)} #hh-food-trucks .hh-footer-contact{width:100%;gap:12px} #hh-food-trucks .hh-footer-contact .hh-app-links{flex-direction:row;gap:16px} #hh-food-trucks .hh-footer-contact .hh-app-links a{width:140px;height:48px} #hh-food-trucks .hh-footer-contact .hh-app-links a:last-child{width:156px} #hh-food-trucks .hh-footer-legal{flex-direction:column;gap:12px} #hh-food-trucks.hh-page .journey-steps{grid-template-columns:1fr} #hh-food-trucks.hh-page .usp-point .hh-motion-inner{width:100%} #hh-food-trucks.hh-page .seller-scroll-controls{display:none} #hh-food-trucks.hh-page .hh-real-controls{display:none} } @media(max-width:374px){ #hh-food-trucks.hh-page header.hh-header{padding-inline:16px} #hh-food-trucks .hh-header .hh-logo,#hh-food-trucks .hh-header .hh-logo img{width:75px;height:30px} #hh-food-trucks .hh-header-actions{flex-basis:212px;gap:5px} #hh-food-trucks .hh-header-actions .hh-talk{width:68px} #hh-food-trucks .hh-header-actions .hh-sell{width:98px} #hh-food-trucks .hh-menu-button{width:32px} #hh-food-trucks .hh-app-links{gap:10px} #hh-food-trucks .hh-app-links a,#hh-food-trucks .hh-footer-contact .hh-app-links a{width:118px} #hh-food-trucks .hh-app-links a:last-child,#hh-food-trucks .hh-footer-contact .hh-app-links a:last-child{width:132px} #hh-food-trucks.hh-page h1{font-size:36px!important;line-height:42px!important} } @media(min-width:701px) and (max-width:1199px){ #hh-food-trucks .hh-desktop-preview{display:none} #hh-food-trucks .hh-mobile-preview{display:block} #hh-food-trucks .hh-figma-comparison{width:352px;max-width:100%} #hh-food-trucks .figma-preview .hh-preview-state>div{width:100%!important} #hh-food-trucks.hh-page .hh-desktop-nav{display:none} #hh-food-trucks.hh-page .hh-header-actions{flex-basis:344px} #hh-food-trucks.hh-page .hh-menu-button{display:flex;align-items:center;justify-content:center;width:36px;height:44px;background:none;border:0;padding:0} #hh-food-trucks.hh-page .hh-menu-button img{width:20px;height:20px} #hh-food-trucks.hh-page header.hh-header:has(.hh-mobile-menu:not([hidden])){height:auto!important} #hh-food-trucks .hh-mobile-menu{width:calc(100% - 48px);margin:auto} } @media(min-width:701px) and (max-width:1000px){ #hh-food-trucks .hh-footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px} #hh-food-trucks .hh-footer-navs{width:100%;gap:16px} #hh-food-trucks .hh-footer-navs>div{width:calc((100% - 16px)/2)} #hh-food-trucks.hh-page .hero-grid,#hh-food-trucks.hh-page .hubgrid{grid-template-columns:1fr} #hh-food-trucks.hh-page .hero-visual{width:min(507.844px,100%)} #hh-food-trucks.hh-page .marketmap{width:min(563px,100%)} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto!important} #hh-food-trucks *,#hh-food-trucks *::before,#hh-food-trucks *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} } @media print{ #hh-food-trucks .hh-menu-button,#hh-food-trucks .hh-mobile-menu{display:none!important} #hh-food-trucks.hh-page .reveal{opacity:1!important;transform:none!important} #hh-food-trucks *{animation:none!important;print-color-adjust:exact} } /* ---- food-trucks-motion.css ---- */ @media(min-width:701px){ div#hh-food-trucks.hh-food-trucks .schedule-card{animation: kf_17_10055_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .order-card{animation: kf_17_10037_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .marquee-track{animation: kf_17_10078_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .hh-desktop-preview [data-node-id="43:10983"]{animation: kf_0_29_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .hh-desktop-preview [data-node-id="43:10996"]{animation: kf_0_32_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .hh-desktop-preview [data-node-id="43:11009"]{animation: kf_0_35_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(1){animation: kf_45_10087_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(1) .hh-motion-inner{animation: kf_0_100_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(2){animation: kf_45_10166_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(2) .hh-motion-inner{animation: kf_0_114_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(3){animation: kf_45_10241_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(3) .hh-motion-inner{animation: kf_0_128_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(4){animation: kf_45_10314_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(4) .hh-motion-inner{animation: kf_0_144_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .step[data-step-index="0"]{animation: kf_17_10832_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .step[data-step-index="1"]{animation: kf_17_10839_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .step[data-step-index="2"]{animation: kf_17_10846_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .step[data-step-index="3"]{animation: kf_17_10853_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .resource2-item:nth-child(1){animation: kf_17_10877_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .resource2-item:nth-child(2){animation: kf_17_10893_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .resource2-item:nth-child(3){animation: kf_17_10907_opacity_0 22s linear; animation-iteration-count: infinite;} } @media(max-width:700px){ div#hh-food-trucks.hh-food-trucks .schedule-card{animation: kf_17_11337_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .order-card{animation: kf_17_11359_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .marquee-track{animation: kf_17_11376_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(1){animation: kf_45_10650_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(1) .hh-motion-inner{animation: kf_0_76_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(2){animation: kf_45_10729_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(2) .hh-motion-inner{animation: kf_0_90_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(3){animation: kf_45_10804_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(3) .hh-motion-inner{animation: kf_0_104_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(4){animation: kf_45_10877_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .benefit-card-simple:nth-of-type(4) .hh-motion-inner{animation: kf_0_120_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .step[data-step-index="0"]{animation: kf_17_12055_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .step[data-step-index="1"]{animation: kf_17_12060_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .step[data-step-index="2"]{animation: kf_17_12065_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .step[data-step-index="3"]{animation: kf_17_12070_translate_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .resource2-item:nth-child(1){animation: kf_17_12092_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .resource2-item:nth-child(2){animation: kf_17_12108_opacity_0 22s linear; animation-iteration-count: infinite;} div#hh-food-trucks.hh-food-trucks .resource2-item:nth-child(3){animation: kf_17_12122_opacity_0 22s linear; animation-iteration-count: infinite;} } @keyframes kf_17_10055_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 10% { animation-timing-function: ease-in-out; translate: 0px -10px; } 20% { animation-timing-function: ease-in-out; translate: 0px 0px; } 30% { animation-timing-function: ease-in-out; translate: 0px -10px; } 40% { animation-timing-function: ease-in-out; translate: 0px 0px; } 50% { animation-timing-function: ease-in-out; translate: 0px -10px; } 60% { animation-timing-function: ease-in-out; translate: 0px 0px; } 70% { animation-timing-function: ease-in-out; translate: 0px -10px; } 80% { animation-timing-function: ease-in-out; translate: 0px 0px; } 90% { animation-timing-function: ease-in-out; translate: 0px -10px; } 100% { translate: 0px 0px; }} @keyframes kf_17_10037_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 11.364% { animation-timing-function: ease-in-out; translate: 0px -10px; } 22.727% { animation-timing-function: ease-in-out; translate: 0px 0px; } 34.091% { animation-timing-function: ease-in-out; translate: 0px -10px; } 45.455% { animation-timing-function: ease-in-out; translate: 0px 0px; } 56.818% { animation-timing-function: ease-in-out; translate: 0px -10px; } 68.182% { animation-timing-function: ease-in-out; translate: 0px 0px; } 79.545% { animation-timing-function: ease-in-out; translate: 0px -10px; } 90.909% { translate: 0px 0px; } 100% { translate: 0px 0px; }} @keyframes kf_17_10078_translate_0{0% { translate: 0px 0px; } 100% { translate: -1301.625px 0px; }} @keyframes kf_0_29_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 11.364% { translate: 0px -4.592px; } 100% { translate: 0px -4.592px; }} @keyframes kf_0_32_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 11.364% { translate: 0px -4.592px; } 100% { translate: 0px -4.592px; }} @keyframes kf_0_35_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 11.364% { translate: 0px -4.592px; } 100% { translate: 0px -4.592px; }} @keyframes kf_45_10087_opacity_0{0% { opacity: 1; } 9.091% { animation-timing-function: ease-out; opacity: 1; } 10% { opacity: 0.78; } 40% { animation-timing-function: ease-out; opacity: 0.78; } 40.909% { opacity: 1; } 49.091% { animation-timing-function: ease-out; opacity: 1; } 50% { opacity: 0.78; } 80% { animation-timing-function: ease-out; opacity: 0.78; } 80.909% { opacity: 1; } 89.091% { animation-timing-function: ease-out; opacity: 1; } 90% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_0_100_opacity_0{0% { opacity: 1; } 100% { opacity: 1; }} @keyframes kf_45_10166_opacity_0{0% { opacity: 0.78; } 10% { animation-timing-function: ease-out; opacity: 0.78; } 10.909% { opacity: 1; } 19.091% { animation-timing-function: ease-out; opacity: 1; } 20% { opacity: 0.78; } 50% { animation-timing-function: ease-out; opacity: 0.78; } 50.909% { opacity: 1; } 59.091% { animation-timing-function: ease-out; opacity: 1; } 60% { opacity: 0.78; } 90% { animation-timing-function: ease-out; opacity: 0.78; } 90.909% { opacity: 1; } 99.091% { animation-timing-function: ease-out; opacity: 1; } 100% { opacity: 0.78; }} @keyframes kf_0_114_opacity_0{0% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_45_10241_opacity_0{0% { opacity: 0.78; } 20% { animation-timing-function: ease-out; opacity: 0.78; } 20.909% { opacity: 1; } 29.091% { animation-timing-function: ease-out; opacity: 1; } 30% { opacity: 0.78; } 60% { animation-timing-function: ease-out; opacity: 0.78; } 60.909% { opacity: 1; } 69.091% { animation-timing-function: ease-out; opacity: 1; } 70% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_0_128_opacity_0{0% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_45_10314_opacity_0{0% { opacity: 0.78; } 30% { animation-timing-function: ease-out; opacity: 0.78; } 30.909% { opacity: 1; } 39.091% { animation-timing-function: ease-out; opacity: 1; } 40% { opacity: 0.78; } 70% { animation-timing-function: ease-out; opacity: 0.78; } 70.909% { opacity: 1; } 79.091% { animation-timing-function: ease-out; opacity: 1; } 80% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_0_144_opacity_0{0% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_17_10832_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 10% { animation-timing-function: ease-in-out; translate: 0px -3px; } 20% { animation-timing-function: ease-in-out; translate: 0px 0px; } 30% { animation-timing-function: ease-in-out; translate: 0px -3px; } 40% { animation-timing-function: ease-in-out; translate: 0px 0px; } 50% { animation-timing-function: ease-in-out; translate: 0px -3px; } 60% { animation-timing-function: ease-in-out; translate: 0px 0px; } 70% { animation-timing-function: ease-in-out; translate: 0px -3px; } 80% { animation-timing-function: ease-in-out; translate: 0px 0px; } 90% { animation-timing-function: ease-in-out; translate: 0px -3px; } 100% { translate: 0px 0px; }} @keyframes kf_17_10839_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 10.682% { animation-timing-function: ease-in-out; translate: 0px -3px; } 21.364% { animation-timing-function: ease-in-out; translate: 0px 0px; } 32.045% { animation-timing-function: ease-in-out; translate: 0px -3px; } 42.727% { animation-timing-function: ease-in-out; translate: 0px 0px; } 53.409% { animation-timing-function: ease-in-out; translate: 0px -3px; } 64.091% { animation-timing-function: ease-in-out; translate: 0px 0px; } 74.773% { animation-timing-function: ease-in-out; translate: 0px -3px; } 85.455% { animation-timing-function: ease-in-out; translate: 0px 0px; } 96.136% { translate: 0px -3px; } 100% { translate: 0px -3px; }} @keyframes kf_17_10846_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 11.364% { animation-timing-function: ease-in-out; translate: 0px -3px; } 22.727% { animation-timing-function: ease-in-out; translate: 0px 0px; } 34.091% { animation-timing-function: ease-in-out; translate: 0px -3px; } 45.455% { animation-timing-function: ease-in-out; translate: 0px 0px; } 56.818% { animation-timing-function: ease-in-out; translate: 0px -3px; } 68.182% { animation-timing-function: ease-in-out; translate: 0px 0px; } 79.545% { animation-timing-function: ease-in-out; translate: 0px -3px; } 90.909% { translate: 0px 0px; } 100% { translate: 0px 0px; }} @keyframes kf_17_10853_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 12.045% { animation-timing-function: ease-in-out; translate: 0px -3px; } 24.091% { animation-timing-function: ease-in-out; translate: 0px 0px; } 36.136% { animation-timing-function: ease-in-out; translate: 0px -3px; } 48.182% { animation-timing-function: ease-in-out; translate: 0px 0px; } 60.227% { animation-timing-function: ease-in-out; translate: 0px -3px; } 72.273% { animation-timing-function: ease-in-out; translate: 0px 0px; } 84.318% { animation-timing-function: ease-in-out; translate: 0px -3px; } 96.364% { translate: 0px 0px; } 100% { translate: 0px 0px; }} @keyframes kf_17_10877_opacity_0{0% { opacity: 1; } 5% { animation-timing-function: ease-in-out; opacity: 1; } 10% { opacity: 0.82; } 30% { animation-timing-function: ease-in-out; opacity: 0.82; } 35% { opacity: 1; } 40% { animation-timing-function: ease-in-out; opacity: 1; } 45% { opacity: 0.82; } 60% { animation-timing-function: ease-in-out; opacity: 0.82; } 65% { opacity: 1; } 70% { animation-timing-function: ease-in-out; opacity: 1; } 75% { opacity: 0.82; } 85% { animation-timing-function: ease-in-out; opacity: 0.82; } 90% { opacity: 1; } 100% { opacity: 1; }} @keyframes kf_17_10893_opacity_0{0% { opacity: 0.82; } 5% { animation-timing-function: ease-in-out; opacity: 0.82; } 10% { opacity: 1; } 15% { animation-timing-function: ease-in-out; opacity: 1; } 20% { opacity: 0.82; } 40% { animation-timing-function: ease-in-out; opacity: 0.82; } 45% { opacity: 1; } 50% { animation-timing-function: ease-in-out; opacity: 1; } 55% { opacity: 0.82; } 70% { animation-timing-function: ease-in-out; opacity: 0.82; } 75% { opacity: 1; } 80% { animation-timing-function: ease-in-out; opacity: 1; } 85% { opacity: 0.82; } 100% { opacity: 0.82; }} @keyframes kf_17_10907_opacity_0{0% { opacity: 0.82; } 15% { animation-timing-function: ease-in-out; opacity: 0.82; } 20% { opacity: 1; } 30% { animation-timing-function: ease-in-out; opacity: 1; } 35% { opacity: 0.82; } 50% { animation-timing-function: ease-in-out; opacity: 0.82; } 55% { opacity: 1; } 60% { animation-timing-function: ease-in-out; opacity: 1; } 65% { opacity: 0.82; } 80% { animation-timing-function: ease-in-out; opacity: 0.82; } 85% { animation-timing-function: ease-in-out; opacity: 1; } 90% { opacity: 0.82; } 100% { opacity: 0.82; }} @keyframes kf_17_11337_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 10% { animation-timing-function: ease-in-out; translate: 0px -10px; } 20% { animation-timing-function: ease-in-out; translate: 0px 0px; } 30% { animation-timing-function: ease-in-out; translate: 0px -10px; } 40% { animation-timing-function: ease-in-out; translate: 0px 0px; } 50% { animation-timing-function: ease-in-out; translate: 0px -10px; } 60% { animation-timing-function: ease-in-out; translate: 0px 0px; } 70% { animation-timing-function: ease-in-out; translate: 0px -10px; } 80% { animation-timing-function: ease-in-out; translate: 0px 0px; } 90% { animation-timing-function: ease-in-out; translate: 0px -10px; } 100% { translate: 0px 0px; }} @keyframes kf_17_11359_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 11.364% { animation-timing-function: ease-in-out; translate: 0px -10px; } 22.727% { animation-timing-function: ease-in-out; translate: 0px 0px; } 34.091% { animation-timing-function: ease-in-out; translate: 0px -10px; } 45.455% { animation-timing-function: ease-in-out; translate: 0px 0px; } 56.818% { animation-timing-function: ease-in-out; translate: 0px -10px; } 68.182% { animation-timing-function: ease-in-out; translate: 0px 0px; } 79.545% { animation-timing-function: ease-in-out; translate: 0px -10px; } 90.909% { translate: 0px 0px; } 100% { translate: 0px 0px; }} @keyframes kf_17_11376_translate_0{0% { translate: 0px 0px; } 100% { translate: -1301.625px 0px; }} @keyframes kf_45_10650_opacity_0{0% { opacity: 1; } 9.091% { animation-timing-function: ease-out; opacity: 1; } 10% { opacity: 0.78; } 40% { animation-timing-function: ease-out; opacity: 0.78; } 40.909% { opacity: 1; } 49.091% { animation-timing-function: ease-out; opacity: 1; } 50% { opacity: 0.78; } 80% { animation-timing-function: ease-out; opacity: 0.78; } 80.909% { opacity: 1; } 89.091% { animation-timing-function: ease-out; opacity: 1; } 90% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_0_76_opacity_0{0% { opacity: 1; } 100% { opacity: 1; }} @keyframes kf_45_10729_opacity_0{0% { opacity: 0.78; } 10% { animation-timing-function: ease-out; opacity: 0.78; } 10.909% { opacity: 1; } 19.091% { animation-timing-function: ease-out; opacity: 1; } 20% { opacity: 0.78; } 50% { animation-timing-function: ease-out; opacity: 0.78; } 50.909% { opacity: 1; } 59.091% { animation-timing-function: ease-out; opacity: 1; } 60% { opacity: 0.78; } 90% { animation-timing-function: ease-out; opacity: 0.78; } 90.909% { opacity: 1; } 99.091% { animation-timing-function: ease-out; opacity: 1; } 100% { opacity: 0.78; }} @keyframes kf_0_90_opacity_0{0% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_45_10804_opacity_0{0% { opacity: 0.78; } 20% { animation-timing-function: ease-out; opacity: 0.78; } 20.909% { opacity: 1; } 29.091% { animation-timing-function: ease-out; opacity: 1; } 30% { opacity: 0.78; } 60% { animation-timing-function: ease-out; opacity: 0.78; } 60.909% { opacity: 1; } 69.091% { animation-timing-function: ease-out; opacity: 1; } 70% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_0_104_opacity_0{0% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_45_10877_opacity_0{0% { opacity: 0.78; } 30% { animation-timing-function: ease-out; opacity: 0.78; } 30.909% { opacity: 1; } 39.091% { animation-timing-function: ease-out; opacity: 1; } 40% { opacity: 0.78; } 70% { animation-timing-function: ease-out; opacity: 0.78; } 70.909% { opacity: 1; } 79.091% { animation-timing-function: ease-out; opacity: 1; } 80% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_0_120_opacity_0{0% { opacity: 0.78; } 100% { opacity: 0.78; }} @keyframes kf_17_12055_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 10% { animation-timing-function: ease-in-out; translate: 0px -3px; } 20% { animation-timing-function: ease-in-out; translate: 0px 0px; } 30% { animation-timing-function: ease-in-out; translate: 0px -3px; } 40% { animation-timing-function: ease-in-out; translate: 0px 0px; } 50% { animation-timing-function: ease-in-out; translate: 0px -3px; } 60% { animation-timing-function: ease-in-out; translate: 0px 0px; } 70% { animation-timing-function: ease-in-out; translate: 0px -3px; } 80% { animation-timing-function: ease-in-out; translate: 0px 0px; } 90% { animation-timing-function: ease-in-out; translate: 0px -3px; } 100% { translate: 0px 0px; }} @keyframes kf_17_12060_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 10.682% { animation-timing-function: ease-in-out; translate: 0px -3px; } 21.364% { animation-timing-function: ease-in-out; translate: 0px 0px; } 32.045% { animation-timing-function: ease-in-out; translate: 0px -3px; } 42.727% { animation-timing-function: ease-in-out; translate: 0px 0px; } 53.409% { animation-timing-function: ease-in-out; translate: 0px -3px; } 64.091% { animation-timing-function: ease-in-out; translate: 0px 0px; } 74.773% { animation-timing-function: ease-in-out; translate: 0px -3px; } 85.455% { animation-timing-function: ease-in-out; translate: 0px 0px; } 96.136% { translate: 0px -3px; } 100% { translate: 0px -3px; }} @keyframes kf_17_12065_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 11.364% { animation-timing-function: ease-in-out; translate: 0px -3px; } 22.727% { animation-timing-function: ease-in-out; translate: 0px 0px; } 34.091% { animation-timing-function: ease-in-out; translate: 0px -3px; } 45.455% { animation-timing-function: ease-in-out; translate: 0px 0px; } 56.818% { animation-timing-function: ease-in-out; translate: 0px -3px; } 68.182% { animation-timing-function: ease-in-out; translate: 0px 0px; } 79.545% { animation-timing-function: ease-in-out; translate: 0px -3px; } 90.909% { translate: 0px 0px; } 100% { translate: 0px 0px; }} @keyframes kf_17_12070_translate_0{0% { animation-timing-function: ease-in-out; translate: 0px 0px; } 12.045% { animation-timing-function: ease-in-out; translate: 0px -3px; } 24.091% { animation-timing-function: ease-in-out; translate: 0px 0px; } 36.136% { animation-timing-function: ease-in-out; translate: 0px -3px; } 48.182% { animation-timing-function: ease-in-out; translate: 0px 0px; } 60.227% { animation-timing-function: ease-in-out; translate: 0px -3px; } 72.273% { animation-timing-function: ease-in-out; translate: 0px 0px; } 84.318% { animation-timing-function: ease-in-out; translate: 0px -3px; } 96.364% { translate: 0px 0px; } 100% { translate: 0px 0px; }} @keyframes kf_17_12092_opacity_0{0% { opacity: 1; } 5% { animation-timing-function: ease-in-out; opacity: 1; } 10% { opacity: 0.82; } 30% { animation-timing-function: ease-in-out; opacity: 0.82; } 35% { opacity: 1; } 40% { animation-timing-function: ease-in-out; opacity: 1; } 45% { opacity: 0.82; } 60% { animation-timing-function: ease-in-out; opacity: 0.82; } 65% { opacity: 1; } 70% { animation-timing-function: ease-in-out; opacity: 1; } 75% { opacity: 0.82; } 85% { animation-timing-function: ease-in-out; opacity: 0.82; } 90% { opacity: 1; } 100% { opacity: 1; }} @keyframes kf_17_12108_opacity_0{0% { opacity: 0.82; } 5% { animation-timing-function: ease-in-out; opacity: 0.82; } 10% { opacity: 1; } 15% { animation-timing-function: ease-in-out; opacity: 1; } 20% { opacity: 0.82; } 40% { animation-timing-function: ease-in-out; opacity: 0.82; } 45% { opacity: 1; } 50% { animation-timing-function: ease-in-out; opacity: 1; } 55% { opacity: 0.82; } 70% { animation-timing-function: ease-in-out; opacity: 0.82; } 75% { opacity: 1; } 80% { animation-timing-function: ease-in-out; opacity: 1; } 85% { opacity: 0.82; } 100% { opacity: 0.82; }} @keyframes kf_17_12122_opacity_0{0% { opacity: 0.82; } 15% { animation-timing-function: ease-in-out; opacity: 0.82; } 20% { opacity: 1; } 30% { animation-timing-function: ease-in-out; opacity: 1; } 35% { opacity: 0.82; } 50% { animation-timing-function: ease-in-out; opacity: 0.82; } 55% { opacity: 1; } 60% { animation-timing-function: ease-in-out; opacity: 1; } 65% { opacity: 0.82; } 80% { animation-timing-function: ease-in-out; opacity: 0.82; } 85% { animation-timing-function: ease-in-out; opacity: 1; } 90% { opacity: 0.82; } 100% { opacity: 0.82; }} /* ---- figma-previews.css ---- */ #hh-food-trucks .figma-preview{font-family:'HH Open Sans',sans-serif;color:#315B2D} #hh-food-trucks .figma-preview *{box-sizing:border-box;border-width:0;border-style:solid} #hh-food-trucks .figma-preview p{margin:0;padding:0} #hh-food-trucks .figma-preview button{font:inherit;background:none;color:inherit;text-align:inherit;cursor:pointer} #hh-food-trucks .figma-preview img{max-width:none} #hh-food-trucks .figma-preview .hh-preview-state[hidden]{display:none!important} #hh-food-trucks .hh-figma-comparison{width:min(1160px,100%);margin-inline:auto} #hh-food-trucks .hh-mobile-preview{display:none} #hh-food-trucks .figma-preview .hh-preview-state>div{width:100%!important} #hh-food-trucks .figma-preview .hh-preview-state{transition:opacity .25s ease-out} #hh-food-trucks .hh-motion-paused *{animation-play-state:paused!important} #hh-food-trucks .figma-preview .\[word-break\:break-word\]{overflow-wrap:break-word} #hh-food-trucks .figma-preview .absolute{position:absolute} #hh-food-trucks .figma-preview .bg-\[\#fdfbfa\]{background:#fdfbfa} #hh-food-trucks .figma-preview .bg-\[var\(--hh-green\,\#315b2d\)\]{background:var(--hh-green,#315b2d)} #hh-food-trucks .figma-preview .bg-\[var\(--hh-matte-white\,\#fdfbfa\)\]{background:var(--hh-matte-white,#fdfbfa)} #hh-food-trucks .figma-preview .bg-\[var\(--hh-orange\,\#e37416\)\]{background:var(--hh-orange,#e37416)} #hh-food-trucks .figma-preview .border{border-width:1px} #hh-food-trucks .figma-preview .border-8{border-width:8px} #hh-food-trucks .figma-preview .border-\[var\(--hh-green\,\#315b2d\)\]{border-color:var(--hh-green,#315b2d)} #hh-food-trucks .figma-preview .border-\[var\(--hh-green-pale\,\#b1d1ae\)\]{border-color:var(--hh-green-pale,#b1d1ae)} #hh-food-trucks .figma-preview .border-\[var\(--hh-matte-white\,\#fdfbfa\)\]{border-color:var(--hh-matte-white,#fdfbfa)} #hh-food-trucks .figma-preview .border-b{border-bottom-width:1px} #hh-food-trucks .figma-preview .border-solid{border-style:solid} #hh-food-trucks .figma-preview .border-t{border-top-width:1px} #hh-food-trucks .figma-preview .col-1{grid-column-start:1} #hh-food-trucks .figma-preview .content-stretch{align-content:stretch} #hh-food-trucks .figma-preview .cursor-pointer{cursor:pointer} #hh-food-trucks .figma-preview .drop-shadow-\[0px_5px_7\.5px_rgba\(49\,91\,45\,0\.05\)\]{filter:drop-shadow(0px 5px 7.5px rgba(49,91,45,0.05))} #hh-food-trucks .figma-preview .flex{display:flex} #hh-food-trucks .figma-preview .flex-\[201_0_0\]{flex:201 0 0} #hh-food-trucks .figma-preview .flex-\[246_0_0\]{flex:246 0 0} #hh-food-trucks .figma-preview .flex-col{flex-direction:column} #hh-food-trucks .figma-preview .font-\[\"\;Open_Sans\:Bold\"\;\]{font-family:'HH Open Sans',sans-serif} #hh-food-trucks .figma-preview .font-\[\'Open_Sans\:Bold\'\]{font-family:'HH Open Sans',sans-serif} #hh-food-trucks .figma-preview .font-\[\'Open_Sans\:Regular\'\]{font-family:'HH Open Sans',sans-serif} #hh-food-trucks .figma-preview .font-bold{font-weight:700} #hh-food-trucks .figma-preview .font-normal{font-weight:400} #hh-food-trucks .figma-preview .gap-\[10px\]{gap:10px} #hh-food-trucks .figma-preview .gap-\[6px\]{gap:6px} #hh-food-trucks .figma-preview .gap-\[8px\]{gap:8px} #hh-food-trucks .figma-preview .gap-\[var\(--hh-space-12\,12px\)\]{gap:var(--hh-space-12,12px)} #hh-food-trucks .figma-preview .gap-\[var\(--hh-space-16\,16px\)\]{gap:var(--hh-space-16,16px)} #hh-food-trucks .figma-preview .gap-\[var\(--hh-space-20\,20px\)\]{gap:var(--hh-space-20,20px)} #hh-food-trucks .figma-preview .gap-\[var\(--hh-space-24\,24px\)\]{gap:var(--hh-space-24,24px)} #hh-food-trucks .figma-preview .gap-\[var\(--hh-space-4\,4px\)\]{gap:var(--hh-space-4,4px)} #hh-food-trucks .figma-preview .gap-\[var\(--hh-space-40\,40px\)\]{gap:var(--hh-space-40,40px)} #hh-food-trucks .figma-preview .gap-\[var\(--hh-space-8\,8px\)\]{gap:var(--hh-space-8,8px)} #hh-food-trucks .figma-preview .grid{display:grid} #hh-food-trucks .figma-preview .grid-cols-\[_31px\]{grid-template-columns: 31px} #hh-food-trucks .figma-preview .grid-rows-\[_31px\]{grid-template-rows: 31px} #hh-food-trucks .figma-preview .h-\[12px\]{height:12px} #hh-food-trucks .figma-preview .h-\[13px\]{height:13px} #hh-food-trucks .figma-preview .h-\[15px\]{height:15px} #hh-food-trucks .figma-preview .h-\[16\.594px\]{height:16.594px} #hh-food-trucks .figma-preview .h-\[16px\]{height:16px} #hh-food-trucks .figma-preview .h-\[28px\]{height:28px} #hh-food-trucks .figma-preview .h-\[365px\]{height:365px} #hh-food-trucks .figma-preview .h-\[36px\]{height:36px} #hh-food-trucks .figma-preview .h-\[388px\]{height:388px} #hh-food-trucks .figma-preview .h-\[50px\]{height:50px} #hh-food-trucks .figma-preview .h-\[520px\]{height:520px} #hh-food-trucks .figma-preview .h-\[535px\]{height:535px} #hh-food-trucks .figma-preview .h-\[58px\]{height:58px} #hh-food-trucks .figma-preview .h-\[8px\]{height:8px} #hh-food-trucks .figma-preview .inset-0{inset:0} #hh-food-trucks .figma-preview .items-center{align-items:center} #hh-food-trucks .figma-preview .items-end{align-items:flex-end} #hh-food-trucks .figma-preview .items-start{align-items:flex-start} #hh-food-trucks .figma-preview .justify-between{justify-content:space-between} #hh-food-trucks .figma-preview .justify-center{justify-content:center} #hh-food-trucks .figma-preview .justify-self-center{justify-self:center} #hh-food-trucks .figma-preview .leading-\[12px\]{line-height:12px} #hh-food-trucks .figma-preview .leading-\[13\.5px\]{line-height:13.5px} #hh-food-trucks .figma-preview .leading-\[15px\]{line-height:15px} #hh-food-trucks .figma-preview .leading-\[16\.2px\]{line-height:16.2px} #hh-food-trucks .figma-preview .leading-\[16\.5px\]{line-height:16.5px} #hh-food-trucks .figma-preview .leading-\[17px\]{line-height:17px} #hh-food-trucks .figma-preview .leading-\[18px\]{line-height:18px} #hh-food-trucks .figma-preview .leading-\[19\.5px\]{line-height:19.5px} #hh-food-trucks .figma-preview .leading-\[20px\]{line-height:20px} #hh-food-trucks .figma-preview .leading-\[21px\]{line-height:21px} #hh-food-trucks .figma-preview .leading-\[24px\]{line-height:24px} #hh-food-trucks .figma-preview .leading-\[26px\]{line-height:26px} #hh-food-trucks .figma-preview .leading-\[27px\]{line-height:27px} #hh-food-trucks .figma-preview .leading-\[30px\]{line-height:30px} #hh-food-trucks .figma-preview .leading-\[35px\]{line-height:35px} #hh-food-trucks .figma-preview .leading-\[36px\]{line-height:36px} #hh-food-trucks .figma-preview .leading-\[42px\]{line-height:42px} #hh-food-trucks .figma-preview .leading-\[9\.45px\]{line-height:9.45px} #hh-food-trucks .figma-preview .leading-\[9px\]{line-height:9px} #hh-food-trucks .figma-preview .left-0{left:0} #hh-food-trucks .figma-preview .left-\[-0\.05px\]{left:-0.05px} #hh-food-trucks .figma-preview .left-\[-0\.06px\]{left:-0.06px} #hh-food-trucks .figma-preview .left-\[-0\.07px\]{left:-0.07px} #hh-food-trucks .figma-preview .left-\[-0\.08px\]{left:-0.08px} #hh-food-trucks .figma-preview .left-\[-0\.13px\]{left:-0.13px} #hh-food-trucks .figma-preview .left-\[-0\.15px\]{left:-0.15px} #hh-food-trucks .figma-preview .left-\[-0\.18px\]{left:-0.18px} #hh-food-trucks .figma-preview .left-\[-0\.19px\]{left:-0.19px} #hh-food-trucks .figma-preview .left-\[-0\.21px\]{left:-0.21px} #hh-food-trucks .figma-preview .left-\[-0\.23px\]{left:-0.23px} #hh-food-trucks .figma-preview .left-\[-0\.24px\]{left:-0.24px} #hh-food-trucks .figma-preview .left-\[-0\.2px\]{left:-0.2px} #hh-food-trucks .figma-preview .left-\[0\.01px\]{left:0.01px} #hh-food-trucks .figma-preview .left-\[0\.02px\]{left:0.02px} #hh-food-trucks .figma-preview .left-\[0\.03px\]{left:0.03px} #hh-food-trucks .figma-preview .left-\[0\.07px\]{left:0.07px} #hh-food-trucks .figma-preview .left-\[0\.09px\]{left:0.09px} #hh-food-trucks .figma-preview .left-\[0\.13px\]{left:0.13px} #hh-food-trucks .figma-preview .left-\[0\.14px\]{left:0.14px} #hh-food-trucks .figma-preview .left-\[0\.16px\]{left:0.16px} #hh-food-trucks .figma-preview .left-\[0\.22px\]{left:0.22px} #hh-food-trucks .figma-preview .left-\[0\.2px\]{left:0.2px} #hh-food-trucks .figma-preview .max-w-none{max-width:none} #hh-food-trucks .figma-preview .min-w-full{min-width:100%} #hh-food-trucks .figma-preview .min-w-px{min-width:1px} #hh-food-trucks .figma-preview .object-cover{object-fit:cover} #hh-food-trucks .figma-preview .overflow-clip{overflow:hidden} #hh-food-trucks .figma-preview .p-\[var\(--hh-space-12\,12px\)\]{padding:var(--hh-space-12,12px)} #hh-food-trucks .figma-preview .p-\[var\(--hh-space-16\,16px\)\]{padding:var(--hh-space-16,16px)} #hh-food-trucks .figma-preview .p-\[var\(--hh-space-24\,24px\)\]{padding:var(--hh-space-24,24px)} #hh-food-trucks .figma-preview .pb-\[2px\]{padding-bottom:2px} #hh-food-trucks .figma-preview .pb-\[3px\]{padding-bottom:3px} #hh-food-trucks .figma-preview .pointer-events-none{pointer-events:none} #hh-food-trucks .figma-preview .pt-\[12px\]{padding-top:12px} #hh-food-trucks .figma-preview .pt-\[8px\]{padding-top:8px} #hh-food-trucks .figma-preview .pt-px{padding-top:1px} #hh-food-trucks .figma-preview .px-\[10px\]{padding-left:10px;padding-right:10px} #hh-food-trucks .figma-preview .px-\[12px\]{padding-left:12px;padding-right:12px} #hh-food-trucks .figma-preview .px-\[13px\]{padding-left:13px;padding-right:13px} #hh-food-trucks .figma-preview .px-\[14px\]{padding-left:14px;padding-right:14px} #hh-food-trucks .figma-preview .px-\[16px\]{padding-left:16px;padding-right:16px} #hh-food-trucks .figma-preview .px-\[var\(--hh-space-12\,12px\)\]{padding-left:var(--hh-space-12,12px);padding-right:var(--hh-space-12,12px)} #hh-food-trucks .figma-preview .py-\[10px\]{padding-top:10px;padding-bottom:10px} #hh-food-trucks .figma-preview .py-\[11px\]{padding-top:11px;padding-bottom:11px} #hh-food-trucks .figma-preview .py-\[12px\]{padding-top:12px;padding-bottom:12px} #hh-food-trucks .figma-preview .py-\[18px\]{padding-top:18px;padding-bottom:18px} #hh-food-trucks .figma-preview .py-\[8px\]{padding-top:8px;padding-bottom:8px} #hh-food-trucks .figma-preview .py-\[9px\]{padding-top:9px;padding-bottom:9px} #hh-food-trucks .figma-preview .relative{position:relative} #hh-food-trucks .figma-preview .rounded-\[15\.5px\]{border-radius:15.5px} #hh-food-trucks .figma-preview .rounded-\[15px\]{border-radius:15px} #hh-food-trucks .figma-preview .rounded-\[16px\]{border-radius:16px} #hh-food-trucks .figma-preview .rounded-\[18px\]{border-radius:18px} #hh-food-trucks .figma-preview .rounded-\[38px\]{border-radius:38px} #hh-food-trucks .figma-preview .rounded-\[8px\]{border-radius:8px} #hh-food-trucks .figma-preview .rounded-\[999px\]{border-radius:999px} #hh-food-trucks .figma-preview .rounded-bl-\[12px\]{border-bottom-left-radius:12px} #hh-food-trucks .figma-preview .rounded-br-\[12px\]{border-bottom-right-radius:12px} #hh-food-trucks .figma-preview .row-1{grid-row-start:1} #hh-food-trucks .figma-preview .self-center{align-self:center} #hh-food-trucks .figma-preview .shadow-\[0px_28px_56px_0px_rgba\(49\,91\,45\,0\.18\)\]{box-shadow:0px 28px 56px 0px rgba(49,91,45,0.18)} #hh-food-trucks .figma-preview .shrink-0{flex-shrink:0} #hh-food-trucks .figma-preview .size-\[31px\]{width:31px;height:31px} #hh-food-trucks .figma-preview .size-\[36px\]{width:36px;height:36px} #hh-food-trucks .figma-preview .size-full{width:100%;height:100%} #hh-food-trucks .figma-preview .text-\[10px\]{font-size:10px} #hh-food-trucks .figma-preview .text-\[11px\]{font-size:11px} #hh-food-trucks .figma-preview .text-\[12px\]{font-size:12px} #hh-food-trucks .figma-preview .text-\[13px\]{font-size:13px} #hh-food-trucks .figma-preview .text-\[14px\]{font-size:14px} #hh-food-trucks .figma-preview .text-\[16px\]{font-size:16px} #hh-food-trucks .figma-preview .text-\[17px\]{font-size:17px} #hh-food-trucks .figma-preview .text-\[18px\]{font-size:18px} #hh-food-trucks .figma-preview .text-\[20px\]{font-size:20px} #hh-food-trucks .figma-preview .text-\[23px\]{font-size:23px} #hh-food-trucks .figma-preview .text-\[24px\]{font-size:24px} #hh-food-trucks .figma-preview .text-\[28px\]{font-size:28px} #hh-food-trucks .figma-preview .text-\[6px\]{font-size:6px} #hh-food-trucks .figma-preview .text-\[7px\]{font-size:7px} #hh-food-trucks .figma-preview .text-\[8px\]{font-size:8px} #hh-food-trucks .figma-preview .text-\[9px\]{font-size:9px} #hh-food-trucks .figma-preview .text-\[color\:var\(--hh-green\,\#315b2d\)\]{color:var(--hh-green,#315b2d)} #hh-food-trucks .figma-preview .text-\[color\:var\(--hh-matte-white\,\#fdfbfa\)\]{color:var(--hh-matte-white,#fdfbfa)} #hh-food-trucks .figma-preview .text-\[color\:var\(--hh-orange\,\#e37416\)\]{color:var(--hh-orange,#e37416)} #hh-food-trucks .figma-preview .text-left{text-align:left} #hh-food-trucks .figma-preview .top-0{top:0} #hh-food-trucks .figma-preview .top-\[-0\.78px\]{top:-0.78px} #hh-food-trucks .figma-preview .top-\[-8px\]{top:-8px} #hh-food-trucks .figma-preview .tracking-\[0\.48px\]{letter-spacing:0.48px} #hh-food-trucks .figma-preview .tracking-\[0\.56px\]{letter-spacing:0.56px} #hh-food-trucks .figma-preview .uppercase{text-transform:uppercase} #hh-food-trucks .figma-preview .w-\[105px\]{width:105px} #hh-food-trucks .figma-preview .w-\[107px\]{width:107px} #hh-food-trucks .figma-preview .w-\[109px\]{width:109px} #hh-food-trucks .figma-preview .w-\[1112px\]{width:1112px} #hh-food-trucks .figma-preview .w-\[112px\]{width:112px} #hh-food-trucks .figma-preview .w-\[113px\]{width:113px} #hh-food-trucks .figma-preview .w-\[114px\]{width:114px} #hh-food-trucks .figma-preview .w-\[115px\]{width:115px} #hh-food-trucks .figma-preview .w-\[1160px\]{width:1160px} #hh-food-trucks .figma-preview .w-\[119px\]{width:119px} #hh-food-trucks .figma-preview .w-\[120px\]{width:120px} #hh-food-trucks .figma-preview .w-\[126px\]{width:126px} #hh-food-trucks .figma-preview .w-\[127px\]{width:127px} #hh-food-trucks .figma-preview .w-\[128px\]{width:128px} #hh-food-trucks .figma-preview .w-\[131px\]{width:131px} #hh-food-trucks .figma-preview .w-\[133px\]{width:133px} #hh-food-trucks .figma-preview .w-\[136px\]{width:136px} #hh-food-trucks .figma-preview .w-\[137px\]{width:137px} #hh-food-trucks .figma-preview .w-\[139px\]{width:139px} #hh-food-trucks .figma-preview .w-\[140px\]{width:140px} #hh-food-trucks .figma-preview .w-\[141px\]{width:141px} #hh-food-trucks .figma-preview .w-\[146px\]{width:146px} #hh-food-trucks .figma-preview .w-\[148px\]{width:148px} #hh-food-trucks .figma-preview .w-\[149px\]{width:149px} #hh-food-trucks .figma-preview .w-\[150px\]{width:150px} #hh-food-trucks .figma-preview .w-\[151px\]{width:151px} #hh-food-trucks .figma-preview .w-\[152px\]{width:152px} #hh-food-trucks .figma-preview .w-\[154px\]{width:154px} #hh-food-trucks .figma-preview .w-\[161px\]{width:161px} #hh-food-trucks .figma-preview .w-\[162px\]{width:162px} #hh-food-trucks .figma-preview .w-\[163px\]{width:163px} #hh-food-trucks .figma-preview .w-\[164px\]{width:164px} #hh-food-trucks .figma-preview .w-\[167px\]{width:167px} #hh-food-trucks .figma-preview .w-\[170px\]{width:170px} #hh-food-trucks .figma-preview .w-\[173px\]{width:173px} #hh-food-trucks .figma-preview .w-\[176px\]{width:176px} #hh-food-trucks .figma-preview .w-\[178px\]{width:178px} #hh-food-trucks .figma-preview .w-\[179px\]{width:179px} #hh-food-trucks .figma-preview .w-\[180px\]{width:180px} #hh-food-trucks .figma-preview .w-\[185px\]{width:185px} #hh-food-trucks .figma-preview .w-\[190px\]{width:190px} #hh-food-trucks .figma-preview .w-\[193px\]{width:193px} #hh-food-trucks .figma-preview .w-\[194px\]{width:194px} #hh-food-trucks .figma-preview .w-\[202px\]{width:202px} #hh-food-trucks .figma-preview .w-\[204px\]{width:204px} #hh-food-trucks .figma-preview .w-\[205px\]{width:205px} #hh-food-trucks .figma-preview .w-\[210px\]{width:210px} #hh-food-trucks .figma-preview .w-\[211px\]{width:211px} #hh-food-trucks .figma-preview .w-\[220px\]{width:220px} #hh-food-trucks .figma-preview .w-\[228px\]{width:228px} #hh-food-trucks .figma-preview .w-\[230px\]{width:230px} #hh-food-trucks .figma-preview .w-\[260px\]{width:260px} #hh-food-trucks .figma-preview .w-\[280px\]{width:280px} #hh-food-trucks .figma-preview .w-\[284px\]{width:284px} #hh-food-trucks .figma-preview .w-\[288px\]{width:288px} #hh-food-trucks .figma-preview .w-\[300px\]{width:300px} #hh-food-trucks .figma-preview .w-\[320px\]{width:320px} #hh-food-trucks .figma-preview .w-\[328px\]{width:328px} #hh-food-trucks .figma-preview .w-\[329px\]{width:329px} #hh-food-trucks .figma-preview .w-\[345px\]{width:345px} #hh-food-trucks .figma-preview .w-\[352px\]{width:352px} #hh-food-trucks .figma-preview .w-\[360px\]{width:360px} #hh-food-trucks .figma-preview .w-\[54px\]{width:54px} #hh-food-trucks .figma-preview .w-\[59px\]{width:59px} #hh-food-trucks .figma-preview .w-\[61px\]{width:61px} #hh-food-trucks .figma-preview .w-\[63px\]{width:63px} #hh-food-trucks .figma-preview .w-\[65px\]{width:65px} #hh-food-trucks .figma-preview .w-\[69px\]{width:69px} #hh-food-trucks .figma-preview .w-\[71px\]{width:71px} #hh-food-trucks .figma-preview .w-\[72px\]{width:72px} #hh-food-trucks .figma-preview .w-\[78px\]{width:78px} #hh-food-trucks .figma-preview .w-\[808px\]{width:808px} #hh-food-trucks .figma-preview .w-\[83px\]{width:83px} #hh-food-trucks .figma-preview .w-\[88px\]{width:88px} #hh-food-trucks .figma-preview .w-\[89px\]{width:89px} #hh-food-trucks .figma-preview .w-\[91px\]{width:91px} #hh-food-trucks .figma-preview .w-\[93px\]{width:93px} #hh-food-trucks .figma-preview .w-\[95px\]{width:95px} #hh-food-trucks .figma-preview .w-\[96px\]{width:96px} #hh-food-trucks .figma-preview .w-\[97px\]{width:97px} #hh-food-trucks .figma-preview .w-\[min-content\]{width:min-content} #hh-food-trucks .figma-preview .w-full{width:100%} #hh-food-trucks .figma-preview .whitespace-nowrap{white-space:nowrap} #hh-food-trucks .figma-preview .whitespace-pre{white-space:pre} #hh-food-trucks .figma-preview .whitespace-pre-wrap{white-space:pre-wrap} @media(max-width:700px){ #hh-food-trucks .hh-desktop-preview{display:none} #hh-food-trucks .hh-mobile-preview{display:block} #hh-food-trucks .hh-figma-comparison{width:352px;max-width:100%} #hh-food-trucks .figma-preview .hh-preview-state>div{width:100%!important} #hh-food-trucks .figma-preview .hh-preview-state>div>div{max-width:100%} } #hh-food-trucks .hero.hh-section-0{padding-top:150px!important} @media(max-width:700px){ #hh-food-trucks .hero.hh-section-0{padding-top:170px!important} }