:root { --ink:#171712; --ink-soft:#2a2a21; --cream:#f5f0e5; --paper:#fcf8ef; --yellow:#f6c913; --orange:#e95a21; --green:#7b8a43; --line:rgba(23,23,18,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; overflow-x:hidden; }
body.menu-open { overflow:hidden; }
.page-grain { position:fixed; z-index:20; inset:0; pointer-events:none; opacity:.08; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); }
.cursor-glow { position:fixed; z-index:15; height:280px; width:280px; pointer-events:none; border-radius:50%; background:radial-gradient(circle,rgba(246,201,19,.14),transparent 65%); transform:translate(-50%,-50%); left:-300px; top:-300px; mix-blend-mode:multiply; }
a { color:inherit; text-decoration:none; }
.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,5vw,80px); position:absolute; top:0; inset-inline:0; z-index:10; color:var(--cream); }
.brand { display:flex; align-items:center; gap:10px; }
.brand-mark { display:grid; place-items:center; width:47px; height:47px; overflow:hidden; border-radius:50%; background:var(--yellow); border:2px solid var(--yellow); color:var(--ink); flex:none; }
.brand-mark img { width:100%; height:100%; object-fit:cover; }
.brand-fallback { display:grid; place-items:center; height:100%; width:100%; font-family:"Bebas Neue",sans-serif; letter-spacing:-.04em; font-size:24px; background:var(--yellow); }
.brand-mark img + .brand-fallback { display:none; }
.brand-type { display:grid; line-height:.76; gap:3px; color:inherit; }
.brand-type strong { letter-spacing:.05em; font-size:15px; font-weight:700; }
.brand-type em { color:var(--yellow); font-family:"Playfair Display",serif; font-size:19px; }
.desktop-nav { display:flex; gap:clamp(18px,2.6vw,43px); margin-left:90px; font-size:13px; font-weight:600; }
.desktop-nav a { opacity:.74; transition:opacity .2s; }.desktop-nav a:hover { opacity:1; color:var(--yellow); }
.header-cta { font-weight:700; font-size:13px; display:flex; gap:10px; align-items:center; }.header-cta span { color:var(--yellow); font-size:19px; }.menu-toggle { display:none; }
.hero { position:relative; min-height:790px; padding:160px clamp(24px,9vw,160px) 95px; color:var(--cream); display:grid; grid-template-columns:minmax(340px,.9fr) minmax(420px,.9fr); align-items:center; gap:6vw; overflow:hidden; background:var(--ink); }
.hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 77% 40%,rgba(246,201,19,.22),transparent 22%),radial-gradient(circle at 11% 89%,rgba(233,90,33,.18),transparent 24%),linear-gradient(120deg,#10110e 0%,#1e1c14 49%,#13140f 100%); }.hero::after { content:""; position:absolute; width:80vw; height:1px; background:rgba(246,201,19,.24); transform:rotate(-31deg); right:-33vw; bottom:8vw; }
.hero-copy,.hero-visual { position:relative; z-index:1; }.eyebrow { display:flex; align-items:center; gap:10px; font-weight:700; font-size:11px; letter-spacing:.18em; text-transform:uppercase; margin:0 0 19px; }.eyebrow span { height:7px; width:7px; border-radius:50%; background:var(--yellow); box-shadow:0 0 0 5px rgba(246,201,19,.12); }
.hero h1,.section-heading h2,.morning-copy h2,.visit-copy h2 { letter-spacing:-.06em; font-family:"Playfair Display",serif; font-size:clamp(48px,6.05vw,92px); line-height:.94; margin:0; font-weight:800; }.hero h1 i,.section-heading h2 i,.morning-copy h2 i,.visit-copy h2 i { color:var(--yellow); font-weight:700; }
.hero-description { color:rgba(245,240,229,.72); max-width:430px; line-height:1.7; font-size:15px; margin:27px 0 30px; }.hero-actions { display:flex; align-items:center; gap:23px; }.button { display:inline-flex; justify-content:center; align-items:center; gap:20px; font-weight:700; font-size:13px; }.button-primary { padding:15px 18px 15px 22px; color:var(--ink); background:var(--yellow); border-radius:2px; transition:transform .2s,background .2s; }.button-primary:hover { background:#ffe05e; transform:translateY(-3px); }.button-primary span { font-size:18px; }.button-text { color:var(--cream); }.button-text span { color:var(--yellow); font-size:19px; transition:transform .2s; }.button-text:hover span,.inline-link:hover span { transform:translateX(5px); }
.hero-proof { display:flex; align-items:center; gap:11px; margin-top:54px; font-size:11px; line-height:1.5; color:rgba(245,240,229,.6); }.hero-proof strong { color:var(--cream); }.proof-avatars { display:flex; padding-left:7px; }.proof-avatars span { width:27px; height:27px; display:grid; place-items:center; margin-left:-7px; background:#42432a; border:2px solid var(--ink); border-radius:50%; font-size:11px; }.proof-avatars span:nth-child(2) { background:var(--orange); }.proof-avatars span:nth-child(3) { background:var(--yellow); color:var(--ink); }
.hero-visual { min-height:485px; display:grid; place-items:center; }.hero-image-wrap { position:relative; z-index:2; height:min(35vw,510px); width:min(35vw,510px); min-height:360px; min-width:360px; padding:12px; border:1px solid rgba(246,201,19,.4); background:#0a0a08; border-radius:50%; box-shadow:0 25px 55px rgba(0,0,0,.46); overflow:hidden; }.hero-image-wrap::before { content:""; position:absolute; z-index:2; inset:9px; pointer-events:none; border:3px solid var(--yellow); border-radius:50%; }.hero-logo-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }.hero-logo-fallback { display:none; position:absolute; inset:0; padding:18% 7%; text-align:center; place-content:center; background:radial-gradient(ellipse at 50% 35%,#3d3e23,#090a08 63%); color:var(--yellow); border-radius:50%; }.image-missing .hero-logo-fallback { display:grid; }.fallback-stars { letter-spacing:.45em; color:var(--orange); font-size:14px; }.fallback-small { font-size:8px; letter-spacing:.1em; color:#fff1bd; margin-top:27px; }.hero-logo-fallback b { font:76px/.8 "Bebas Neue",sans-serif; letter-spacing:.02em; margin-top:12px; }.hero-logo-fallback strong { font:italic 64px/.9 "Playfair Display",serif; letter-spacing:-.09em; }.hero-logo-fallback i { margin-top:27px; font:italic 19px "Playfair Display",serif; color:var(--cream); }.ring { position:absolute; border-radius:50%; border:1px solid rgba(246,201,19,.19); }.ring-one { height:min(46vw,650px); width:min(46vw,650px); }.ring-two { height:min(54vw,750px); width:min(54vw,750px); border-color:rgba(245,240,229,.1); }.floating-card { position:absolute; z-index:4; display:flex; align-items:center; gap:9px; padding:11px 15px 11px 11px; background:#f8f1dd; color:var(--ink); box-shadow:0 14px 25px rgba(0,0,0,.25); transform:rotate(-5deg); }.floating-card p { margin:0; display:grid; gap:1px; line-height:1.18; }.floating-card small { font-size:9px; text-transform:uppercase; letter-spacing:.1em; color:#716c57; }.floating-card strong { font:700 13px "Playfair Display",serif; }.card-icon { width:30px; height:30px; display:grid; place-items:center; background:var(--yellow); border-radius:50%; }.floating-card-top { top:4%; left:-2%; }.floating-card-bottom { right:-4%; bottom:1%; transform:rotate(5deg); }.floating-card-bottom .card-icon { background:var(--orange); color:#fff; }.hero-stamp { position:absolute; right:-11px; top:45%; color:var(--yellow); font-size:10px; letter-spacing:.18em; writing-mode:vertical-rl; transform:rotate(180deg); }.scroll-note { position:absolute; z-index:2; bottom:29px; left:clamp(24px,5vw,80px); display:flex; gap:8px; align-items:center; font-size:9px; letter-spacing:.16em; color:rgba(245,240,229,.62); }.scroll-note span { display:block; width:19px; height:30px; border:1px solid rgba(245,240,229,.4); border-radius:10px; position:relative; }.scroll-note span::after { content:""; width:3px; height:5px; border-radius:5px; background:var(--yellow); position:absolute; top:6px; left:7px; animation:scroll 1.4s infinite; }@keyframes scroll { 50% { transform:translateY(10px); opacity:0; } }
.hours-strip { display:grid; grid-template-columns:1.1fr 1fr 25px 1fr .7fr; gap:clamp(15px,3.2vw,55px); align-items:center; padding:29px clamp(24px,8vw,130px); background:var(--yellow); }.hours-intro { display:flex; align-items:center; gap:12px; }.sun-icon { width:38px; height:38px; display:grid; place-items:center; background:var(--ink); color:var(--yellow); border-radius:50%; font-size:23px; }.hours-intro p,.hours-item,.hours-side { margin:0; }.hours-intro small,.hours-item span { display:block; font-size:9px; font-weight:700; letter-spacing:.14em; }.hours-intro strong { display:block; font:700 17px "Playfair Display",serif; }.hours-item strong { display:block; margin:3px 0 2px; font:28px/.9 "Bebas Neue",sans-serif; letter-spacing:.02em; }.hours-item strong i { color:var(--orange); font-style:normal; }.hours-item small { font-size:9px; }.hours-divider { font-size:17px; color:var(--orange); }.hours-side { font-family:"Playfair Display",serif; font-size:13px; line-height:1.1; }.hours-side em { color:var(--orange); }
.section { padding:clamp(70px,10vw,145px) clamp(24px,9vw,145px); }.menu-section { background:var(--paper); }.section-heading { display:flex; justify-content:space-between; gap:36px; align-items:end; }.section-heading h2,.morning-copy h2,.visit-copy h2 { font-size:clamp(42px,5.1vw,77px); color:var(--ink); }.section-lead { max-width:345px; color:#686658; line-height:1.65; margin:0 5% 7px 0; font-size:14px; }.menu-tabs { display:flex; gap:33px; margin:67px 0 26px; border-bottom:1px solid var(--line); }.menu-tabs button { font:600 13px "DM Sans",sans-serif; color:#928e80; border:0; padding:0 0 16px; background:none; cursor:pointer; position:relative; }.menu-tabs button span { font:11px "Bebas Neue",sans-serif; color:var(--orange); margin-right:5px; }.menu-tabs button::after { content:""; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:var(--ink); transition:width .25s; }.menu-tabs button.active { color:var(--ink); }.menu-tabs button.active::after { width:100%; }.menu-layout { display:grid; grid-template-columns:minmax(260px,.63fr) minmax(460px,1.3fr); align-items:start; gap:clamp(30px,6vw,105px); }.poster-card { padding:12px; background:#e8622b; transform:rotate(-2deg); box-shadow:11px 13px 0 #1b1b15; position:relative; }.poster-image { display:none; aspect-ratio:.73; background:#f4d245; overflow:hidden; border:2px solid var(--ink); }.poster-image.active { display:block; }.poster-image img { width:100%; height:100%; object-fit:cover; }.poster-fallback { height:100%; display:grid; align-content:center; padding:11%; color:#ffefc5; text-align:center; background:linear-gradient(150deg,#e6391c 0%,#ed691b 42%,#e02715 100%); }.poster-fallback span { font:700 12px "DM Sans",sans-serif; letter-spacing:.15em; }.poster-fallback strong { font:clamp(48px,5.7vw,77px)/.77 "Bebas Neue",sans-serif; letter-spacing:.01em; margin:28px 0; text-shadow:3px 3px var(--ink); }.poster-fallback i { font:italic 13px "Playfair Display",serif; }.poster-fallback.morning { background:linear-gradient(135deg,#f8d767,#f1a735); color:#402819; }.poster-fallback.morning strong { text-shadow:3px 3px #fff0b4; }.poster-fallback.drinks { background:linear-gradient(160deg,#dad2af,#798a45); color:#f8f0d9; }.tape-one,.tape-two { position:absolute; height:21px; width:83px; top:-10px; background:rgba(255,236,160,.65); transform:rotate(-7deg); }.tape-one { left:18%; }.tape-two { right:10%; transform:rotate(7deg); }.menu-list { display:none; }.menu-list.active { display:block; animation:fade .3s ease; }@keyframes fade { from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)} }.menu-kicker { color:var(--orange); font-size:10px; letter-spacing:.15em; font-weight:700; margin:0 0 10px; }.menu-kicker span { color:var(--ink); padding:0 7px; }.menu-item { min-height:91px; display:grid; grid-template-columns:36px 1fr auto 34px; gap:10px; align-items:center; border-top:1px solid var(--line); }.menu-item:last-of-type { border-bottom:1px solid var(--line); }.item-number { align-self:start; padding-top:20px; font:18px "Bebas Neue",sans-serif; color:var(--orange); }.menu-item h3 { font:700 20px "Playfair Display",serif; letter-spacing:-.03em; margin:0 0 4px; }.menu-item h3 em { display:inline-block; transform:translateY(-1px); margin-left:5px; padding:3px 6px; border-radius:2px; background:var(--yellow); font:700 8px "DM Sans",sans-serif; letter-spacing:.06em; text-transform:uppercase; }.menu-item p { margin:0; color:#777365; font-size:11px; }.menu-item > strong { color:var(--orange); font:21px "Bebas Neue",sans-serif; white-space:nowrap; }.add-button { width:27px; height:27px; margin-left:5px; display:grid; place-items:center; border:1px solid var(--ink); color:var(--ink); background:transparent; border-radius:50%; cursor:pointer; font-size:18px; line-height:1; transition:.2s; }.add-button:hover { background:var(--ink); color:var(--yellow); transform:rotate(90deg); }.menu-note { color:#898576; margin:16px 0 0; font-size:10px; }.marquee { color:var(--paper); background:var(--ink); overflow:hidden; white-space:nowrap; padding:21px 0; }.marquee div { width:max-content; display:flex; align-items:center; gap:27px; animation:marquee 24s linear infinite; }.marquee span { font:26px "Bebas Neue",sans-serif; letter-spacing:.06em; }.marquee b { color:var(--yellow); font-size:16px; }@keyframes marquee { to { transform:translateX(-33%); } }
.morning-section { display:grid; grid-template-columns:1fr 1fr; background:#e1d8bd; min-height:655px; }.morning-image { position:relative; min-height:530px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(135deg,#e5b650,#d06d27); }.morning-image::before,.morning-image::after { content:""; position:absolute; width:380px; height:380px; border:1px solid rgba(72,49,25,.27); border-radius:50%; }.morning-image::before { transform:translate(-34%,-24%); }.morning-image::after { transform:translate(39%,42%); }.morning-graphic { position:relative; z-index:1; display:grid; place-items:center; text-align:center; height:min(36vw,420px); width:min(36vw,420px); min-height:320px; min-width:320px; border-radius:50%; border:2px solid #462d1a; color:#462d1a; background:#f4d67d; box-shadow:9px 10px 0 #ae5526; }.morning-graphic > span { font-size:57px; line-height:.7; }.morning-graphic p { margin:11px 0 16px; font:18px/1 "Bebas Neue",sans-serif; letter-spacing:.09em; }.morning-graphic p i { font:italic 16px "Playfair Display",serif; }.morning-graphic b { font:55px/.75 "Bebas Neue",sans-serif; text-transform:uppercase; letter-spacing:.02em; }.morning-label { position:absolute; z-index:2; bottom:28px; left:28px; color:#fff0ca; transform:rotate(-4deg); }.morning-label span { display:block; font-weight:700; font-size:9px; letter-spacing:.15em; }.morning-label strong { display:block; font:31px/.83 "Bebas Neue",sans-serif; letter-spacing:.04em; }.morning-copy { padding:clamp(70px,11vw,165px) clamp(24px,8vw,130px) 60px; align-self:center; }.morning-copy > p:not(.eyebrow) { max-width:430px; margin:27px 0; color:#625e50; font-size:14px; line-height:1.7; }.morning-tags { display:flex; flex-wrap:wrap; gap:7px; margin:28px 0 33px; }.morning-tags span { padding:8px 10px; font-size:11px; border:1px solid rgba(71,45,25,.25); color:#56361d; }.inline-link { display:inline-flex; align-items:center; gap:13px; padding-bottom:5px; border-bottom:1px solid var(--ink); font-size:12px; font-weight:700; }.inline-link span { font-size:20px; transition:transform .2s; }
.visit-section { position:relative; overflow:hidden; padding:clamp(80px,12vw,160px) clamp(24px,9vw,145px); display:grid; grid-template-columns:1fr .82fr; align-items:center; gap:7vw; background:var(--ink); color:var(--cream); }.visit-section::after { content:"✦"; position:absolute; font-size:min(50vw,600px); color:rgba(246,201,19,.04); line-height:1; top:-18%; right:-9%; }.visit-copy,.visit-card { position:relative; z-index:1; }.visit-copy > p:not(.eyebrow) { color:rgba(245,240,229,.65); max-width:430px; line-height:1.7; font-size:14px; margin:26px 0 0; }.visit-card { padding:28px; background:var(--yellow); color:var(--ink); box-shadow:15px 16px 0 var(--orange); transform:rotate(2deg); }.visit-card-top { display:flex; gap:11px; align-items:center; padding-bottom:21px; border-bottom:1px solid rgba(23,23,18,.25); }.small-logo { display:grid; place-items:center; flex:none; border:1px solid var(--ink); width:35px; height:35px; border-radius:50%; font:20px "Bebas Neue",sans-serif; }.visit-card-top p { margin:0; font:700 14px "Playfair Display",serif; line-height:1.1; }.visit-card-top small { font:700 7px "DM Sans",sans-serif; letter-spacing:.11em; }.visit-spark { margin-left:auto; color:var(--orange); font-size:22px; }.visit-hours { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:22px 0; }.visit-hours p { margin:0; }.visit-hours span { display:block; font-size:9px; letter-spacing:.1em; font-weight:700; }.visit-hours strong { display:block; margin-top:4px; font:22px "Bebas Neue",sans-serif; }.visit-card > a { display:flex; justify-content:space-between; align-items:center; padding-top:15px; border-top:1px solid rgba(23,23,18,.25); font-size:12px; font-weight:700; }.visit-card > a span { font-size:19px; }.footer-brand { color:var(--ink); }.footer-brand .brand-type em { color:var(--orange); }footer { min-height:116px; padding:22px clamp(24px,5vw,80px); display:flex; justify-content:space-between; gap:20px; align-items:center; background:var(--paper); }footer > p { color:#777365; font-size:9px; letter-spacing:.1em; font-weight:700; }footer > p span { color:var(--orange); padding:0 4px; }.back-top { padding-bottom:3px; border-bottom:1px solid var(--ink); font-size:11px; font-weight:700; }
.toast { position:fixed; z-index:100; bottom:25px; right:25px; display:flex; gap:10px; align-items:center; padding:12px 17px 12px 11px; color:var(--cream); background:var(--ink); box-shadow:0 10px 30px rgba(0,0,0,.25); transform:translateY(120px); opacity:0; transition:.3s; }.toast.show { transform:translateY(0); opacity:1; }.toast > span { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:var(--yellow); color:var(--ink); font-weight:700; }.toast p { display:grid; gap:2px; margin:0; font-size:12px; }.toast small { color:rgba(245,240,229,.65); font-size:10px; }
.whatsapp-float { position:fixed; z-index:30; right:24px; bottom:24px; isolation:isolate; display:flex; align-items:center; gap:10px; min-width:224px; padding:9px 10px 9px 9px; overflow:visible; border:1px solid rgba(255,255,255,.42); border-radius:17px; color:#fff; background:linear-gradient(135deg,#1ebd5a,#128c46); box-shadow:0 15px 32px rgba(7,83,36,.36),inset 0 1px rgba(255,255,255,.22); transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s; }.whatsapp-float::before { content:""; position:absolute; z-index:-1; inset:1px; border-radius:15px; opacity:.26; background:linear-gradient(115deg,rgba(255,255,255,.55),transparent 34%); }.whatsapp-float:hover { transform:translateY(-5px) rotate(-1deg); box-shadow:0 21px 38px rgba(7,83,36,.45),inset 0 1px rgba(255,255,255,.25); }.whatsapp-pulse { position:absolute; z-index:-2; top:50%; left:28px; height:43px; width:43px; border-radius:50%; background:rgba(37,211,102,.34); transform:translate(-50%,-50%); animation:whatsapp-pulse 2.2s ease-out infinite; }.whatsapp-icon { display:grid; place-items:center; flex:none; height:40px; width:40px; border-radius:13px; color:#fff; background:#fff; box-shadow:0 4px 9px rgba(0,76,29,.25); }.whatsapp-icon svg { width:29px; height:29px; }.whatsapp-copy { display:grid; gap:2px; flex:1; line-height:1; }.whatsapp-copy small { display:flex; align-items:center; gap:5px; font-size:8px; font-weight:700; letter-spacing:.13em; color:rgba(255,255,255,.78); }.whatsapp-copy small i { display:inline-block; width:5px; height:5px; border-radius:50%; background:#d4ff69; box-shadow:0 0 0 3px rgba(212,255,105,.16); }.whatsapp-copy strong { font-size:12px; font-weight:700; letter-spacing:-.01em; }.whatsapp-arrow { display:grid; place-items:center; flex:none; width:25px; height:25px; border-radius:9px; color:#126833; background:rgba(255,255,255,.93); font-size:15px; transition:transform .25s; }.whatsapp-float:hover .whatsapp-arrow { transform:rotate(45deg); }@keyframes whatsapp-pulse { 65%,100% { transform:translate(-50%,-50%) scale(1.85); opacity:0; } }
@media (max-width:850px) { .site-header { height:73px; padding:0 23px; }.desktop-nav,.header-cta { display:none; }.menu-toggle { display:grid; gap:6px; border:0; padding:10px 0 10px 10px; background:none; cursor:pointer; }.menu-toggle span { width:25px; height:1.5px; background:var(--cream); display:block; transition:.2s; }.menu-toggle.open span:first-child { transform:translateY(3.7px) rotate(45deg); }.menu-toggle.open span:last-child { transform:translateY(-3.7px) rotate(-45deg); }.desktop-nav.mobile-open { display:flex; position:fixed; inset:73px 0 0; z-index:10; flex-direction:column; padding:50px 25px; background:var(--ink); margin:0; gap:26px; font:32px "Playfair Display",serif; }.hero { min-height:850px; padding:126px 24px 75px; grid-template-columns:1fr; gap:25px; }.hero-copy { max-width:550px; }.hero h1 { font-size:clamp(51px,14vw,80px); }.hero-visual { min-height:360px; }.hero-image-wrap { height:min(69vw,450px); width:min(69vw,450px); min-width:270px; min-height:270px; }.ring-one { height:min(82vw,560px); width:min(82vw,560px); }.ring-two { height:min(96vw,650px); width:min(96vw,650px); }.floating-card-top { left:2%; }.floating-card-bottom { right:0; }.hero-stamp { right:-3px; }.hours-strip { grid-template-columns:1fr 1fr; gap:19px; padding:25px; }.hours-intro { grid-column:1 / -1; }.hours-divider,.hours-side { display:none; }.section { padding:75px 24px; }.section-heading { display:block; }.section-lead { margin:20px 0 0; }.menu-tabs { margin-top:40px; gap:20px; overflow:auto; }.menu-tabs button { white-space:nowrap; }.menu-layout { grid-template-columns:1fr; gap:41px; }.poster-card { margin:0 auto; width:min(84%,390px); }.morning-section { grid-template-columns:1fr; }.morning-image { min-height:480px; }.morning-graphic { height:min(74vw,390px); width:min(74vw,390px); }.morning-copy { padding:76px 24px; }.visit-section { grid-template-columns:1fr; gap:55px; padding:82px 25px; }.visit-card { max-width:455px; width:calc(100% - 15px); margin-left:0; }footer { align-items:flex-start; flex-direction:column; padding:26px 24px; } footer > p { margin:0; }.back-top { align-self:flex-end; margin-top:-25px; } }
@media (max-width:430px) { .hero { min-height:800px; }.hero h1 { font-size:49px; }.hero-description { font-size:13px; margin:22px 0; }.hero-proof { margin-top:33px; }.button { font-size:12px; gap:11px; }.hero-visual { min-height:315px; }.hero-image-wrap { min-width:250px; min-height:250px; }.hero-logo-fallback b { font-size:58px; }.hero-logo-fallback strong { font-size:46px; }.hero-logo-fallback i { font-size:15px; }.floating-card { padding:8px; }.floating-card strong { font-size:10px; }.floating-card small { font-size:7px; }.floating-card .card-icon { width:24px; height:24px; font-size:11px; }.hours-item strong { font-size:24px; }.hours-item small { font-size:8px; }.menu-item { grid-template-columns:28px 1fr auto 29px; gap:5px; }.menu-item h3 { font-size:17px; }.menu-item p { font-size:10px; }.menu-item > strong { font-size:17px; }.add-button { width:25px; height:25px; margin-left:0; }.morning-graphic b { font-size:48px; }.visit-card { padding:22px; }.whatsapp-float { right:14px; bottom:14px; min-width:0; width:57px; height:57px; padding:8px; border-radius:18px; }.whatsapp-float::before { border-radius:16px; }.whatsapp-copy,.whatsapp-arrow { display:none; }.whatsapp-icon { height:39px; width:39px; }.whatsapp-pulse { left:28px; } }