@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
.hop{--ink:#251f1b;--cream:#fffaf2;--paper:#f6efe3;--red:#bd3523;--gold:#e6a85a;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.5;overflow:hidden;isolation:isolate}.hop *{box-sizing:border-box}.hop h1,.hop h2,.hop h3,.hop p{margin:0}.hop a{text-decoration:none;color:inherit}.hop button,.hop input,.hop select,.hop textarea{font:inherit}.hop button{cursor:pointer}.hop :focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hop h1,.hop h2,.hop h3,.hop-brand{font-family:Outfit,Arial,sans-serif}.hop em{font-style:normal;color:var(--red)}.hop-nav{height:90px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:var(--cream);gap:24px;position:relative;z-index:2}.hop-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;line-height:.9;letter-spacing:-1.4px;white-space:nowrap}.hop-brand em{font-size:.62em;letter-spacing:-.04em}.hop-brand small{font:700 9px/1.5 'DM Sans',sans-serif;letter-spacing:2px;display:block;margin-top:7px}.hop-brand-icon{display:grid;place-items:center;border:2px solid var(--red);color:var(--red);border-radius:50%;width:40px;height:40px;font-size:23px}.hop-nav nav{display:flex;gap:36px;font-size:13px;font-weight:700}.hop-nav nav a:hover,.hop-footer a:hover{color:var(--red)}.hop-nav-cta{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding:8px 0}.hop-nav-cta span{margin-left:14px}.hop-hero{display:grid;grid-template-columns:52% 48%;min-height:650px;position:relative;background:#f7f0e4}.hop-hero-copy{padding:90px 4vw 48px max(7vw,30px);display:flex;flex-direction:column;align-items:flex-start}.hop-eyebrow,.hop-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--red)}.hop-eyebrow{display:flex;align-items:center;gap:10px}.hop-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.hop-hero h1{font-size:clamp(48px,6.1vw,100px);line-height:.98;letter-spacing:-.065em;margin:31px 0 23px;font-weight:800}.hop-hero-copy>p{max-width:400px;color:#74685e;font-size:16px}.hop-actions{display:flex;align-items:center;gap:12px;margin-top:33px;flex-wrap:wrap}.hop-btn{border:0;min-height:52px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-weight:800;font-size:13px;border-radius:3px;transition:transform .2s,background .2s}.hop-btn:hover{transform:translateY(-2px)}.hop-btn-primary{background:var(--red);color:#fff!important}.hop-btn-primary:hover{background:#9e2618}.hop-btn-light{background:transparent;color:var(--ink)!important;border:1px solid #d4c7b6}.hop-btn-white{background:#fff;color:var(--red)!important}.hop-hero-meta{display:flex;gap:29px;margin-top:auto;padding-top:50px;color:#6c6058;font-size:11px;font-weight:600;flex-wrap:wrap}.hop-hero-meta b{color:var(--red);margin-right:7px}.hop-hero-art{position:relative;background:radial-gradient(circle at 55% 45%,#db6950,#ba3725 56%,#9f2a1e);display:grid;place-items:center;min-height:570px;overflow:hidden}.hop-hero-art:before,.hop-hero-art:after{content:'';position:absolute;border:1px solid #ffffff33;border-radius:50%;width:88%;aspect-ratio:1}.hop-hero-art:after{width:110%}.hop-pizza{width:min(69%,480px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 47% 43%,#ffdb8b 0 45%,#e6923b 62%,#b46329 68%,#db9953 73%,#f5c279 78%,#9d4628 83%);box-shadow:0 30px 70px #3b100e88,inset -20px -15px 35px #7b321b66;position:relative;transform:rotate(-15deg);z-index:1}.hop-pizza:before{content:'';position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#e23427 0 3%,transparent 4%),radial-gradient(circle at 65% 70%,#cf3323 0 4%,transparent 5%),radial-gradient(circle at 60% 28%,#b72b1e 0 6%,transparent 7%),radial-gradient(circle at 30% 70%,#c63123 0 7%,transparent 8%),repeating-conic-gradient(from 25deg,#e9af58 0 17deg,#f6ca76 18deg 43deg);filter:blur(1px)}.hop-pizza i{position:absolute;display:block;width:16%;aspect-ratio:1;border-radius:50%;background:#b93b2d;box-shadow:inset -4px -5px 7px #832315,2px 4px 5px #a62d1d66;z-index:1}.hop-pizza i:nth-child(1){top:24%;left:36%}.hop-pizza i:nth-child(2){top:35%;left:67%}.hop-pizza i:nth-child(3){top:60%;left:20%}.hop-pizza i:nth-child(4){top:68%;left:53%}.hop-pizza i:nth-child(5){top:44%;left:37%}.hop-pizza i:nth-child(6){top:18%;left:57%}.hop-pizza i:nth-child(7){top:54%;left:73%}.hop-pizza i:nth-child(8){top:75%;left:39%}.hop-pizza i:nth-child(9){top:39%;left:17%}.hop-stamp{position:absolute;z-index:2;right:6%;bottom:10%;width:112px;height:112px;border-radius:50%;background:#f9e9cd;transform:rotate(13deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;font-weight:800;line-height:1.25;letter-spacing:1px;box-shadow:0 6px 20px #4b1c1444}.hop-stamp strong{font-size:23px;color:var(--red)}.hop-hero-side{position:absolute;right:15px;top:50%;writing-mode:vertical-rl;font-size:10px;font-weight:800;letter-spacing:2px;color:#fff9}.hop-ticker{background:#25211d;color:#fff;padding:14px 0;display:flex;white-space:nowrap;justify-content:space-around;gap:30px;font-size:11px;font-weight:800;letter-spacing:2.3px}.hop-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;padding:115px max(7vw,30px)}.hop-intro h2,.hop-section-head h2,.hop-banner h2{font-size:clamp(38px,4.4vw,66px);line-height:1.08;letter-spacing:-.055em;margin-top:18px}.hop-intro>div:nth-child(2){padding-top:43px;max-width:390px}.hop-intro p{color:#73675e;font-size:16px;line-height:1.8}.hop-text-link{display:inline-block;color:var(--red)!important;font-size:13px;font-weight:800;border-bottom:1px solid var(--red);margin-top:25px;padding-bottom:5px}.hop-text-link span{margin-left:20px}.hop-menu{background:var(--paper);padding:100px max(7vw,30px) 115px;scroll-margin-top:10px}.hop-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.hop-section-head>p{color:#73675e;max-width:275px;font-size:14px;line-height:1.7;padding-bottom:6px}.hop-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dcd1c2;margin:45px 0 32px}.hop-tabs{display:flex;gap:25px;overflow-x:auto;white-space:nowrap}.hop-tabs button{border:0;background:transparent;padding:14px 0;font-size:13px;font-weight:800;color:#75685c;position:relative}.hop-tabs button.is-active{color:var(--red)}.hop-tabs button.is-active:after{content:'';height:3px;background:var(--red);bottom:0;left:0;right:0;position:absolute}.hop-search{display:flex;align-items:center;gap:8px;border:1px solid #ded2c3;background:#fff;border-radius:3px;padding:6px 12px;margin-bottom:6px}.hop-search span{font-size:25px;line-height:1}.hop-search input{border:0!important;outline:0;background:transparent!important;box-shadow:none!important;width:165px;font-size:12px;color:var(--ink);padding:4px!important}.hop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.hop-card{background:#fff;border:1px solid #e9dfd1;box-shadow:0 10px 30px #5a35170a;transition:transform .2s}.hop-card:hover{transform:translateY(-4px)}.hop-card-visual{height:220px;background:#e9d5bb;position:relative;overflow:hidden}.hop-card-visual img{width:100%;height:100%;object-fit:cover}.hop-card-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#f6d999 0 18%,#d78346 19% 24%,#d14f37 25% 31%,#f5e7cf 32%)}.hop-card-placeholder span{font-size:70px;color:#fff9;transform:rotate(-15deg)}.hop-badge{position:absolute;top:14px;left:14px;background:var(--red);color:#fff;padding:5px 10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.hop-card-body{padding:24px}.hop-card-category{text-transform:uppercase;color:var(--red);font-size:10px;letter-spacing:1.6px;font-weight:800}.hop-card h3{font-size:22px;margin:8px 0;line-height:1.15;letter-spacing:-.03em}.hop-card-desc{color:#7d7168;font-size:13px;line-height:1.6;min-height:43px}.hop-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ede5db;padding-top:17px;margin-top:18px}.hop-card-bottom strong{font-size:18px}.hop-add{width:38px;height:38px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:24px;line-height:1}.hop-add:hover{background:#952518}.hop-empty{grid-column:1/-1;text-align:center;padding:65px 20px;background:#fff}.hop-empty>span{color:var(--red);font-size:30px}.hop-empty h3{font-size:29px;margin:5px 0 10px}.hop-empty p{max-width:440px;margin:0 auto 23px;color:#75675c}.hop-empty .hop-admin-hint{font-size:12px;margin-top:24px;color:#999}.hop-no-results{text-align:center;padding:30px}.hop-banner{min-height:420px;display:flex;align-items:center;justify-content:space-between;background:var(--red);color:#fff;padding:70px max(7vw,30px);overflow:hidden}.hop-banner .hop-kicker{color:#ffd4b9}.hop-banner h2{margin:18px 0}.hop-banner h2 em{color:#ffd1a1}.hop-banner p{margin-bottom:25px;color:#ffe5d9}.hop-banner-mark{font:800 clamp(180px,25vw,380px)/1 Outfit,Arial,sans-serif;color:#ffffff19;letter-spacing:-.12em;white-space:nowrap}.hop-banner-mark span{font-size:.38em;vertical-align:middle}.hop-footer{background:#211e1b;color:#fff;display:grid;grid-template-columns:1.5fr 1fr 1fr;column-gap:60px;padding:75px max(7vw,30px) 25px}.hop-brand-footer{font-size:22px}.hop-footer>div>p{color:#b0a49a;font-size:13px;margin-top:18px;line-height:1.6}.hop-footer h3{font-size:15px;margin-bottom:15px}.hop-footer a:not(.hop-brand){font-size:14px}.hop-footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff24;margin-top:60px;padding-top:20px;display:flex;justify-content:space-between;color:#a99e96;font-size:11px}.hop-cart-fab{position:fixed;z-index:9998;bottom:24px;right:24px;background:var(--red);color:#fff;border:0;border-radius:50px;box-shadow:0 12px 35px #52190d66;padding:15px 20px;font-weight:800}.hop-cart-fab span:nth-child(1){background:#fff;color:var(--red);padding:2px 8px;border-radius:30px;margin-left:10px}.hop-cart-fab span:nth-child(2){margin-left:16px}.hop-backdrop,.hop-modal-backdrop{position:fixed;inset:0;background:#160e0cb3;z-index:9999}.hop-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,100vw);background:#fff;z-index:10000;transform:translateX(110%);transition:transform .25s;display:flex;flex-direction:column;box-shadow:-20px 0 50px #2a160b44}.hop-drawer.is-open{transform:translateX(0)}.hop-drawer-head{padding:30px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #eee}.hop-drawer-head h2{font-size:30px}.hop-drawer-head button,.hop-modal-close{background:transparent;border:0;font-size:32px;line-height:1}.hop-cart-items{padding:15px 30px;overflow-y:auto;flex:1}.hop-cart-item{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eee;padding:19px 0}.hop-cart-item h3{font-size:17px;margin-bottom:3px}.hop-cart-item span{font-size:13px;color:#76675a}.hop-cart-controls{display:flex;align-items:center;gap:8px;align-self:center}.hop-cart-controls button{border:1px solid #ddd;background:#fff;width:26px;height:26px;line-height:1}.hop-cart-empty{color:#76675a;margin-top:35px}.hop-drawer-bottom{padding:23px 30px 32px;border-top:1px solid #eee}.hop-total{display:flex;justify-content:space-between;font-size:17px;font-weight:700}.hop-drawer-bottom small{display:block;color:#8b8178;line-height:1.45;margin:10px 0 20px}.hop-full{width:100%;justify-content:center}.hop-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hop-orders-off{font-size:13px;line-height:1.5;color:var(--red);margin-top:14px}.hop-orders-off a{text-decoration:underline}.hop-modal-backdrop{z-index:10001;display:grid;place-items:center;overflow:auto;padding:20px}.hop-modal{position:relative;background:var(--cream);padding:35px;width:min(500px,100%);max-height:calc(100vh - 40px);overflow:auto}.hop-modal-close{position:absolute;right:22px;top:20px}.hop-modal h2{font-size:30px;margin:8px 0 23px}.hop-modal form{display:grid;gap:14px}.hop-modal label{display:grid;gap:5px;font-size:12px;font-weight:800}.hop-modal input,.hop-modal textarea,.hop-modal select{width:100%;border:1px solid #d8cbbd;background:#fff;color:#251f1b;padding:10px;border-radius:2px;font-size:14px}.hop-form-note,.hop-feedback{font-size:12px;color:#73675e;line-height:1.5}.hop-feedback{color:var(--red);font-weight:700}.hop-lock{overflow:hidden}#hop-modal[hidden],#hop-backdrop[hidden],#hop-cart-toggle[hidden],#hop-no-results[hidden],#hop-orders-off[hidden],#hop-address-wrap[hidden]{display:none!important}
@media(max-width:1000px){.hop-nav nav{gap:17px}.hop-hero-copy{padding-top:75px}.hop-hero-meta{gap:10px}.hop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hop-banner-mark{font-size:230px}}
@media(max-width:700px){.hop-nav{height:73px;padding:0 20px}.hop-nav nav{display:none}.hop-nav-cta{font-size:12px}.hop-brand{font-size:18px}.hop-brand-icon{width:33px;height:33px}.hop-brand small{font-size:7px}.hop-hero{display:flex;flex-direction:column}.hop-hero-copy{padding:63px 24px 35px;min-height:480px}.hop-hero h1{font-size:clamp(51px,12vw,76px)}.hop-hero-art{min-height:360px}.hop-pizza{width:285px}.hop-stamp{width:80px;height:80px;font-size:7px}.hop-hero-side{display:none}.hop-hero-meta{padding-top:45px}.hop-ticker{font-size:9px;justify-content:flex-start}.hop-intro{display:block;padding:75px 24px}.hop-intro>div:nth-child(2){padding-top:23px}.hop-menu{padding:75px 20px}.hop-section-head{display:block}.hop-section-head>p{margin-top:18px}.hop-controls{display:block}.hop-tabs{gap:21px}.hop-search{margin:12px 0}.hop-search input{width:100%}.hop-grid{grid-template-columns:1fr}.hop-card-visual{height:230px}.hop-banner{min-height:350px;padding:65px 24px}.hop-banner-mark{display:none}.hop-footer{padding:65px 24px 25px;grid-template-columns:1fr;row-gap:36px}.hop-footer-bottom{margin-top:10px}.hop-cart-fab{right:15px;bottom:15px}.hop-modal{padding:26px}.hop-nav-cta span{margin-left:3px}}
@media(prefers-reduced-motion:reduce){.hop *{scroll-behavior:auto!important;transition:none!important}}
.hop{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
.hop-page{margin:0!important}
#hop-config-modal[hidden]{display:none!important}
/* 1.1 — odświeżony wygląd i konfigurator */
.hop{--ink:#20201e;--cream:#fbfaf7;--paper:#f3f0e9;--red:#d4492d;--gold:#efb35f}
.hop-nav{background:#fff;border-bottom:1px solid #eee8df}
.hop-nav-cta{background:var(--ink);color:#fff!important;border:0;padding:12px 18px;border-radius:40px}
.hop-hero{background:#252520;color:#fff;min-height:620px}
.hop-hero-copy>p,.hop-hero-meta{color:#e3dcd0}
.hop-hero h1 em{color:#f6ac75}
.hop-hero-art{background:radial-gradient(circle at 50% 42%,#e77846,#bc3e29 65%,#8d2a20)}
.hop-btn{border-radius:40px}
.hop-btn-light{color:#fff!important;border-color:#ffffff65}
.hop-menu{background:#f6f4ef}
.hop-card{border-radius:18px;overflow:hidden;border:1px solid #e9e5de;box-shadow:0 14px 35px #1a17100b}
.hop-card-visual{height:240px}
.hop-card-body{padding:25px}
.hop-add{min-width:40px;width:auto;height:40px;padding:0 12px;font-size:22px;border-radius:24px}
.hop-add-config{font-size:12px;font-weight:800;padding:0 18px}
.hop-search,.hop-modal input,.hop-modal textarea,.hop-modal select{border-radius:10px}
.hop-drawer{border-radius:24px 0 0 24px}
.hop-cart-detail{font-size:12px;color:#736c64;line-height:1.5;max-width:255px;margin:4px 0!important}
.hop-cart-item strong{font-size:13px}
.hop-config-modal{width:min(650px,100%);border-radius:22px;padding:37px 40px;background:#fff}
.hop-config-modal h2{font-size:36px;letter-spacing:-.045em;margin-bottom:5px}
.hop-config-description{color:#80776e;font-size:14px;margin-bottom:22px!important}
.hop-config-field{border:0;border-top:1px solid #e8e1d8;padding:18px 0 20px;margin:0;min-width:0}
.hop-config-field legend{font:800 12px 'DM Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;padding:0 10px 0 0;color:#8c7769}
.hop-choice-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}
.hop-choice{position:relative;cursor:pointer}
.hop-choice input{position:absolute;opacity:0;width:1px;height:1px}
.hop-choice span{display:block;border:1px solid #ded7ce;border-radius:12px;padding:11px 15px;font-size:13px;font-weight:700;background:#faf9f6}
.hop-choice input:checked+span{background:#fff0e9;color:#a62e1c;border-color:#da6a51;box-shadow:0 0 0 1px #da6a51}
.hop-choice input:focus-visible+span{outline:3px solid var(--gold)}
.hop-half-select{width:100%;padding:12px 14px;border:1px solid #ded7ce;border-radius:10px;background:#faf9f6;font-size:14px;color:var(--ink);margin-top:4px}
.hop-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}
.hop-extra{display:flex!important;align-items:center;gap:10px;border:1px solid #e4ddd4;border-radius:10px;padding:11px 12px;background:#faf9f6;cursor:pointer;font-size:13px!important;font-weight:600!important}
.hop-extra:has(input:checked){background:#fff0e9;border-color:#da6a51}
.hop-extra input{width:16px!important;height:16px;accent-color:var(--red)}
.hop-extra strong{margin-left:auto;white-space:nowrap;color:var(--red)}
.hop-config-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid #e8e1d8}
.hop-config-bottom>div{display:grid;gap:2px}.hop-config-bottom span{color:#81766d;font-size:12px}.hop-config-bottom strong{font:800 25px Outfit,sans-serif}
@media(max-width:700px){.hop-hero{min-height:0}.hop-hero-copy{min-height:470px}.hop-config-modal{padding:25px 20px;border-radius:17px}.hop-config-modal h2{font-size:28px}.hop-extra-grid{grid-template-columns:1fr}.hop-config-bottom{align-items:stretch;flex-direction:column}.hop-config-bottom .hop-btn{width:100%;justify-content:center}.hop-card-visual{height:225px}}
/* Logo oraz grafiki z aktualnej witryny lokalu */
.hop{--red:#f04e23;--gold:#f4a51d}
.hop-nav{background:#11111f;border-color:#232334;color:#fff}
.hop-brand img{display:block;width:200px;height:auto;max-width:100%}
.hop-nav nav a:hover{color:#ffad22}
.hop-nav-cta{background:#f04e23;color:#fff!important}
.hop-hero{background:#11111f}
.hop-hero h1 em{color:#ffab19}
.hop-hero-art{background:radial-gradient(circle at 48% 44%,#ffae3f 0%,#e55a2e 32%,#9d301f 76%,#722018 100%)}
.hop-hero-photo{display:block;width:min(95%,620px);height:auto;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 24px 25px #3b130b88);transform:rotate(-7deg)}
.hop-card-site-photo{background:radial-gradient(circle,#fbd1a6,#e56a39 75%)}
.hop-card-site-photo img{object-fit:contain;padding:14px;filter:drop-shadow(0 10px 12px #79321b55)}
.hop-hero-art:before,.hop-hero-art:after{border-color:#ffffff2d}
.hop-stamp{right:8%;bottom:12%}
.hop-intro{position:relative;overflow:hidden;min-height:450px;align-items:start}
.hop-intro>div:first-child{position:relative;min-height:310px}
.hop-slices{position:absolute;right:3%;top:160px;width:190px;height:auto;opacity:.88;transform:rotate(10deg);pointer-events:none}
.hop-footer{background:#11111f}
.hop-footer .hop-brand img{width:210px}
.hop-footer h3{color:#ffad22}
@media(max-width:1000px){.hop-slices{width:140px;right:-20px;top:190px}}
@media(max-width:700px){.hop-nav{height:76px}.hop-brand img{width:145px}.hop-hero-photo{width:min(92%,470px)}.hop-hero-art{min-height:330px}.hop-intro{min-height:0}.hop-intro>div:first-child{min-height:245px}.hop-slices{width:125px;top:136px;right:0}.hop-footer .hop-brand img{width:175px}}
.hop-feedback a{display:inline-block;color:#9e2618;text-decoration:underline;font-weight:800;padding:6px 0}
.hop-order-summary{padding:15px;border-radius:12px;background:#fff8ec;border:1px solid #e7d9c5;display:grid;gap:7px;font-size:13px}.hop-order-summary strong:last-child{border-top:1px solid #dfcfba;padding-top:9px;font-size:16px}.hop-modal input,.hop-modal select,.hop-modal textarea{max-width:100%}
.hop-upsell-modal{max-width:620px}.hop-upsell-modal>p{margin:0 0 18px;color:#625c57}.hop-upsell-items{display:grid;gap:10px;max-height:48vh;overflow:auto}.hop-upsell-item{display:flex;align-items:center;gap:14px;background:#fff8ed;border:1px solid #ead9c4;border-radius:15px;padding:10px}.hop-upsell-item img{width:66px;height:66px;object-fit:cover;border-radius:10px}.hop-upsell-info{display:grid;gap:5px;min-width:0;flex:1}.hop-upsell-info strong{font-size:15px}.hop-upsell-info span,.hop-upsell-info select{font-size:13px}.hop-upsell-add{background:#ffad22;border:0;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer;white-space:nowrap}.hop-upsell-footer{display:grid;gap:10px;margin-top:18px}.hop-upsell-skip{border:0;background:transparent;text-decoration:underline;cursor:pointer;padding:9px;font:inherit;color:#625c57}@media(max-width:600px){.hop-upsell-modal{width:calc(100vw - 24px);max-height:90dvh;overflow:auto}.hop-upsell-item{gap:9px}.hop-upsell-item img{width:52px;height:52px}.hop-upsell-add{padding:9px}}
.hop-upsell-group{margin:0 0 18px}.hop-upsell-group h3{font-size:18px;margin:0 0 10px}.hop-upsell-group-items{display:grid;gap:9px}.hop-upsell-modal{max-height:90dvh;overflow:auto}.hop-upsell-items{max-height:min(48vh,480px)}
.hop-portion-label{display:grid;gap:8px;font-weight:700}.hop-portion-label select{width:100%;padding:12px;border:1px solid #dfcfba;border-radius:9px;background:#fff}
#hop-upsell-modal[hidden]{display:none!important}
#hop-order-form #hop-phone-help{display:block;margin:5px 0 0;font-size:12px;line-height:1.4;color:#716960}#hop-order-form #hop-phone-label{font-weight:700}

.hop-delivery-fields{display:grid;gap:12px;padding:15px;border:1px solid #e2d5c3;border-radius:12px;background:#fffaf2}.hop-delivery-fields h3{margin:0;font-size:17px}.hop-delivery-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.hop-delivery-row{grid-template-columns:1fr}}

.hop-allergen-note{max-width:1100px;margin:34px auto 0;color:#766c63;font-size:13px;line-height:1.55}

.hop-choice input:disabled+span{opacity:.48;cursor:not-allowed;background:#eee9e2}.hop-choice:has(input:disabled){cursor:not-allowed}