:root{--y:#ffd500;--r:#ef171d;--b:#06baf8;--navy:#00172f;--black:#050506}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050506}body{margin:0;background:#050506;color:white;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,a{font:inherit}.wrap,.hero-inner,.party-inner{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:88px;padding:8px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#050506,rgba(5,5,6,.72));border-bottom:2px solid transparent;transition:.3s}.topbar.scrolled{height:72px;background:rgba(2,2,3,.95);border-color:var(--r);backdrop-filter:blur(14px)}.brand{border:0;background:none;padding:0;cursor:pointer}.brand img{display:block;width:185px;height:68px;object-fit:contain}.topbar nav{display:flex;gap:clamp(13px,2vw,31px)}.topbar nav button{position:relative;padding:25px 0;border:0;background:none;color:white;font-size:12px;font-weight:900;cursor:pointer}.topbar nav button:after{content:"";position:absolute;left:50%;right:50%;bottom:12px;height:2px;background:linear-gradient(90deg,var(--y),var(--r));transition:.25s}.topbar nav button:hover:after{left:0;right:0}.hamb{display:none}
.hero{position:relative;isolation:isolate;min-height:780px;overflow:hidden;background:radial-gradient(circle at 75% 43%,#063663 0,#00152b 36%,#03070d 74%);border-bottom:2px solid #075184}.city{position:absolute;z-index:-2;inset:23% 0 0;display:flex;align-items:flex-end;gap:3px;opacity:.55}.city i{display:block;width:25%;height:53%;background:linear-gradient(90deg,#050a10 65%,#0a1722)}.city i:nth-child(2){height:68%}.city i:nth-child(3){height:43%}.city i:nth-child(4){height:61%}.storefront{position:absolute;z-index:-1;right:2%;bottom:82px;width:57%;height:59%;transform:perspective(900px) rotateY(-6deg);background:linear-gradient(155deg,#161616,#080808);border:2px solid #2e2e2e;box-shadow:0 25px 80px #000}.roof{position:absolute;left:-3%;right:-3%;top:-9%;height:18%;background:#111;transform:skewX(-12deg);border-bottom:9px solid var(--r);box-shadow:0 8px 0 var(--y),0 0 30px var(--r)}.sign{position:absolute;top:-5%;left:22%;display:grid;transform:skew(-7deg) rotate(-2deg);filter:drop-shadow(0 0 15px #f00)}.sign b{color:var(--y);font-size:clamp(34px,5vw,74px);font-style:italic;text-shadow:0 4px 0 #6c4800}.sign span{justify-self:center;padding:4px 24px;background:var(--r);font-size:clamp(17px,2.2vw,31px);font-weight:950}.glass{position:absolute;left:8%;right:6%;bottom:4%;height:67%;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;background:#1a130d}.glass i{background:linear-gradient(90deg,rgba(255,153,15,.45),rgba(255,221,124,.84),rgba(255,89,0,.38));border:2px solid #292929;box-shadow:inset 0 -55px 0 rgba(18,12,8,.65)}.door{position:absolute;right:15%;bottom:6%;width:15%;height:61%;border:4px solid #1f1f1f;background:linear-gradient(90deg,#2c1308,#ff9f35aa,#160c08)}.hero-inner{min-height:780px;display:flex;align-items:center;justify-content:space-between;padding-top:88px}.hero-copy{position:relative;z-index:5;width:49%}.hero h1,.party h2,.convenience h2{margin:0;font-size:clamp(54px,6vw,84px);line-height:.88;font-weight:950;letter-spacing:-.055em;text-shadow:0 5px 18px #000}.hero h1 em,.party h2 em{display:block;color:var(--y);font-style:italic;transform:skew(-5deg)}.hero-copy>p{max-width:390px;font-size:20px;line-height:1.45}.hero-actions{display:flex;gap:13px;margin-top:28px}.cta{display:flex;align-items:center;gap:11px;min-height:70px;padding:9px 16px;border:2px solid transparent;border-radius:11px;color:#080808;text-decoration:none;font-weight:950;cursor:pointer;box-shadow:0 12px 28px #0008;transition:.23s}.cta:hover{transform:translateY(-4px);filter:brightness(1.08)}.cta b{font-size:26px}.cta span{font-size:14px;text-align:left}.cta small{display:block;font-size:11px;font-weight:500}.yellow{background:linear-gradient(135deg,#ffe100,#ffbe00);border-color:#ffe974}.blue{background:linear-gradient(135deg,#006cc3,#00aef0);border-color:#10c5ff;color:#fff}.green{display:inline-flex;background:#19b947;border-color:#90ff75;color:white}.cta.small{display:inline-flex;min-height:57px}.mascot{object-fit:contain;filter:drop-shadow(0 18px 18px #000)}.hero-mascot{position:absolute;z-index:4;right:27%;bottom:32px;width:min(29vw,390px);height:560px;animation:bob 4s ease-in-out infinite}.ice-floor{position:absolute;left:0;right:0;bottom:0;height:120px;padding-top:42px;color:#a7e9ff;font-size:36px;letter-spacing:5vw;text-align:center;background:linear-gradient(transparent,#0072bb88);filter:drop-shadow(0 0 9px #08f);white-space:nowrap}
.party{position:relative;overflow:hidden;background:radial-gradient(circle at 73% 45%,#0872ad,#00345f 35%,#00152c 75%);border-bottom:2px solid #0ba5e8}.party:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#75d6ff 1px,transparent 2px);background-size:22px 22px;opacity:.18}.party-inner{position:relative;min-height:690px;display:flex;align-items:center}.party-copy{position:relative;z-index:5;width:49%}.party h2{font-size:clamp(48px,5.4vw,76px)}.party h2 em{color:#7bd9ff}.party-features{display:flex;gap:30px;margin:30px 0}.party-features span,.quick span{display:grid;gap:7px;color:#82dcff;font-size:38px;text-align:center}.party-features small,.quick small{color:#c6edff;font-size:12px;font-weight:900}.party-scene{position:absolute;right:1%;bottom:0;width:57%;height:94%}.party-mascot{position:absolute;z-index:4;left:13%;bottom:0;width:43%;height:70%}.ice-bag{position:absolute;z-index:5;left:1%;bottom:4%;width:31%;height:48%;display:grid;place-content:center;text-align:center;color:#06274e;font-size:35px;font-weight:950;background:linear-gradient(135deg,#d8f7ffbb,#fff9,#78cfffcc);border:5px solid #c4f4ff;border-radius:45% 42% 17% 18%;box-shadow:inset 0 0 35px #fff,0 15px 25px #001a36}.ice-bag:before{content:"";position:absolute;top:-7%;left:25%;right:25%;height:12%;background:#d7f8ff;border-radius:50%}.ice-bag small{color:#075abe;font-size:19px}.keg{position:absolute;z-index:3;right:7%;bottom:8%;width:25%;height:41%;border-radius:17px;background:linear-gradient(90deg,#555,#eee 28%,#8e8e8e 52%,#f7f7f7 75%,#555);border:5px solid #444;box-shadow:0 20px 25px #00172c}.keg:after{content:"";position:absolute;left:9%;right:9%;top:18%;height:8%;background:#555;border-radius:50%}.keg i{position:absolute;top:-23%;left:45%;width:12%;height:26%;background:#bbb}.keg b{position:absolute;top:-24%;left:49%;width:40%;height:8%;background:#999}.table{position:absolute;z-index:6;right:22%;bottom:1%;width:38%;height:27%;border-radius:12px;background:linear-gradient(#fff,#bbb);box-shadow:0 15px 20px #00172c}.table:after{content:"";position:absolute;left:20%;right:20%;top:28%;bottom:-55%;background:linear-gradient(90deg,#bbb,#fff,#aaa)}.table i{position:absolute;z-index:-1;bottom:-18%;width:27%;height:64%;border:11px solid #eee;border-radius:35% 35% 10% 10%}.table i:nth-child(1){left:-25%}.table i:nth-child(2){right:-45%}.table i:nth-child(3){right:-17%}
.services{padding:68px 0;background:radial-gradient(circle at 50% 0,#083e6d,#00172e 62%)}.section-title{text-align:center;margin-bottom:32px}.section-title h2{margin:0;font-size:25px;font-weight:950;line-height:1.12}.section-title strong{color:var(--y)}.section-title>i{display:block;width:55px;height:4px;margin:13px auto;background:var(--y)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid article{overflow:hidden;padding-bottom:21px;text-align:center;border:1px solid #08baf8;border-radius:16px;background:linear-gradient(#073961,#031a31);box-shadow:0 20px 38px #0008;transition:.25s}.service-grid article:hover{transform:translateY(-8px)}.service-art{position:relative;height:190px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#0079bf,#001c36)}.service-art b{position:relative;z-index:2;color:#d7f5ff;font-size:82px;filter:drop-shadow(0 0 16px #8ce8ff)}.service-art i{position:absolute;width:53px;height:53px;border:5px solid #9eeaff;border-radius:9px;transform:rotate(25deg)}.service-art i:nth-of-type(1){left:10%;top:22%}.service-art i:nth-of-type(2){right:12%;bottom:15%;width:33px;height:33px}.service-art i:nth-of-type(3){left:38%;bottom:-14%;width:66px;height:66px}.service-grid h3{color:var(--b);font-size:21px}.service-grid p{min-height:62px;padding:0 20px;font-size:13px;line-height:1.5}.service-grid a{padding:7px 16px;border:1px solid #61778a;border-radius:7px;color:#fff;text-decoration:none;font-size:12px}
.convenience{position:relative;min-height:570px;overflow:hidden;border-top:2px solid var(--r);border-bottom:2px solid var(--r);background:linear-gradient(90deg,#030303 0,#090909 46%,#1c0c02 100%)}.aisle{position:absolute;right:0;top:0;bottom:0;width:58%;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:10px;padding:48px;background:linear-gradient(90deg,#150b05,#39200d);transform:perspective(800px) rotateY(-5deg);transform-origin:right}.aisle i{border:4px solid #222;background:linear-gradient(180deg,#fa3 0 15%,#1a1a1a 16% 35%,#fd2 36% 49%,#141414 50% 68%,#e42 69% 82%,#111 83%);box-shadow:0 0 18px #f60a}.convenience-copy{position:relative;z-index:3;padding:70px 0}.convenience h2{font-size:clamp(43px,5vw,65px)}.convenience h2 em{display:block;color:var(--y);font-size:27px;font-style:normal;letter-spacing:0}.quick{display:flex;gap:27px;margin:25px 0}.quick span{color:var(--y);font-size:28px}.quick small{color:white;font-size:10px}.convenience p{max-width:370px;font-size:17px}
.why,.testimonials,.location{position:relative;padding:67px 0;background-color:#111;background-image:radial-gradient(#333 1px,transparent 1px);background-size:6px 6px}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px;padding-right:180px}.reason-grid article{text-align:center}.reason-grid b{color:var(--r);font-size:45px}.reason-grid h3{margin:8px 0;color:var(--y);font-size:14px}.reason-grid p{font-size:13px;line-height:1.45}.why-mascot{position:absolute;right:1%;bottom:0;width:220px;height:300px}.testimonials{border-top:2px solid var(--r);border-bottom:2px solid var(--r)}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quote-grid article{padding:22px;border:1px solid #666;border-radius:12px;background:#090909bb;box-shadow:0 15px 25px #0007}.quote-grid article>div{color:var(--y);letter-spacing:3px}.quote-grid p{min-height:48px;font-size:13px;line-height:1.5}.quote-grid strong,.quote-grid small{display:block}.quote-grid small{color:#aaa}.contact{padding:74px 0;background:radial-gradient(circle at 72% 50%,#0a4e7a,#001a33 45%,#05090d 75%)}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.contact h2{font-size:42px;margin:0}.contact h2 em{color:var(--y);font-style:normal}.contact-card{padding:30px;text-align:center;border:1px solid #0ab8f7;border-radius:22px;background:#041425aa;box-shadow:0 20px 40px #000}.contact-card img{width:240px;height:130px;object-fit:contain}.contact-card p,.contact-card strong,.contact-card span{display:block}.contact-card strong{color:var(--y);font-size:27px}.contact-card span{margin-top:15px;color:#78d9ff}.location{border-top:1px solid #444}.location-grid{display:grid;grid-template-columns:.8fr 1.45fr 1fr;gap:28px;align-items:center}.location h2{font-size:20px}.location p{font-size:14px;line-height:1.5}.location small{padding-left:14px;color:#ccc}.map{position:relative;height:250px;overflow:hidden;border-radius:12px;background:#e7ebee}.map i{position:absolute;width:120%;height:4px;background:#c2cbd1;transform-origin:left}.map i:nth-child(1){top:28%;left:-10%;transform:rotate(18deg)}.map i:nth-child(2){top:71%;left:-5%;transform:rotate(-25deg)}.map i:nth-child(3){top:10%;left:38%;transform:rotate(80deg)}.map i:nth-child(4){top:53%;left:18%;transform:rotate(42deg)}.map b{position:absolute;left:53%;top:37%;color:var(--r);font-size:50px;filter:drop-shadow(0 4px 3px #999)}.social-cards{display:flex;gap:7px}.social-cards i{display:grid;place-items:center;width:72px;height:88px;border-radius:8px;background:linear-gradient(145deg,#033861,#05121f);color:#7bdcff;font-size:32px;font-style:normal}footer{min-height:70px;padding:10px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;background:#030303;color:#999;font-size:11px}footer img{width:120px;height:52px;object-fit:contain}footer a{color:#fff}.float-wa{position:fixed;z-index:90;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;padding:10px 17px;border:2px solid #92ff7b;border-radius:999px;background:#18b849;color:white;text-decoration:none;box-shadow:0 12px 30px #000;animation:pulse 2s infinite}.float-wa b{display:grid;place-items:center;width:38px;height:38px;border:2px solid white;border-radius:50%}.float-wa span{font-size:13px;font-weight:900}
@keyframes bob{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes pulse{50%{box-shadow:0 12px 30px #000,0 0 0 12px #18b84900}}
@media(max-width:840px){.wrap,.hero-inner,.party-inner{width:min(100% - 30px,620px)}.topbar,.topbar.scrolled{height:68px;padding:6px 15px;background:#050506f2;border-color:var(--r)}.brand img{width:135px;height:52px}.hamb{display:grid;place-content:center;gap:5px;width:44px;height:44px;border:1px solid #444;border-radius:8px;background:#111}.hamb i{display:block;width:24px;height:2px;background:var(--y);transition:.25s}.hamb.on i:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamb.on i:nth-child(2){opacity:0}.hamb.on i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.topbar nav{position:absolute;top:68px;left:0;right:0;display:grid;gap:0;padding:10px 17px 18px;background:#050506;transform:translateY(-130%);opacity:0;pointer-events:none;transition:.3s}.topbar nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.topbar nav button{text-align:left;padding:12px 4px;border-bottom:1px solid #222}.topbar nav button:after{display:none}.hero{min-height:800px}.hero-inner{min-height:800px;align-items:flex-end;padding:0 0 65px}.storefront{right:-45%;bottom:180px;width:130%;height:52%;opacity:.75}.hero-copy{width:100%}.hero h1{font-size:52px}.hero-copy>p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.cta{padding:8px 10px}.cta span{font-size:11px}.hero-mascot{right:0;bottom:260px;width:45%;height:330px}.ice-floor{height:80px}.party-inner{min-height:830px;align-items:flex-end;padding-bottom:50px}.party-copy{width:100%;z-index:10}.party h2{font-size:47px}.party-scene{right:-10%;top:15px;width:110%;height:58%}.party-features{justify-content:space-between;gap:12px}.service-grid,.quote-grid,.contact-grid,.location-grid{grid-template-columns:1fr}.service-art{height:220px}.aisle{width:100%;opacity:.45;padding:28px}.convenience{min-height:720px}.convenience-copy{padding-top:350px}.convenience h2{font-size:44px}.reason-grid{grid-template-columns:1fr 1fr;padding-right:0}.why{padding-bottom:250px}.why-mascot{right:50%;transform:translateX(50%);width:200px;height:250px}.contact-grid{gap:25px}.location-grid{gap:20px}footer{flex-direction:column;text-align:center;padding:20px}.float-wa{right:13px;bottom:13px;padding:8px}.float-wa span{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* High-resolution section artwork */
.hero{background-image:linear-gradient(90deg,rgba(2,5,9,.96) 0%,rgba(2,5,9,.72) 35%,rgba(2,5,9,.08) 72%),url('becari-fachada.png');background-size:cover;background-position:center}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 45%,rgba(0,70,120,.28));pointer-events:none}
.hero .city,.hero .storefront{display:none}
.party{background-image:linear-gradient(90deg,rgba(0,8,18,.96) 0%,rgba(0,8,18,.74) 38%,rgba(0,8,18,.08) 76%),url('becari-festas.png');background-size:cover;background-position:center}
.party:before{background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 45%,rgba(0,45,85,.35));opacity:1;pointer-events:none}
.party-scene>*:not(.party-mascot){display:none}
.convenience{background-image:linear-gradient(90deg,rgba(3,3,3,.98) 0%,rgba(3,3,3,.77) 38%,rgba(3,3,3,.08) 74%),url('becari-loja.png');background-size:cover;background-position:center}
.convenience .aisle{display:none}
@media(max-width:840px){.hero{background-position:62% center}.party{background-position:67% center}.convenience{background-position:62% center}.hero:before,.party:after,.convenience:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,7,.18),rgba(2,4,7,.78) 58%,rgba(2,4,7,.97));pointer-events:none}.hero-inner,.party-inner,.convenience-copy{position:relative;z-index:2}}

/* Original-layout imagery with Becarito integrated into each scene */
.hero{background-image:linear-gradient(90deg,rgba(1,4,9,.35) 0%,rgba(1,4,9,.12) 43%,transparent 72%),url('becari-hero-original.png')}
.hero .hero-mascot{display:none}
.party{background-image:linear-gradient(90deg,rgba(0,8,18,.28) 0%,rgba(0,8,18,.08) 45%,transparent 73%),url('becari-festa-original.png')}
.party .party-scene{display:none}
.convenience{background-image:linear-gradient(90deg,rgba(3,3,3,.25) 0%,rgba(3,3,3,.08) 46%,transparent 74%),url('becari-loja-original.png')}
@media(max-width:840px){.hero{background-position:62% center}.party{background-position:66% center}.convenience{background-position:64% center}.hero:before,.party:after,.convenience:after{background:linear-gradient(180deg,rgba(2,4,7,.05),rgba(2,4,7,.56) 58%,rgba(2,4,7,.94))}}

/* Service photography inspired by the Becari social feed */
.service-art{height:220px;background:#03182d}
.service-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease,filter .35s ease}
.service-art span{position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,15,34,.45));pointer-events:none}
.service-grid article:hover .service-art img{transform:scale(1.055);filter:saturate(1.08) brightness(1.04)}
@media(max-width:840px){.service-art{height:240px}}

/* Store addresses and official WhatsApp mascot */
.address-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px;align-items:start}.address-grid article{height:100%;padding:22px;border:1px solid #444;border-radius:15px;background:rgba(5,5,5,.78);box-shadow:0 16px 32px #0007}.address-grid h3{margin:0 0 13px;color:var(--y);font-size:21px}.address-grid a{display:flex;gap:10px;padding:11px 0;border-top:1px solid #333;color:#fff;text-decoration:none;line-height:1.25;transition:.2s}.address-grid a:hover{color:var(--y);transform:translateX(4px)}.address-grid a b{color:var(--y)}.address-grid a span{font-size:13px;font-weight:800}.address-grid a small{display:block;padding:3px 0 0;color:#bbb;font-size:11px;font-weight:500}.location-social{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:25px}.location-social h2{margin:0}.location-social a{color:#79dfff;font-weight:900;text-decoration:none}.float-wa{right:14px;bottom:8px;width:150px;height:190px;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}.float-wa img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 12px 15px #0009);transition:transform .25s}.float-wa:hover img{transform:translateY(-5px) scale(1.03)}
@media(max-width:840px){.address-grid{grid-template-columns:1fr}.location-social{display:block;text-align:center}.location-social a{display:inline-block;margin-top:6px}.float-wa{right:5px;bottom:4px;width:105px;height:134px}}

/* Individual Google Maps for every store */
.maps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.map-card{overflow:hidden;border:1px solid #444;border-radius:16px;background:#070707;box-shadow:0 18px 35px #0008}.map-card>div{min-height:104px;padding:18px 20px}.map-card h3{margin:0 0 7px;color:var(--y);font-size:21px}.map-card p{margin:0;color:#fff;font-size:14px;font-weight:800;line-height:1.35}.map-card p small{display:block;padding-top:3px;color:#bbb;font-size:12px;font-weight:500}.map-card iframe{display:block;width:100%;height:260px;border:0;filter:saturate(.9) contrast(1.05)}.map-card>a{display:block;padding:14px 18px;background:linear-gradient(135deg,#ffe100,#ffbd00);color:#080808;text-align:center;text-decoration:none;font-size:12px;font-weight:950;transition:.2s}.map-card>a:hover{filter:brightness(1.08)}.map-card:last-child{grid-column:1/-1;width:calc(50% - 11px);justify-self:center}
@media(max-width:840px){.maps-grid{grid-template-columns:1fr}.map-card:last-child{grid-column:auto;width:100%}.map-card iframe{height:235px}}

/* Modern CTA buttons and contact block */
.cta{position:relative;isolation:isolate;overflow:hidden;min-height:72px;padding:11px 21px;border-width:1px;border-radius:18px;box-shadow:0 16px 34px #0009,inset 0 1px 0 #ffffff55;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}.cta:after{content:"";position:absolute;z-index:-1;top:-70%;left:-35%;width:38%;height:240%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:rotate(20deg);transition:left .55s ease}.cta:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 22px 42px #000b,inset 0 1px 0 #ffffff88}.cta:hover:after{left:115%}.cta b{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#ffffff30;box-shadow:inset 0 1px 0 #ffffff70;font-size:20px}.cta span{font-size:13px;letter-spacing:.02em}.cta small{margin-top:3px;opacity:.78}.yellow{background:linear-gradient(135deg,#ffe451 0,#ffd000 42%,#ffb800 100%);border-color:#fff09b}.blue{background:linear-gradient(135deg,#0874d8 0,#00aee9 58%,#0bc9ee 100%);border-color:#5de6ff}.green{background:linear-gradient(135deg,#16a83b,#20d255);border-color:#7dff9a}.green b{background:#fff;color:#11a43b}.cta.small{min-height:62px;border-radius:16px}
.contact{position:relative;overflow:hidden;padding:90px 0;background:radial-gradient(circle at 80% 35%,#07578c 0,#012849 30%,#05090d 72%)}.contact:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 52%,rgba(6,190,255,.08)),radial-gradient(#23bdf833 1px,transparent 1px);background-size:auto,18px 18px;mask-image:linear-gradient(90deg,transparent 35%,#000);pointer-events:none}.contact-grid{position:relative;grid-template-columns:1fr .85fr;gap:80px}.contact-copy{position:relative}.contact-kicker{display:inline-flex;padding:8px 12px;margin-bottom:18px;border:1px solid #10c7ff55;border-radius:999px;background:#06baf812;color:#71dcff;font-size:10px;font-weight:900;letter-spacing:.16em}.contact h2{font-size:clamp(40px,4vw,57px);line-height:1.03;letter-spacing:-.035em}.contact h2 em{display:inline-block;margin-top:5px;background:linear-gradient(90deg,#ffe100,#ffbd00);background-clip:text;color:transparent}.contact-copy>p{max-width:520px;margin:18px 0 16px;color:#d5e6f2;font-size:17px;line-height:1.55}.contact-benefits{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}.contact-benefits span{padding:8px 11px;border:1px solid #ffffff1e;border-radius:10px;background:#ffffff0b;color:#b8cede;font-size:11px}.contact-benefits span:before{content:"✓";margin-right:6px;color:#35dc70;font-weight:900}.contact-card{position:relative;padding:42px 34px 34px;border:1px solid #18c5ff88;border-radius:28px;background:linear-gradient(145deg,rgba(7,38,67,.94),rgba(2,15,28,.92));box-shadow:0 28px 65px #0009,inset 0 1px 0 #ffffff1f;backdrop-filter:blur(14px)}.contact-card:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff0b;border-radius:21px;pointer-events:none}.contact-card .online-dot{position:absolute;z-index:2;top:17px;right:19px;color:#67e58b;font-size:9px;font-weight:900;letter-spacing:.1em}.contact-card .online-dot:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#35dc70;box-shadow:0 0 10px #35dc70}.contact-card img{width:min(100%,280px);height:145px}.contact-card p{margin:4px 0 5px;color:#c8d8e5}.contact-card strong{font-size:32px;letter-spacing:-.03em}.contact-card a{position:relative;z-index:2;display:inline-block;margin-top:18px;color:#69d9ff;text-decoration:none;font-weight:800}.float-wa{bottom:42px}.float-wa:hover img{transform:translateY(-8px) scale(1.035)}
@media(max-width:840px){.cta{min-height:66px;padding:9px 12px;border-radius:15px}.cta b{flex-basis:36px;width:36px;height:36px;border-radius:11px}.contact{padding:70px 0}.contact-grid{gap:32px}.contact-card{padding:40px 22px 28px}.contact-benefits{gap:7px}.contact-benefits span{font-size:10px}.float-wa{bottom:28px}}

/* Refined minimal interface */
.hero-actions{gap:12px}.hero-actions .cta{min-height:62px;padding:7px 10px 7px 8px;border-radius:999px;box-shadow:0 12px 26px #0008,inset 0 1px 0 #ffffff55}.hero-actions .cta:after{display:none}.hero-actions .cta b{flex:0 0 43px;width:43px;height:43px;border-radius:50%;font-size:18px}.hero-actions .cta span{min-width:122px;font-size:12px;line-height:1.1}.hero-actions .cta small{font-size:10px}.hero-actions .cta>i{display:grid;place-items:center;width:30px;height:30px;margin-left:5px;border:1px solid currentColor;border-radius:50%;font-size:14px;font-style:normal;opacity:.48;transition:.25s}.hero-actions .cta:hover{transform:translateY(-3px);box-shadow:0 17px 30px #000a}.hero-actions .cta:hover>i{transform:translateX(2px);opacity:.85}.hero-actions .yellow{background:#ffd400;border-color:#ffe770}.hero-actions .yellow b{background:#101820;color:#ffd400}.hero-actions .blue{background:rgba(3,32,54,.82);border-color:#22c5ef;color:#eafaff;backdrop-filter:blur(10px)}.hero-actions .blue b{background:#11aeda;color:#fff}
.contact{padding:86px 0;background:#040b11;border-top:1px solid #0b3851;border-bottom:1px solid #0b3851}.contact:before{inset:0;background:radial-gradient(circle at 88% 35%,rgba(0,153,219,.16),transparent 37%),linear-gradient(110deg,transparent 55%,rgba(0,163,221,.04));mask-image:none}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:72px}.contact-kicker{padding:0;margin:0 0 15px;border:0;border-radius:0;background:none;color:#5fd4f6;font-size:10px;letter-spacing:.2em}.contact h2{font-size:clamp(43px,4.2vw,62px);line-height:.95;font-weight:900}.contact h2 em{margin-top:8px;background:none;color:#ffd400;font-style:italic}.contact-copy>p{max-width:490px;margin:22px 0 28px;color:#aebdca;font-size:16px}.contact-main-action{display:flex;align-items:center;gap:14px;width:fit-content;min-width:340px;padding:10px 12px;border:1px solid #28d567;border-radius:999px;background:#0b2115;color:#fff;text-decoration:none;box-shadow:0 14px 30px #0007;transition:.25s}.contact-main-action:hover{transform:translateY(-3px);border-color:#74f99d;background:#0d2c1a}.contact-main-action .wa-symbol{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#22c55e;color:#fff;font-size:20px}.contact-main-action>span:nth-child(2){display:grid;gap:2px}.contact-main-action strong{font-size:12px;letter-spacing:.04em}.contact-main-action small{color:#9ec2aa;font-size:10px}.contact-main-action>i{display:grid;place-items:center;width:34px;height:34px;margin-left:auto;border:1px solid #34d97766;border-radius:50%;color:#56e785;font-style:normal}.contact-card{padding:30px;border:1px solid #16435b;border-radius:20px;background:linear-gradient(145deg,rgba(7,27,41,.94),rgba(3,14,22,.96));box-shadow:0 22px 60px #0008}.contact-card:after{display:none}.contact-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #17384b}.contact-brand img{width:180px;height:96px}.contact-brand>span{color:#8ee5ad;font-size:9px;font-weight:900;letter-spacing:.12em;white-space:nowrap}.contact-brand>span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#34d86d;box-shadow:0 0 12px #34d86d}.contact-hours{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:25px 0}.contact-hours span{display:grid;gap:5px}.contact-hours small{color:#7093a8;font-size:9px;font-weight:800;letter-spacing:.13em}.contact-hours strong{color:#ffd400;font-size:34px;line-height:1}.contact-hours>b{padding:8px 11px;border:1px solid #29495b;border-radius:999px;color:#bed0db;font-size:10px}.contact-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #17384b}.contact-links a{display:flex;justify-content:space-between;padding:17px 0 0;color:#92a9b8;text-decoration:none;font-size:11px}.contact-links a:first-child{padding-right:20px;border-right:1px solid #17384b}.contact-links a:last-child{padding-left:20px}.contact-links a strong{color:#5ed6f7}.float-wa{right:18px;bottom:78px;width:122px;height:154px}
@media(max-width:840px){.hero-actions{grid-template-columns:1fr;max-width:330px}.hero-actions .cta{width:100%}.hero-actions .cta span{flex:1}.contact{padding:68px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:43px}.contact-main-action{width:100%;min-width:0}.contact-brand{align-items:flex-start}.contact-brand img{width:145px;height:78px}.contact-brand>span{font-size:8px}.contact-hours{align-items:center}.contact-hours strong{font-size:29px}.contact-links{grid-template-columns:1fr}.contact-links a:first-child{padding-right:0;border-right:0}.contact-links a:last-child{padding-left:0}.float-wa{bottom:62px;width:96px;height:122px}}

/* Unified pill actions throughout the site */
.party .cta,.convenience .cta{min-height:60px;padding:7px 9px;border-radius:999px;gap:11px;box-shadow:0 12px 28px #0008}.party .cta:after,.convenience .cta:after{display:none}.party .cta b,.convenience .cta b{flex:0 0 43px;width:43px;height:43px;border-radius:50%;background:#101820;color:#ffd400;font-size:17px}.party .cta span,.convenience .cta span{font-size:11px;line-height:1.1}.party .cta small,.convenience .cta small{margin-top:3px;font-size:9px}.party .cta>i,.convenience .cta>i{display:grid;place-items:center;width:31px;height:31px;margin-left:7px;border:1px solid #17222b55;border-radius:50%;font-size:13px;font-style:normal;opacity:.58;transition:.25s}.party .cta:hover>i,.convenience .cta:hover>i{transform:translateX(2px);opacity:1}.service-grid a{display:inline-flex;align-items:center;gap:14px;padding:8px 9px 8px 17px;border:1px solid #21bce9;border-radius:999px;background:#031b2c;color:#e9faff;font-size:10px;font-weight:900;letter-spacing:.04em;transition:.25s}.service-grid a:after{content:"→";display:grid;place-items:center;width:29px;height:29px;border:1px solid #22bce966;border-radius:50%;color:#55d8fb}.service-grid a:hover{transform:translateY(-2px);border-color:#69ddff;background:#06263b}.map-card{padding-bottom:12px}.map-card>a{display:flex;align-items:center;justify-content:center;gap:12px;width:calc(100% - 24px);margin:12px;padding:8px 10px;border:1px solid #ffd400;border-radius:999px;background:#171702;color:#ffd400;box-shadow:none}.map-card>a:before{content:"⌖";display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffd400;color:#111;font-size:15px}.map-card>a:after{content:"→";display:grid;place-items:center;width:28px;height:28px;margin-left:auto;border:1px solid #ffd40066;border-radius:50%}.map-card>a:hover{transform:translateY(-2px);background:#211f02;filter:none}.contact-main-action{box-shadow:0 12px 28px #0008}.contact-copy>p{max-width:520px}
@media(max-width:840px){.party .cta,.convenience .cta{width:100%;max-width:340px}.party .cta span,.convenience .cta span{flex:1}.service-grid a{padding-left:15px}.map-card>a{width:calc(100% - 20px);margin:10px}}

/* Opening hours by store */
.contact-grid{grid-template-columns:.72fr 1.28fr;gap:56px}.hours-card{padding:25px}.hours-card .contact-brand{padding-bottom:16px}.hours-card .contact-brand img{width:145px;height:76px}.unit-hours{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0}.unit-hours article{padding:15px 14px;border:1px solid #153b50;border-radius:14px;background:#06141f}.unit-hours h3{margin:0;color:#ffd400;font-size:13px;line-height:1.1}.unit-hours article>small{display:block;min-height:34px;margin:5px 0 10px;color:#6e8b9d;font-size:8px;line-height:1.35}.unit-hours p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:7px 0;border-top:1px solid #112e3e;font-size:8px;line-height:1.25}.unit-hours p b{color:#a8becb;font-weight:700}.unit-hours p span{color:#fff;text-align:right;white-space:nowrap}.hours-footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #17384b}.hours-footer a{display:flex;justify-content:space-between;padding:15px 0 0;color:#92a9b8;text-decoration:none;font-size:10px}.hours-footer a:first-child{padding-right:18px;border-right:1px solid #17384b}.hours-footer a:last-child{padding-left:18px}.hours-footer strong{color:#5ed6f7}.hours-card+.float-wa{pointer-events:none}
@media(max-width:1000px){.contact-grid{grid-template-columns:1fr}.unit-hours{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.unit-hours{grid-template-columns:1fr}.unit-hours article>small{min-height:0}.unit-hours p{font-size:10px}.hours-footer{grid-template-columns:1fr}.hours-footer a:first-child{padding-right:0;border-right:0}.hours-footer a:last-child{padding-left:0}}