/* Vida Mariscos order-online page — complements the homepage stylesheet. */
html{scroll-behavior:smooth}#location-selection{scroll-margin-top:95px}
.order-page{background:#f8f6f1}.order-hero{background:radial-gradient(circle at 85% 45%,#126a7f 0,#06435a 45%,#052c3e 83%);color:#fff;overflow:hidden;position:relative}.order-hero:after{content:"";position:absolute;bottom:-50px;left:-6%;width:112%;height:90px;background:#f8f6f1;transform:rotate(-1.8deg);pointer-events:none}.order-hero-inner{min-height:540px;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:55px;padding:65px 0 92px}.order-hero h1{font:900 clamp(76px,8vw,132px)/.88 var(--display),Impact,sans-serif;letter-spacing:-.035em;margin:32px 0}.order-hero h1 em{font:italic clamp(70px,7.6vw,118px)/1 Georgia,serif;color:var(--yellow);display:block;font-weight:500;letter-spacing:-.065em}.order-hero p{font-size:17px;line-height:1.7;color:#deeff0;max-width:570px;margin:0 0 33px}.order-hero-art{position:relative;aspect-ratio:1/1;max-width:470px;margin:0 auto;width:100%;border:13px solid #87d4de;border-radius:50%;box-shadow:0 20px 60px #06202c55;transform:rotate(3deg)}.order-hero-art img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.order-round-seal{position:absolute;left:-55px;bottom:9%;width:135px;height:135px;background:var(--yellow);border:2px dashed #073c52;outline:6px solid var(--yellow);border-radius:50%;color:var(--deep);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:1px;font-size:10px;line-height:1.25;letter-spacing:.08em;font-weight:900;transform:rotate(-15deg)}.order-round-seal b{font-size:32px;font-weight:400}
.order-choose{padding-top:90px;padding-bottom:105px}.order-intro{max-width:900px;margin:0 auto 50px;text-align:center}.order-intro .eyebrow{justify-content:center}.order-intro h2{font:900 clamp(49px,6.2vw,88px)/1 var(--display),Impact,sans-serif;letter-spacing:-.035em;color:var(--deep);margin:22px 0}.order-intro h2 em{font:italic clamp(49px,6.2vw,88px)/1 Georgia,serif;color:#008aa1;font-weight:400}.order-intro p{font-size:16px;line-height:1.7;color:#50707b;max-width:700px;margin:0 auto}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.order-location{display:grid;grid-template-columns:44% 56%;background:#fff;box-shadow:0 12px 38px #052e3b14;min-height:360px;overflow:hidden;border:1px solid #d9e9e9;transition:transform .2s,box-shadow .2s}.order-location:hover{transform:translateY(-3px);box-shadow:0 18px 44px #052e3b25}.order-location-photo{position:relative;min-height:100%;overflow:hidden;background:#98d3e7}.order-location-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.order-location-number{position:absolute;left:19px;top:18px;padding:10px 13px;background:#073c52;color:#fff;font-size:11px;font-weight:900;letter-spacing:.14em}.order-location-content{padding:31px 28px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.order-location-eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;color:#0b8a9f}.order-location-content h2{font:900 clamp(34px,3.4vw,49px)/1 var(--display),Impact,sans-serif;color:var(--deep);margin:15px 0}.order-location-content>p{font-size:13px;line-height:1.65;color:#546b73;margin:0 0 15px}.order-fulfillment{font-size:10px;font-weight:900;letter-spacing:.07em;color:#0b8593;margin:0 0 16px}.order-primary{width:100%;font-size:11px;gap:6px;margin-top:auto;padding:13px 12px;min-height:50px;white-space:nowrap;justify-content:space-between}.order-card-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;width:100%;align-items:center;margin-top:15px;font-size:10px}.order-card-bottom>span{color:#6c8187}.order-card-bottom>a{color:#006c86;font-weight:900;text-decoration:underline;text-underline-offset:3px}.order-card-bottom>a:hover{color:#003d58}.order-note{margin:25px auto 0;display:flex;gap:16px;align-items:flex-start;max-width:900px;color:#4a6670;font-size:12px;line-height:1.75}.order-note span{font-size:25px;color:#f2ad00}.order-note p{margin:0}.order-help{background:#08384b;color:white;padding:65px 0}.order-help-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.order-help h2{font:900 clamp(35px,4vw,55px)/1.1 var(--display),Impact,sans-serif;margin:20px 0 15px}.order-help h2 em{font:italic 1em Georgia,serif;color:var(--yellow);font-weight:400}.order-help p{color:#cce4e8;line-height:1.6;max-width:600px;margin:0}.order-page .btn:focus-visible,.order-page a:focus-visible,.order-page button:focus-visible{outline:3px solid #ec9f04;outline-offset:4px}
@media(max-width:1180px){.order-grid{grid-template-columns:1fr 1fr;gap:16px}.order-location{grid-template-columns:1fr;min-height:0}.order-location-photo{height:220px;min-height:220px}.order-location-content{min-height:270px}.order-hero-inner{min-height:490px;gap:35px}}
@media(max-width:730px){.order-hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:65px 0 95px}.order-hero h1{font-size:clamp(65px,15vw,100px)}.order-hero h1 em{font-size:clamp(68px,14vw,94px)}.order-hero-art{max-width:360px;width:82%;margin-left:auto;margin-right:auto}.order-round-seal{width:100px;height:100px;left:-22px;font-size:8px}.order-round-seal b{font-size:24px}.order-grid{grid-template-columns:1fr;gap:17px}.order-location{display:grid;grid-template-columns:1fr;}.order-location-photo{height:245px;min-height:245px}.order-location-content{padding:25px;min-height:0}.order-location-content h2{font-size:43px}.order-primary{margin-top:3px}.order-help-inner{flex-direction:column;align-items:flex-start}.order-help-inner .btn{width:100%}.order-choose{padding-top:65px;padding-bottom:80px}.order-intro h2,.order-intro h2 em{font-size:clamp(51px,11.5vw,77px)}}
@media(max-width:390px){.order-hero h1{font-size:60px}.order-hero h1 em{font-size:64px}.order-location-photo{height:210px;min-height:210px}.order-location-content{padding:20px}.order-primary{font-size:10px}}
@media(prefers-reduced-motion:reduce){.order-location{transition:none}html{scroll-behavior:auto}}
